.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.style3 .slides { border-bottom: 2px #F00 solid; }
.style3 .carousel_box .slides { border: none; }
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;    overflow: hidden; }
.flexslider .slides img {  display: block;   -webkit-animation: zoom 20s; animation: zoom 20s;}
.flex-pauseplay span { text-transform: capitalize; }
.flexslider .slides li:nth-child(2)  .bslid{    text-align: -webkit-center;}
.flexslider .slides li:nth-child(3)  .bslid{    text-align: -webkit-center;}
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block;     overflow: hidden;}
* html .slides { height: 1%; }

.no-js .slides > li:first-child { display: block; }

.flexslider { background: #000; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px }

.flex-direction-nav a { width: 80px; height: 80px; display: block; background: url(../image/q-next.png) no-repeat 0 0; position: absolute; top: 41%; cursor: pointer; text-indent: -9999px; opacity: 0.8; -webkit-transition: all .3s ease; }
.flex-direction-nav .flex-next { background-position: 100% 0; right: 25px; }
.flex-direction-nav .flex-prev { left: 25px; }
.flex-direction-nav .disabled { opacity: .3!important; filter: alpha(opacity=30); cursor: default; }
/* Control Nav */
.slideleft .flex-control-nav { right: 10px; margin-left: 0px; }
.style3 .flex-control-nav { width: 100%; position: relative; margin: 15px 0 15px 0; text-align: center; }
.carousel_box .flex-control-nav { width: 100%; position: relative; margin: 15px 0 5px 0; text-align: center;}
.flex-control-paging{position: absolute;bottom:40px; width: 100%;text-align: center;}
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-paging li{ text-align:center;}
.flex-control-paging li a{ display:block;width: 60px; height: 2px; }
.flex-control-paging li a.flex-active{background:#fff;}
.flex-control-paging li{font-size: 0; color: #fff; width: 60px; height: 2px; background:rgba(255, 255, 255, 0.38);   display: inline-block;text-align: center;margin: 0 15px;}
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .active { opacity: 1; cursor: default; }
.flexslider ul.slides li .slide_content, .flexslider ul.slides li .slide_desc, .flexslider ul.slides li .slide_content_left, .flexslider ul.slides li 
.slide_desc_left, .flexslider ul.slides li .slide_content_right, .flexslider ul.slides li .slide_desc_right { position: absolute; top: 10%; left: 8%; max-width: 350px; text-align: left; }
.flexslider ul.slides li .slide_content, .flexslider ul.slides li .slide_content_left, .flexslider ul.slides li .slide_content_right 
{ padding: 10px 20px; background: #000000; color: #ffffff; }
.flexslider ul.slides li .slide_desc, .flexslider ul.slides li .slide_desc_left, .flexslider ul.slides li .slide_desc_right
 { padding: 5px 10px 5px 10px; background: #fff; color: #7777777; font-size: 11px; opacity: 0.8; border: 0; }
.flexslider ul.slides li .slide_content_right, .flexslider ul.slides li .slide_desc_right
 { text-align: right; top: 18%; left: auto; right: 8%; }
.flexslider ul.slides li .slide_content_left { animation: reset, slide-left 0.8s; -moz-animation: reset, slide-left 0.8s; /* Firefox */ -webkit-animation: reset, slide-left 0.8s; /* Safari and Chrome */ }
.flexslider ul.slides li .slide_content_right { animation: reset, slide-right 0.8s; -moz-animation: reset, slide-right 0.8s; -webkit-animation: reset, slide-right 0.8s; }
.flexslider ul.slides li .slide_desc { top: 25%; left: 8%;   }
.flexslider ul.slides li .slide_desc_left { top: 25%; left: 8%; -webkit-animation: reset, slide-down 0.8s; -moz-animation: reset, slide-down 0.8s; animation: reset, slide-down 0.8s; }
.flexslider ul.slides li .slide_desc_right { top: 33%; right: 8%; -webkit-animation: reset, slide-up 0.8s; -moz-animation: reset, slide-up 0.8s; animation: reset, slide-up 0.8s; }



 @keyframes reset { 0% {
 opacity: 0;
}
100% {
 opacity: 0;
}
}
 @-moz-keyframes reset { 0% {
 opacity: 0;
}
100% {
 opacity: 0;
}
}
 @-webkit-keyframes reset { 0% {
 opacity: 0;
}
100% {
 opacity: 0;
}
}
 @keyframes slide-left { from {
left:12%;
opacity: 0;
}
to { left: 8%; opacity: 1; }
}
 @-moz-keyframes slide-left /* Firefox */ { from {
left:12%;
opacity: 0;
}
to { left: 8%; opacity: 1; }
}
 @-webkit-keyframes slide-left /* Safari and Chrome */ { from {
left:12%;
opacity: 0;
}
to { left: 8%; opacity: 1; }
}
 @keyframes slide-right { from {
right:15%;
opacity: 0;
}
to { right: 8%; opacity: 1; }
}
 @-moz-keyframes slide-right /* Firefox */ { from {
right:15%;
opacity: 0;
}
to { right: 8%; opacity: 1; }
}
 @-webkit-keyframes slide-right /* Safari and Chrome */ { from {
right:15%;
opacity: 0;
}
to { right: 8%; opacity: 1; }
}
@keyframes slide-down { from {
top:15%;
opacity: 0;
}
to { top: 25%; opacity: 0.8; }
}
 @-moz-keyframes slide-down /* Firefox */ { from {
top:15%;
opacity: 0;
}
to { top: 25%; opacity: 0.8; }
}
 @-webkit-keyframes slide-down /* Safari and Chrome */ { from {
top:15%;
opacity: 0;
}
to { top: 25%; opacity: 0.8; }
}
@keyframes slide-up { from {
top:45%;
opacity: 0;
}
to { top: 33%; opacity: 0.8; }
}
 @-moz-keyframes slide-up /* Firefox */ { from {
top:45%;
opacity: 0;
}
to { top: 33%; opacity: 0.8; }
}
 @-webkit-keyframes slide-up /* Safari and Chrome */ { from {
top:45%;
opacity: 0;
}
to { top: 33%; opacity: 0.8; }
}