body{
  margin: 0px;
  padding: 0px;
}

.commonborder{
    
}
.logoframe{
}
.header{
    position: relative;
    background-color:  white;
    border-radius: 4px;
    margin-top: 10px;
    border-bottoma: 2px solid gainsboro;
    box-shadow: 0 0 50px 5px gray;
}
.header .menubar{
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    color:gray;
    text-align: center;
    letter-spacing: 2px;
   
}
.header .menubar .mobileMenuSwitch{
    display: none;
}

.header .menubar .link{
    padding: 13px;
    display: inline-block;
    text-align: left;
}
.header .menubar .link:hover{
    background-color: gainsboro;
    color: gray;
    text-decoration: none;
    text-shadow: 0 0 2px white,1px 1px 2px white;
}
.imagesliderpanel{
    width: 100%;
    border:1px solid gray;
    overflow: hidden;
    box-shadow: inset 0 0 10px black;
    z-index: 2;
    position: relative;
}
.imagesliderpanel .slidingpanel{
    width: 100%;
    position: relative;
    z-index: 0;
    text-align: left;
}
.imagesliderpanel .slidingpanel .img{
    width: 100%;
    position: relative;
    border:none;
    margin: 0px;
    padding: 0px;
    z-index: 0;
    display: none;
}

.imagesliderpanel .slidingpanel .img:first-child{
    display: block;
}
.imagesliderpanel .movingButton{
    position: absolute;
    top:150px;
    background-color: white;
    color: gray;
    padding: 50px;
    opacity: .5;
    cursor: pointer;
    /*box-shadow: inset 0px 0px 10px 2px gray;*/
    overflow: hidden;
    display: none;
}
.imagesliderpanel .movingButton:hover{
    opacity: 1;
}
.imagesliderpanel .leftMove .leftArraow{
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../../res/images/logo/arrow-left.png");
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
}
.imagesliderpanel .rightMove .rightArraow{
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../../res/images/logo/arrow-right.png");
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
}
.homeReview{
    margin-top: 20px;
}

.homeReview .window{
    
}
.shortEntPanel{
    background-image: url("../images/1200/music-wallpapers-11540-12071-hd-wallpapers.jpg");
  background-position:  top;
  background-size:  100%;
  background-repeat: repeat-x;
  background-attachment:  fixed;
  text-shadow: 0 0 4px white;
}

.homeReview .musicComposePanel .window{
    border:thin solid gainsboro;
    overflow: hidden;
}
.homeReview .musicComposePanel .window .title{
    font-family: arial;
    font-weight: bold;
    background-color: gainsboro;
    color: gray;
}
.homeReview .musicComposePanel .window .container{
    font-family: arial;
}
.homeReview .recoredListPanel .window{
    border:thin solid red ;
    overflow: hidden;
}
.homeReview .recoredListPanel .window .title{
    font-family: arial;
    font-weight: bold;
    background-color: #ff0b0b;
    color: white;
}
.homeReview .recoredListPanel .window .container{
    font-family: arial;
}
.audioitem{
    border:thin solid gainsboro;
    border-radius: 5px;
    box-shadow: 0 1px 2px gray;
    text-align: left;
}
.audioitem:hover{
    border-color: #10e6ff;
    box-shadow: 0 1px 2px #10e6ff;
}
.audioitem .audioIco{
    display: inline-block;
    vertical-align: top;
}
.audioitem .audioInfo{
    vertical-align: top;
    display: inline-block;
}
.audioitem .audioInfo .audioTitle{
    color: gray; 
    font-weight: bold;
    
}
.audioitem .audioInfo .audioduration{
    color: gray; 
}
.videoitem{
    border:thin solid gainsboro;
    border-radius: 5px;
    box-shadow: 0 1px 2px gray;
    text-align: left;
}
.videoitem:hover{
    border-color: #ffb1a0;
    box-shadow: 0 1px 2px #ffb1a0;
}
.videoitem .videoIco{
    display: inline-block;
    vertical-align: top;
}
.videoitem .videoInfo{
    display: inline-block;
    vertical-align: top;
}
.videoitem .videoInfo .videoTitle{
    color: gray; 
    font-weight: bold;
}
.videoitem .videoInfo .videoduration{
    color: gray; 
}
.homeReview .tourpanel{
    border:thin solid white;
    box-shadow: 0  0px 2px #10e6ff;
}
.homeReview .tourpanel .titlePanel{
    background-color: #10e6ff;
    color: white;
    font-family: arial;
    font-weight:bold; 
}
.homeReview .tourpanel .movingToolPanel{
    display: none;
}
.homeReview .tourpanel .movingToolPanel .movingButton{
    vertical-align: top;
    display: inline-block;
    border:thin solid gray;
    box-shadow: 0 0 2px white,0 0 5px gray;
    cursor: pointer;
}
.homeReview .tourpanel .movingToolPanel .movingButton:hover{
    box-shadow: 0 0 2px white,0 0 10px gray;
    background-color: black;
}
.homeReview .tourpanel .movingToolPanel .moveLeft{
    padding-left: 10px;
    padding-right: 15px;
}
.homeReview .tourpanel .movingToolPanel .moveRight{
    padding-left: 15px;
    padding-right: 10px;
}

