@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
* { margin: 0px; padding: 0px; }
a:focus{ outline:none;}
img { max-width: 100%; border: 0px; height: auto; width: auto\9; /* ie8 */ }
body { margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; font-weight: 300; }
.header { border-bottom: solid 1px #706862; height: 142px; }
.header .container { position: relative; }
::selection{ color:#fff; background:#ea5b0c;}
::-moz-selection{ color:#fff; background:#ea5b0c;}
.logo { left: 0; top: 0px; position: absolute; z-index:11; }
.banner { width: 100%; height: 776px; background-attachment: scroll; background: url(../images/bg.jpg); background-position: center center; background-size: cover; color: #fff; }
ul.language { margin: 91px 0 0 0px; padding: 0px; float: right; }
ul.language li { display: inline-block; }
ul.language li a { border: solid 1px; border-color: transparent; padding: 0px 4px; color: #fff ; font-size: 22px; font-weight: 300; text-decoration: none; }
ul.language li a:hover, ul.language li a.active, ul.language li a:focus { color:#ea5b0c; border: solid 1px #706862; }
.txt-1 { color: #fff; line-height:58px; font-size: 47px; font-weight: 300; text-align: center; float: right; margin:77px 0 0; letter-spacing: 1px; }
.txt-1 span { display: block; }
.my-nav { background: #000; border: 0px; border-radius: 0px; margin-bottom: 0px; }
.my-nav a { font-size: 20.95px; color: #fff; }
.my-nav .navbar-nav > li > a { color: #fff; padding: 22px 35px; }
.my-nav .navbar-nav > li > a:hover, .my-nav .navbar-nav > li > a:focus { background: url(../images/crv.png) bottom center no-repeat; color: #fff; }
.my-nav .navbar-nav > .active > a, .my-nav .navbar-nav > .active > a:hover, .my-nav .navbar-nav > .active > a:focus { background: url(../images/crv.png) bottom center no-repeat; color: #fff; }
.slid-1 { background: #fff; padding: 20px 0px; }
.txt-2 { color: #1d1d1b; font-size: 32px; text-align: center; line-height: 42px; font-weight: 300; margin: 20px 0px; padding: 0px; }
.txt-2 span { color: #ea5b0c; font-weight: 500; }
.txt-3 { background: #000; color: #fff; font-size: 30px; text-align: center; font-weight: 300; line-height: 77px; padding: 0px; }
.txt-3 a { color: #ea5b0c; font-weight: 700; }
.slid-2 { background: #000; padding: 40px 0px; }
.slid-2 h1 { text-align: center; color: #fff; font-weight: 700; font-size: 32px; margin: 0 0 40px 0px; }
.box { color: #fff; font-size: 24px; text-align: center; border-bottom: solid 1px #fff; border-right: solid 1px #fff; padding-top: 30px; padding-bottom: 30px; height: 226px; }
.box a { margin-bottom: 7px; display: block; }
.bdr-r { border-right: 0px; }
.bdr-b { border-bottom: 0px; }
.slid-3 { width: 100%; background: url(../images/pattrn.jpg) no-repeat; padding: 10px 0 0 0px; border-top: solid 1px #7a7a7a; background-size: cover; background-attachment: fixed; }
.slid-3 .container { position: relative; }
.pro-box h3 { color: #ea5b0c; font-size: 32px; font-weight: 700; text-align: center; height: 116px; }
.pro-box p { font-size: 18px; color: #000; font-weight: 400; text-align: justify; }
.graph { position: absolute; left: 0px; bottom: 0px; }
.footer { background: #fff; text-align: center; }
.footer p { font-size: 12px; font-weight: 300; color: #000; line-height: 66px; }
.footer p a { color: #000; padding: 0px 3px; text-decoration: none; }
.footer p a:hover { color: #ea5b0c; }

ul.footer-link{ width:100%; text-align:center; padding:23px 0;}
ul.footer-link li{ list-style:none; display:inline-block; padding:0 4px 0 8px; border-left:1px solid #000; line-height:8px; font-weight:300;}
ul.footer-link li:first-child{ border:none;}
ul.footer-link li a{ font-size:12px; color:#000; font-weight:300;}
ul.footer-link li a:hover, ul.footer-link li a:focus{ color:#ea5b0c; text-decoration:none; outline:none;}

/* videoblog */

.inner-page .banner{ background:#000; height:auto;}
.inner-banner-main{ width:100%; position:relative;}
.banner-pic{ width:100%; text-align:center;}
.banner-text{ position:absolute; top:0; left:0; width:100%;}
.inner-page{}
.video-panel{ width:100%;}
.video-panel .cate-arrow {transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; display: block; margin: 0 auto; max-width: 1170px; color:#ea5b0c; font-size:32px; font-weight:700; cursor:pointer; background:url(../images/arrow-icon.png) no-repeat right bottom; padding:22px 0; }
.post-bx{ background:#000; padding:36px 0 32px 0;}
.video-txt{ color:#fff; font-size:16px; line-height:36px;}
.cate-arrow.cate-arrow-up{ background-position:right top;}
.inner-page  .slid-3{ padding-top:0;}
.video-play{ width:100%; text-align:right; padding:25px 0;}
.video-play a{ color:#ea5b0c; font-size:32px; font-weight:700;}
.video-play a img{ margin-left:10px;}
.video-play a:hover{ text-decoration:none;}
.post-accordions{ border-bottom:1px solid #000;}






@media(max-width:1199px) {
.my-nav .navbar-nav > li > a{ padding:15px 18px;}
.video-panel .cate-arrow{ min-height:91px; max-width:100%; font-size:30px;  padding-right: 90px; padding-left:20px; display:table-cell; vertical-align:middle; width:1200px; height:91px;}
}

 @media(max-width:1024px) {
.my-nav .navbar-nav > li > a { color: #fff; padding: 15px 18px; }
}

 @media(max-width:1023px) {
.my-nav .navbar-nav > li > a { color: #fff; padding: 15px 15px; font-size: 15px; }
}

 @media(max-width:991px) {
.graph { position: static; }
.box:nth-child(2) { border-right: 0px; }
.box:nth-child(3) { border-right: solid 1px #fff; }
.box:nth-child(4) { border-right: 0px; border-bottom: solid 1px #fff; }
.pro-box h3 { height: auto; padding-bottom: 15px; }
.video{ text-align:center; padding-bottom:20px;}
.video-panel .cate-arrow{ font-size:20px;}
.video-txt{ text-align:center; font-size:14px;}
}


 @media(max-width:768px) {
.box p { font-size: 20px; }
.banner { height: auto;  }
.txt-1 { font-size: 36px; padding-top: 0; }
.txt-1 span { display: inline }
.txt-2 { font-size: 24px; line-height: 40px; }
.txt-3 { font-size: 24px; line-height: 40px; padding: 10px 0px; }
.txt-3 span { display: block; }
.my-nav .navbar-nav > li > a { color: #fff; padding: 15px 16px; font-size: 15px; }
}

 @media(max-width:767px) {
.box { border: 0px; border-bottom: solid 1px #fff; }
.box:nth-child(2) { border-right: 0px; }
.box:nth-child(3) { border-right: solid 0px #fff; }
.box:nth-child(4) { border-right: 0px; border-bottom: solid 1px #fff; }
.my-nav a { border-bottom: solid 1px #262626; }
.my-nav .navbar-nav > li > a:hover, .my-nav .navbar-nav > li > a:focus { background-image: none; color: #ea5b0c; }
.my-nav .navbar-nav > .active > a, .my-nav .navbar-nav > .active > a:hover, .my-nav .navbar-nav > .active > a:focus { background-image: none; color: #ea5b0c; }
.video-panel .cate-arrow{ font-size:13px;}
.video-play a{ font-size:17px;}
.txt-1{ font-size:24px; line-height:30px;}
}

@media(max-width:480px) {
.txt-1 { font-size: 30px; }
.txt-1{ font-size:20px; line-height:30px;}
}

 @media(max-width:320px) {
.footer p { font-size: 10px; line-height: 30px; }
}