/* CSS Document */
body{ margin:0; padding:0; background:url(../images/box-background.jpg) no-repeat center top; font-family: 'Open Sans', sans-serif; background-attachment:fixed;}
.clearFix{ float:none; clear:both;}

#main{width:1200px; min-height:613px; background:#fff; margin:30px auto; padding:0;}

#mainMenu{width:auto; height:50px; display:inline-block; float:right; padding:0 0; margin:32px 0 0 0;}
#mainMenu ul{ margin:0; padding:0; list-style:none;}
#mainMenu ul li{ float:left; font-size:14px; font-weight:400;}
#mainMenu ul li a{ display:inline-block; width:auto; height:50px; line-height:50px; float:left; font-size:15px; font-weight:400; color:#fff; text-decoration:none; padding:0 15px; font-family: 'Oswald', sans-serif;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
#mainMenu ul li a:hover{ background:#a48557;}


#footerMenu{width:auto; height:50px; display:inline-block; float:left; padding:0 0; margin:0 0 0 0;}
#footerMenu ul{ margin:0; padding:0; list-style:none;}
#footerMenu ul li{ float:left; font-size:14px; font-weight:400;}
#footerMenu ul li a{ display:inline-block; width:auto; height:50px; line-height:50px; float:left; font-size:13px; font-weight:300; color:#fff; text-decoration:none; letter-spacing:1px; padding:0 25px 0 0; font-family: 'Oswald', sans-serif;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
#footerMenu ul li a:hover{ color:#a48557;}


#header{width:1140px; height:122px; float:left; padding:0 0; background:#333; margin:30px 30px 0  30px;}
.logo{width:168px; height:82px; float:left; margin:23px 0 17px 20px;}
.headRight{width:950px; float:right;}
.socialContainer{width:100px; height:30px; float:right; margin:10px 10px 0 0;}
#continer{width:1140px; min-height:100px; float:left; margin:15px 30px;}