.homeReview .tourpanel .movingToolPanel  .arrawLeft{
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../../res/images/logo/arrow-left.png");
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
}
.homeReview .tourpanel .movingToolPanel  .arrawRight{
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../../res/images/logo/arrow-right.png");
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
}
.tourItem{
    text-align: left;
}
.tourScrollPanel{
    overflow: hidden;
}
.tourItem .tourico{
}
.tourItem .tourDesc{
    display: inline-block;
    vertical-align: top;
    font-family: arial;
}
.tourItem .tourDesc .title{
    color: #00cccc;
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: thin solid gray; 
    margin-bottom: 10px;
}
.tourItem .tourDesc .shortReview{
    color: gray;
}
.tourItem .tourDesc .images{
}
.tourItem .tourDesc .images img{
}

.footer{
    background: whitesmoke;
    font-family: arial;
    color: gray;
    border-top: thin solid gainsboro;
    box-shadow:inset 0 0 5px white,0 0px 10px gray;
    text-shadow: 0 1px 1px white;
}
.footer .contactus{;    
    font-weight: bold;
    vertical-align: top;
}
.footer .contactus .companyName{
    font-family: serif;
}
.footer .contactus .contactNumber,.footer .contactus .contactMailId,.footer .contactus .companyAddress{
    padding-bottom: 5px;
    border-bottom: thin solid gray;
    margin-top: 10px;
}
.footer .commonlinks{
    text-align: center;
    border:thin solid gray;
    color: white;
    background-color: gray;
    text-shadow: none;
    box-shadow: inset 0 0 2px white,0 0 5px gray;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.footer .commonlinks a{
}
.footer .folowuson{
    vertical-align: top;
    font-weight: bold;
    text-shadow: 0 2px 2px white;
}
.footer .folowuson .title{
}

.footer .folowuson .logo{
}
.galleryOption{
    margin-top: 50px;
    padding:20px;
    border-bottom: thick solid red;
    margin-bottom: 100px;

}
.galleryOption .galleryTitle{
    font-family:carnevalee-freakshow;
    text-align: center;
    font-size: 40px;
    color: #ff0000; 
    text-shadow:0 0  2px #ffff00, 0 10px 20px gray;
}

.galleryOption .inlineBlock{
    
}
.galleryOption .block{
    padding: 10px;
}
.galleryOption .galleryLink .title{
    padding-bottom: 10px;
    font-family: arial;
    color: gray;
}
.galleryOption .galleryLink .button{
    padding: 5px;
    font-family: good-times;
    background-color: #10e6ff;
    display: block;
    color: white;
    font-weight: bold;
    opacity: .5;
    border-radius: 10px;
    text-shadow: 0 0 2px black,2px 2px 2px black;
    box-shadow: 0 0 10px grey,inset 0 1px 2px white;
}
.galleryOption .galleryLink .button:hover{
    opacity: 1;
}
.galleryOption .galleryLink .button .icon{
    margin-right: 10px;
    vertical-align: middle;
}
.galleryOption .galleryLink .button .label{
    vertical-align: middle;
}
.galleryOption .galleryImages .galleryImage{
    width: 100%;
}
.galleryOption .galleryImages .block .title{
    color: gray;
    font-family: arial;
}
.galleryOption .galleryImages .button{
    padding: 5px;
    margin-top: 10px;
    font-family: good-times;
    background-color: #10e6ff;
    display: block;
    color: white;
    font-weight: bold;
    opacity: .5;
    border-radius: 10px;
    text-shadow: 0 0 2px black,2px 2px 2px black;
    box-shadow: 0 0 10px grey,inset 0 1px 2px white;
}
.galleryOption .galleryImages  .button:hover{
    opacity: 1;
}
.galleryOption .galleryImages  .button .icon{
    margin-right: 10px;
    vertical-align: middle;
}
.galleryOption .galleryImages  .button .label{
    vertical-align: middle;
}
.pagetitle{
    margin-top: 20px;
    margin-bottom: 20px;
    font-family:carnevalee-freakshow;
    text-align: center;
    font-size: 40px;
    color: #ff0000; 
}
.imagesListPanel{
    padding: 20px;
    border-top: thick solid #ff9933 ;
    border-bottom: thick solid #00cccc;
}
.imagesListPanel .imglink{
    border:5px solid #10e6ff;
    border-radius: 4px;
    width: 250px;
    margin: 10px;
    box-shadow: 0 0 2px white, 0 0 10px gray;
    display: inline-block;
    vertical-align: middle;
}
.imagesListPanel .imglink:hover{
    border-color: #ff0000;
    box-shadow: 0 0 15px white, 0 0 20px #00cccc;
    
}
.imagesListPanel .imglink .image{
    width: 100%;
}
.imagesListPanel .fullViewimage{
    width: 100%;
}
.imagesListPanel .imageLinks .button{
    padding: 5px;
    margin-top: 10px;
    font-family: good-times;
    background-color: #10e6ff;
    display: inline-block;
    color: white;
    font-weight: bold;
    opacity: .5;
    border-radius: 10px;
    text-shadow: 0 0 2px black,2px 2px 2px black;
    box-shadow: 0 0 10px grey,inset 0 1px 2px white;
}
.imagesListPanel .imageLinks  .button:hover{
    opacity: 1;
}
.imagesListPanel .imageLinks  .button .label{
    vertical-align: middle;
    padding: 10px;
    display:  inline-block;
}
.imagesListPanel .imageLinks .button .forwordArrow{
    font-size: 0px;
    width: 0px;
    height: 0px;
    vertical-align: middle;
    display: inline-block;
    border-left: 10px solid #009999;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
}
.imagesListPanel .imageLinks .button .previousArrow{
    font-size: 0px;
    width: 0px;
    height: 0px;
    
    vertical-align: middle;
    display: inline-block;
    border-right: 10px solid #009999;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
}
.audioListPanel{
}
.audioListPanel .trackItem{
    padding: 5px;
    margin-bottom: 5px;
    border:thin solid transparent;
    border-bottom: thin solid gainsboro;
}
.audioListPanel .trackItem:hover{
    
    border:thin solid gainsboro;
    background-color: whitesmoke;
}
.audioListPanel .trackItem .img{
    vertical-align: top;
    display: inline-block;
}
.audioListPanel .trackItem .trackinfo{
    vertical-align: top;
    font-family: arial;
    display: inline-block;
}
.audioListPanel .trackItem .trackinfo .title{
    display: block;
    color: gray;
    font-weight: bold;
    padding-bottom: 5px;
}
.audioListPanel .trackItem .trackinfo .desc{
    color: grey;
    padding-bottom: 5px;
}
.audioListPanel .trackItem .trackinfo .duration{
    font-size: 12px;
    color: grey;
    padding-bottom: 5px;
}
.semiPanel{
    border-top: thick solid #ff0000;
    border-bottom: thick solid #00cccc;
    padding: 20px;
}
.playTrackpanel .trackmetainfo{
}
.playTrackpanel .trackTitleName{
   color: green;
   font-family: arial;
}
.playTrackpanel .trackinfo{
    padding: 10px;
    display:  inline-block;
    vertical-align: top;
}

.playTrackpanel .trackimg{
    display:  inline-block;
    vertical-align: top;
}
.playTrackpanel .trackinfo .duration{
    font-family: arial;
}
.playTrackpanel .trackDesc{
    color: gray;
    font-family: arial;
    border-bottom: thin solid gainsboro;
}
.videoListPanel .videoTrackItem{
    border:thin solid transparent;
    border-bottom: thin solid gainsboro;
}
.videoListPanel .videoTrackItem:hover{
    border:thin solid gainsboro;
    background-color: whitesmoke;
}
.videoListPanel .videoTrackItem .vedioThumb{
    vertical-align: top;
}
.videoListPanel .videoTrackItem .vedioinfo{
    vertical-align: top;
}
.videoListPanel .videoTrackItem .vedioinfo .title{
    font-weight: bold;
    font-family: arial;
    color: gray;
    display:  block;
}
.videoListPanel .videoTrackItem .vedioinfo .desc{
    color: gray;
    font-family: arial;
    
}
.videoListPanel .videoTrackItem .vedioinfo{
    color: gray;
    font-family: arial;
}
.vedioPlayerPanel .title{
    font-weight: bold;
    color: green;
    font-family: arial;
}
.vedioPlayerPanel .vedioPlayer{
    border:thin solid black;
}
.vedioPlayerPanel .desc{
    color: grey;
    font-family: arial;
}
.contactusPanel{
    padding: 10px;
}
.contactusPanel .companyLogo{
    width: 100px;
    margin-bottom: 40px;
}
.contactusPanel .companyName{
    font-size: 30px;
    font-family: arial;
    color: red;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: thin solid gainsboro;
}
.contactusPanel .companyAddress{
    font-size: 20px;
    font-family: arial;
    color: gray;
    border-bottom: thin solid gainsboro;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.contactusPanel .companyInfo .attr .icon{
    height: 20px;
    vertical-align: middle;
}
.contactusPanel .companyInfo .attr .label{
    vertical-align: middle;
}
.contactusPanel .contactNumber,.contactusPanel .contactMailId{
    font-size: 20px;
    font-family: arial;
    color: gray;
    border-bottom: thin solid gainsboro;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.semiPanel .text{
    color: gray;
    font-family: arial;
    padding: 10px;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 50px;
}
.semiPanel .img{
    width: 100%;
}
.gallerylistpanel{
}
.gallerylistpanel .galleryItem{
    padding: 10px;
    border:thin solid transparent;
    border-bottom: thin solid gainsboro;
}
.gallerylistpanel .galleryItem:hover{
    border:thin solid gray;
}
.gallerylistpanel .galleryItem .galleryTitle{
    font-size: 20px;
    
    color: green;
    font-family: arial;
}
.gallerylistpanel .galleryItem .galleryMediaInfo{
    font-size: 12px;
    color: #009999 ;
    font-family: arial;
}
.gallerylistpanel .galleryItem .thumb{
    width: 200px;
    height: 140px;
}
.gallerylistpanel .galleryItem .gallerySanp{
    padding-top: 20px;
    padding-bottom: 10px;
}
.gallerylistpanel .galleryItem .gallerySanp .box{
    display:  inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.gallerylistpanel .galleryItem .gallerySanp .box:hover{
    box-shadow:  10px 10px 0px  gray;
}
.gallerylistpanel .galleryItem .gallerySanp .box .title{
    font-family: good-times;
    font-size: 12px;
    padding: 5px;
}
.gallerylistpanel .galleryItem .gallerySanp  .images{
    border:thick solid #00cccc;
    background-color: #00cccc;
    color: white;
}
.gallerylistpanel .galleryItem .gallerySanp  .videos{
    border:thick solid red;
    background-color: red;
    color: white;
}
.gallerylistpanel .galleryItem .gallerySanp  .tracks{
    border:thick solid black;
    background-color: black;
    color: white;
}
.gallerylistpanel .galleryItem .button{
    border:thin solid #00cccc;
    padding: 5px;
    padding-right: 30px;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    background-color: #00cccc;
    color: white;
    font-family: good-times; 
    background-image:  url(../../res/images/logo/arrow-right.png);
    background-size: auto 100%;
    background-repeat:  no-repeat;
    background-position: right , center;
}
.gallerylistpanel .galleryItem .button:hover{
    background-color: #009999; 
}

.gallerylistpanel .galleryItem .postdate{
    font-style: italic;
    font-family: arial;
    font-size: 12px;
    color: gray;
}
.semiTitle{
    font-size: 20px;
    color: green;
    font-family: arial;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: thin solid gainsboro;
    
    margin-bottom: 10px;
}
.galleryViewPanel{
    font-family: arial;
}
.galleryViewPanel .postedDate{
    font-size: 12px;
    color: gray;
    font-style: italic;
    padding-bottom: 5px;
    padding-top: 5px;
}
.galleryViewPanel .galleryDesc{
    font-size: 15px;
    color: gray;
    padding-bottom: 25px;
    padding-top: 10px;
    border-bottom: thin solid gainsboro;
    
}
.galleryViewPanel .xbox{
    padding-bottom: 30px;
}
.xbox{
    padding-top: 10px;
    padding-bottom: 10px;
}
.xbox .xtitle{
    padding: 4px;
    font-size: 15px;
    font-family:arial;
    font-weight: bold;
}
.galleryViewPanel .images .xtitle{
    color: white; 
    background-color: #00cccc;
    margin-bottom: 20px;
}
.images .imageItem{
    display:  inline-block;
    vertical-align: top;
    border:thin solid gainsboro;
    margin: 5px;
    margin-left: 0px;
}
.images .imageItem:hover{
    border-color: #00cccc;
    background-color: #f1fcff;
}
.images .imageItem .title{
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    color:gray;
}
.images .imageItem .image{
    max-width: 250px;
    height: 180px;
}

.galleryViewPanel  .button{
    padding: 5px;
    padding-right: 30px;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    font-family: good-times; 
    background-image:  url(../../res/images/logo/arrow-right.png);
    background-size: auto 100%;
    background-repeat:  no-repeat;
    background-position: right , center;
}
.galleryViewPanel .images .button{
    border:thin solid #00cccc;
    color: white;
    background-color: #00cccc;
}
.galleryViewPanel .images .button:hover{
    background-color: #009999;
}
.videoListPanel .xtitle{
    color: white;
    background-color: red;
    margin-bottom: 20px;
}
.galleryViewPanel .videoListPanel .button{
    border:thin solid red;
    color: white;
    background-color: red;
}
.galleryViewPanel .videoListPanel .button:hover{
    background-color: #c72424;
}
.audioListPanel .xtitle{
    background-color: gray;
    color: white;
    margin-bottom: 20px;
}
.galleryViewPanel .audioListPanel .button{
    border:thin solid gray;
    color: gray;
    background-color: white;
}
.galleryViewPanel .audioListPanel .button:hover{
    background-color: gray;
    color: white;
}
.linkLoopBar{
    text-align: left;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: whitesmoke;
    border: thin solid gainsboro;
    box-shadow: inset 0 1px 1px white;
}
.linkLoopBar .link{
    font-family: arial;
    font-weight: bold;
    font-size: small;
    color: gray ;
    display: inline-block;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border:thin solid gainsboro;
}
.linkLoopBar .link:hover{
    border:thin solid gray;
    color: white;
    background-color: gray;
}
.linkLoopBar .active{
    border:thin solid gray;
    background-color: green;
    color: white;
}
.galleryViewPanel .fullViewimage{
    width: 90%;
}
.galleryViewPanel .imageViewLinks .prevButton{
    padding: 5px;
    display: inline-block;
    font-family: good-times;
    margin: 5px;
    color: white;
    background-color: #00cccc;
    border: thin solid #00cccc;
    border-radius: 3px;
}
.galleryViewPanel .imageViewLinks .nextButton{
    padding: 5px;
    display: inline-block;
    font-family: good-times;
    margin: 5px;
    color: white;
    background-color: #00cccc;
    border: thin solid #00cccc;
    border-radius: 3px;
}
.galleryViewPanel .imageViewLinks .nextButton:hover,.galleryViewPanel .imageViewLinks .prevButton:hover{
    background-color: #009999; 
}