.topNewsBox{width:262px; height:168px; float:left; margin-right:30px;}
a.topNewsL{width:262px; height:168px; display:block; border-bottom:1px solid #fff; color:#fff; position:relative;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}

a.topNewsL:hover{border-bottom:5px solid #a48557;}

.topNewsT{height:60px; font-size:17px; color:#333; line-height:22px; font-weight:400; font-family:'Oswald',sans-serif; letter-spacing:1px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
a.topNewsL:hover .topNewsT{color:#a48557;}


.topNewsI{width:262px; height:108px; margin:0 0 0 0; position:relative;}
.topNewsIMask{width:262px; height:108px; position:absolute; background:rgba(255, 255, 255, 1); left:0; top:0; opacity:0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
a.topNewsL:hover .topNewsIMask{ opacity:0.2;}


.leftBlock{width:750px; min-height:300px; margin:15px 0 15px 30px; float:left; position:relative;}
.leftTitle{height:45px; border-top:4px solid #333; border-bottom:1px solid #dbdbdb; font-family:'Oswald',sans-serif; line-height:50px; font-size:24px; color:#333; width:750px; float:left; margin-bottom:15px;}
.subTitle{height:45px; border-top:4px solid #333; border-bottom:1px solid #dbdbdb; font-family:'Oswald',sans-serif; line-height:50px; font-size:24px; color:#333; width:1140px; float:left; margin-bottom:15px;}
.rightBlock{width:329px; min-height:100px; margin:15px 30px 15px 0; float:right;}
.rightTitle{height:45px; border-top:4px solid #333; border-bottom:1px solid #dbdbdb; font-family:'Oswald',sans-serif; line-height:50px; font-size:24px; color:#333; width:329px; float:left; margin-bottom:15px;}

.INewsBox{width:360px; min-height:202px; float:left; margin:10px 0 10px 0; border-bottom:1px solid #dbdbdb; padding-bottom:20px;}
a.news{width:360px; min-height:202px; display:block;}
.newsImage{width:360px; height:202px; float:left; position:relative;}
.newsIMask{width:360px; height:202px; position:absolute; background:rgba(255, 255, 255, 1); left:0; top:0; opacity:0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
a.news:hover .newsIMask{ opacity:0.2;}
.newsTitle{width:360px; height:60px; float:right; font-family:'Oswald',sans-serif; font-size:17px; letter-spacing:1px; color:#333; line-height:20px; padding-top:10px;,
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.newsDate{color:#777777; font-size:13px; letter-spacing:normal; padding-top:6px; display:block;}
a.news:hover .newsTitle{color:#a48557;}

.rightNews{width:329px; height:80px; float:left; margin:15px 0 0 0; border-bottom:1px solid #dbdbdb; padding-bottom:15px;}
a.rightNewsL{width:329px; height:80px; float:left; display:block;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.rightNewsI{width:80px; height:80px; float:left; overflow:hidden;}
.rightNewsT{width:234px; height:80px; float:right; font-family:'Oswald',sans-serif; font-size:14px; letter-spacing:1px; color:#333; line-height:18px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
a.rightNewsL:hover .rightNewsT{color:#a48557;}

.rightNewsD{color:#777777; font-size:13px; letter-spacing:normal; padding-top:6px; display:block}

.IGalleryC{width:329px; min-height:180px; float:left; margin:20px 0 0 0; padding-bottom:0;}
.IGalleryI{width:80px; height:80px; float:left; margin:1px; overflow:hidden;}



.rightContent{width:329px; height:40px; float:left; margin:15px 0 0 0; border-bottom:1px solid #dbdbdb; padding-bottom:15px;}
a.rightContentL{width:329px; height:40px; float:left; display:block;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.rightContentT{width:329px; height:40px; float:right; font-family:'Oswald',sans-serif; font-size:14px; letter-spacing:1px; color:#333; line-height:18px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
a.rightContentL:hover .rightContentT{color:#a48557;}





/* Social Icons */

a.facebook-so{ width:30px; height:30px; display:block; background:#333; float:left; margin:0 0 0 3px; text-align:center;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;	
}
a.facebook-so > i{ font-size:17px; color:#fff; text-align:center; line-height:30px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;	
}
a.facebook-so:hover{ background:#3a589b;}
a.facebook-so:hover i{ color:#fff;}

a.twitter-so{ width:30px; height:30px; display:block; background:#333;  float:left; margin:0 0 0 3px; text-align:center;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;	
}
a.twitter-so > i{ font-size:17px; color:#fff; text-align:center; line-height:30px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;	
}
a.twitter-so:hover{ background:#598dca;}
a.twitter-so:hover i{ color:#fff;}


a.linkedin-so{ width:30px; height:30px; display:block; background:#333; float:left; margin:0 0 0 3px; text-align:center;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;	
}
a.linkedin-so > i{ font-size:17px; color:#fff; text-align:center; line-height:30px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;	
}
a.linkedin-so:hover{ background:#007ab9;}
a.linkedin-so:hover i{ color:#fff;}

a.youtube-so{ width:30px; height:30px; display:block; background:#333; float:left; margin:0 0 0 3px; text-align:center;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;	
}
a.youtube-so > i{ font-size:17px; color:#fff; text-align:center; line-height:30px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;	
}
a.youtube-so:hover{ background:#cf3427;}
a.youtube-so:hover i{ color:#fff;}


/* /*/


.top-bar .top-bar-icons{margin:0;list-style:none;display:inline-block;}
.top-bar .top-bar-icons li{display:block;float:left; margin:0 2px;}
.top-bar .top-bar-icons li a{display:block;width:30px; height:30px; text-align:center;padding:0 0 0 0;text-decoration:none; background:#333;color:#a48557;
text-shadow:1px 1px rgba(255,255,255,0.1);
-webkit-transition:border .5s,background .5s,color .5s;
-moz-transition:border .5s,background .5s,color .5s;
-o-transition:border .5s,background .5s,color .5s;
transition:border .5s,background .5s,color .5s;
}
.top-bar .top-bar-icons li a:hover{color:#fff; background:#8b8a8a;}
.top-bar .top-bar-icons li a.selected{color:#fff; background:#8b8a8a;}

.top-bar .top-bar-icons li a i{font-size:14px; line-height:30px;}



/* */
.videoBox{width:360px; min-height:202px; float:left; margin:10px 30px 10px 0; border-bottom:1px solid #dbdbdb; padding-bottom:20px; position:relative;}
/*.videoBox:hover{ border-bottom:3px solid #cf3427;}*/
.videoPlayI{position:absolute; top:65px; width:100%; z-index:3333; text-align:center;}
.videoPlayI img{width:80px;}
.videoPlayI > i{ font-size:80px; color:#fff;}

.last{float:right; margin-right:0; margin-left:0;}


#waveform {
    position: relative;
	height:70px !important;
}

#progress-bar {
    position: absolute;
    z-index: 10;
    top: 50%;
    margin-top: -10px;
    left: 5%;
    width: 90%;
}

#drop {
    border: 3px dashed #ddd;
    padding: 30px;
}

#drop.wavesurfer-dragover {
    border-color: #333;
}



/* */



.cTitle{padding:10px 0; font-size:24px; color:#333; font-family:'Oswald',sans-serif; }

.cText{padding:10px 0; font-size:18px; text-align:left; color:#333; font-family:'Oswald',sans-serif;}



.mapTitle{ font-size:15px; font-weight:700; color:#4c4f51;}

#contactRight{width:360px; float:right; font-family:'Roboto', sans-serif; font-weight:400; color:#0a0a0a; line-height:20px;}

.subCTitle{padding:10px 0; font-size:18px; font-weight:300; color:#949494;}

.textbox{width:298px; height:41px; border:1px solid #949494; font-family:'Roboto', sans-serif; color:#949494; font-size:15px; padding:0 10px; outline:none; margin:10px 0; line-height:41px; }


.textarea{width:470px; height:90px; border:1px solid #949494; font-family:'Roboto', sans-serif; color:#949494; font-size:15px; padding:10px 10px; outline:none; resize: none; margin:10px 0;  }

.submit{width:122px; height:42px; float:left; margin:5px 0; text-align:center; border:3px solid #333; cursor:pointer; background:#fff; color:#333;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;	
}
.submit:hover{ background:#a48557; color:#fff;}


/* */


.spin-box {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  box-shadow: 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf;
  -webkit-animation: spin ease infinite 4s;
}
.spin-boxx {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  box-shadow: 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf;
  -webkit-animation: spin ease infinite 4s;
}

@-webkit-keyframes spin {
  0%,
  100% {
    box-shadow: 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf;
  }
  25% {
    box-shadow: -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf, 15px 15px #4f4d49;
  }
  50% {
    box-shadow: -15px -15px #4f4d49, 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf;
  }
  75% {
    box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
  }
}


a.play{ width:40px; height:40px; border-radius:100%; background:#333; display:block; color:#a48557; text-align:center; line-height:40px; font-size:17px; padding:0; margin:0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;	
}
a.play:hover{ background:#a48557; color:#fff;}
a.play > i{ padding-left:3px;}
a.pause{ width:40px; height:40px; border-radius:100%; background:#333; display:block; color:#a48557; text-align:center; line-height:40px; font-size:17px; padding:0; margin:0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;	
}
a.pause:hover{ background:#a48557; color:#fff;}



.musicPhoto{width:150px; float:left;}
.musicCon{width:980px; float:right;}
.musicPlayCo{width:40px; height:40px; float:left; margin:5px 0;}
.musicTitle{width:745px; height:57px; float:left; line-height:50px; font-size:20px; font-weight:600; color:#333; margin-left:15px;}
.musicPCon{width:980px; float:right; position:relative;}
.musicSep{width:100%; height:1px; margin:10px 0; background:#c1c1c1;}


/* */

.galleryCol{width:240px; height:230px; float:left; margin:15px 60px 15px 0; position:relative;}
.galleryCol a{ width:240px; height:230px; display:block;}
.galleryMask{width:240px; height:230px; position:absolute; background:rgba(255, 255, 255, 1); left:0; top:0; opacity:0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.galleryCol a:hover .galleryMask{ opacity:0.2;}

.galleryCI{position:absolute; top:90px; width:100%; z-index:3333; text-align:center; opacity:0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.galleryCI > i{ font-size:60px; color:#fff;}
.galleryCol a:hover .galleryCI{ opacity:1;}






.newsCol{width:240px; height:340px; float:left; margin:15px 60px 15px 0; position:relative;}
.newsCol a{ width:240px; height:340px; display:block;}
.newsMask{width:240px; height:230px; position:absolute; background:rgba(255, 255, 255, 1); left:0; top:0; opacity:0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.newsCol a:hover .newsMask{ opacity:0.2;}

.newsCI{position:absolute; top:90px; width:100%; z-index:3333; text-align:center; opacity:0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.newsCI > i{ font-size:60px; color:#fff;}
.newsCol a:hover .newsCI{ opacity:1;}
.newsCol a:hover .newsLink{ color:#a48557;}
.newsLink{font-size:18px; font-family: 'Oswald', sans-serif; padding:10px 0; line-height:26px; color:#a48557;}



.galleryCIL{ margin:15px 0; float:right;}




.videoBox2{width:329px; min-height:202px; float:left; margin:10px 0 10px 0; border-bottom:1px solid #dbdbdb; padding-bottom:20px; position:relative;}
/*.videoBox:hover{ border-bottom:3px solid #cf3427;}*/
.videoPlayI2{position:absolute; top:65px; width:100%; z-index:3333; text-align:center;}
.videoPlayI2 img{width:80px;}
.videoPlayI2 > i{ font-size:80px; color:#fff;}


.newsImage2{width:329px; height:202px; float:left; position:relative;}
.newsIMask2{width:329px; height:202px; position:absolute; background:rgba(255, 255, 255, 1); left:0; top:0; opacity:0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.newsTitle2{ height:60px; float:right; font-family:'Oswald',sans-serif; font-size:17px; letter-spacing:1px; color:#333; line-height:20px; padding-top:5px;,
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.newsDate2{color:#777777; font-size:13px; letter-spacing:normal; padding-top:6px; display:block;}
a.news2:hover .newsIMask2{ opacity:0.2;}

.subContent{ padding:10px 0; font-size:14px; line-height:22px; color:#575757; text-align:justify;}
.subContent p{ padding:0 0 20px 0;}


#tabHead{ width:100%; height:60px; margin:0 0 15px 0; float:left; font-family: 'Oswald', sans-serif; font-weight:300; border-bottom:2px solid #333; }
#tab-head{ display:inline-block; width:auto; margin:0 auto; margin:5px 0 5px 0px; float:left;}
#tab-head li{float:left; display:inline-block; width:auto; padding:0 10px;}
#tab-head a{ font-size:16px; color:#fff; font-weight:300; text-decoration:none; padding:10px 25px; display:inline-block; margin:0 13px 0 0; background:#333333;}
#tab-head a:hover{ text-decoration:none; color:#fff; background:#a48557;}
#tab-head a.active{ text-decoration:none; color:#fff; background:#a48557;}


.tabContent { width:100%; min-height:310px; padding:0 0 20px 0; background:#fff; float:left;  position:relative;}
#tabContent { width:100%; position:relative;}

.siteErr{width:100%; height:50px; background:#d00000; color:#fff; margin:10px auto; text-align:center; line-height:50px;}
.siteOk{width:100%; height:50px; background:#77ab13; color:#fff; margin:10px auto; text-align:center; line-height:50px;}