/* Plugin: Bootslider Plugin Website: http://themes.grozav.com/bootslider Author: Alex GROZAV Author Website: http://grozav.com
*/
/*banner*/
.bootslider{width:100%; z-index:0;}
.bootslider .bs-slide .banner_img{position: relative; z-index: 0;}
.bootslider .bs-slide:hover {}
.bootslider .bs-slide .text{position:absolute; z-index: 9; color:#FFF; }
@media screen and (min-width:1400px){
.bootslider .bs-slide .text{left:260px; width:58%; top:32%;     min-width: 600px;}
.bootslider .bs-slide .text .des{margin-bottom: 30px; margin-top:30px;}
}
@media screen and (min-width:1200px) and (max-width:1399px){
.bootslider .bs-slide .text{left:220px; width:35%; top:32%; min-width: 600px;}
.bootslider .bs-slide .text .des{margin-bottom: 30px; margin-top:30px;}
}
@media screen and (min-width:960px) and (max-width:1199px){
.bootslider .bs-slide .text{left:200px; width:45%; top:32%; }
.bootslider .bs-slide .text .des{margin-bottom: 30px; margin-top:30px;}
}
@media screen and (min-width:768px) and (max-width:959px){
.bootslider .bs-slide .text{left:180px; width:65%; top:32%; }
.bootslider .bs-slide .text .des{margin-bottom: 30px; margin-top:30px;}
}
@media screen and (min-width:640px) and (max-width:767px){
.bootslider .bs-slide .text{left:160px; width:65%; top:30%; }
.bootslider .bs-slide .text .des{margin-bottom: 20px; margin-top:20px;}
}
@media screen and (min-width:480px) and (max-width:639px){
.bootslider .bs-slide .text{left:140px; width:65%; top:28%; }
.bootslider .bs-slide .text .des{margin-bottom: 18px; margin-top:18px;}

}
@media screen and (min-width:384px) and (max-width:479px){
.bootslider .bs-slide .text{left:40px; width:65%; top:26%; }
.bootslider .bs-slide .text .des{margin-bottom: 15px; margin-top:15px;}
}
@media screen and (min-width:320px) and (max-width:383px){
.bootslider .bs-slide .text{left:40px; width:65%; top:24%; }
.bootslider .bs-slide .text .des{margin-bottom: 15px; margin-top:15px;}
}
@media screen and (max-width:319px){
.bootslider .bs-slide .text{left:20px; width:100%; right:20px; top:20%; }
.bootslider .bs-slide .text .des{margin-bottom: 10px; margin-top:10px;}
}

.bootslider .bs-slide .text .title{font-weight: lighter; padding-bottom:15px; color:#fefefe; font-size:1.5em; -webkit-animation-name:fadeInDown; animation-name:fadeInDown;}
.bootslider .bs-slide .text .main_title{color:#ffffff; font-weight:lighter; font-size:4em; -webkit-animation-delay:0.5s; animation-delay:0.5s; -webkit-animation-name:fadeInUp; animation-name:fadeInUp; margin-top:12px; font-weight:800}
.bootslider .bs-slide .text .des{color:#ffffff; font-size:14px; -webkit-animation-name: fadeIn; animation-name: fadeIn; animation-duration:5s; -webkit-animation-duration:5s; -webkit-animation-delay:1s; animation-delay:1s; line-height: 1.8}
.bootslider .bs-slide img{width:100%; border:none;}
.bootslider .bs-slide .link{width:100%; -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; -webkit-animation-delay:1.5s; animation-delay:1.5s;}

.bootslider .bs-slide .link .left{width:50px; float:left; -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; -webkit-animation-delay:1.5s; animation-delay:1.5s; line-height: 1.5; }

.bootslider .bs-slide .link a{color: #FFFFFF; position: relative; z-index: 10; padding-right: 50px; padding-left: 5px; line-height: 11px; height: 11px; font-size: 0.8em; text-transform: uppercase; background: url("../img/bg-arrow.png") no-repeat top right; display: inline-block; font-weight: 100;
}
.bootslider .bs-slide .link a:hover{color: #FFFFFF; background-position: bottom right; color: #00daff; text-decoration: none;
}
.bx-wrapper .bx-prev:after{content: "\f137"; position: absolute; color:#FFF;}
.bx-wrapper .bx-next:after{content: "\f138";  position: absolute; color:#FFF;}


.list-inline > li{display: inline-block; padding-right: 5px; padding-left: 5px;}
.bootslider{zoom: 1;z-index: 1;display: block;position: relative;width: 100%; height:700px;}
.bootslider:after{clear: both;}
.bootslider .bs-loader{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 999;background: #000;display: block;}
.bootslider .bs-loader #loader{position: absolute;left: 50%;top: 50%;margin-left: -15px;margin-top: -15px;}
.bootslider .bs-container{display: block;position: relative;}
.bootslider .bs-container .bs-slide{width: 100%;z-index: 0;top: 0;left: 0;margin: 0;display: none;position: relative;}
.bootslider .bs-container .bs-slide .bs-foreground{top: 0;left: 0;margin: 0;z-index: 3;width: 50%;height: 100%;position: absolute;}
.bootslider .bs-container .bs-slide .bs-foreground [data-animate-in]{display: none;}
.bootslider .bs-container .bs-slide .bs-foreground [data-animate-in].visible{display: block;}
.bootslider .bs-container .bs-slide .bs-foreground iframe{z-index: 10;}
.bootslider .bs-container .bs-slide .bs-foreground .bs-video-fullscreen{top: 0;left: 0;width: 100%;margin: 0;padding: 0;}
.bootslider .bs-container .bs-slide .bs-foreground .heading{color: #fff;font-size: 72px;}
@media screen and (max-width: 767px){.bootslider .bs-container .bs-slide .bs-foreground .heading{font-size: 36px;}}
.bootslider .bs-container .bs-slide .bs-background{top: 0;left: 0;margin: 0;z-index: 2;width: 100%;position: relative;}
.bootslider .bs-container .bs-slide .bs-background img{display: block;width: 100%;height: auto;}
.bootslider .bs-container .bs-slide.active{z-index: 1;}
.bootslider .bs-container .bs-slide.visible{display: block;}
.bootslider .bs-progress{height: 3px;}
.bootslider .bs-thumbnails{width: 100%;display: block;position: relative;}
.bootslider .bs-thumbnails ul{margin: 0;padding: 0;position: relative;background: #000;}
.bootslider .bs-thumbnails ul .bs-thumbnail{float: left;display: block;position: relative;margin: 0;background: #000;z-index: 0;}
.bootslider .bs-thumbnails ul .bs-thumbnail img{width: 100%;height: auto;filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.bootslider .bs-thumbnails ul .active img{filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
.bootslider .bs-pagination .pagination{margin: 20px 0 20px 0;}
.bootslider .bs-pagination .active a{z-index: 0;background: #00daff;}
.bootslider .bs-pagination .active a:hover{color: #fff;}
.bootslider .bs-pagination a:hover{color: #e74c3c;}
.bootslider .bs-next{z-index: 5;}
.bootslider .bs-prev{z-index: 5;}
.bootslider .bs-prev:after{ position:absolute; left:0; top:0; width:60px; height:60px; text-align:center;content: "\f104";font-family: FontAwesome;font-size:3em;font-weight: 100;color:rgba(255,255,255,0.5);}
.bootslider .bs-next:after{ position:absolute; left:0; top:0; width:60px; height:60px; text-align:center;content: "\f105";font-family: FontAwesome;font-size:3em;font-weight: 100;color:rgba(255,255,255,0.5);}
.bootslider .bs-prev:hover:after{text-decoration: none;color:#00daff;}
.bootslider .bs-next:hover:after{text-decoration: none;color:#00daff;}


.bootslider .bs-container .bs-slide .bs-foreground .heading{font-weight: 300;}
.bootslider .bs-progress{border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}
.bootslider .bs-thumbnails{z-index: 0;position: relative;}
.bootslider .bs-thumbnails ul .bs-thumbnail{background: #e74c3c;margin: 0 0 20px 0;}
.bootslider .bs-thumbnails ul .bs-thumbnail img{filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.bootslider .bs-thumbnails ul .active img{filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
.bootslider .bs-pagination{margin: 0;position:absolute;bottom:30px;z-index: 9;width:100%;text-align: center;}
.bootslider .bs-pagination ul li{margin: 0 5px;padding: 0 !important;width: 40px;height: 3px;}
.bootslider .bs-pagination ul li a{text-indent: -10000px;width: 40px;height: 3px;display: block;border: none;background-color:rgba(255,255,255,0.5);line-height: 3px;}
/*.bootslider .bs-pagination ul li a:hover{text-indent: -10000px;width: 40px;height: 10px;display: block;border: none;background-color:#00daff;line-height:10px;}*/
.bootslider .bs-pagination .active{padding: 0 !important;}
.bootslider .bs-pagination .active a{background: #00daff;}
.bootslider .bs-controls{margin: 0px auto;position: absolute;z-index: 4;top:50%;width:100%; margin-top:-30px;}
.bootslider .bs-controls .bs-next{width: 60px;height: 60px;line-height: 60px;display: block;float: right; box-sizing:border-box; padding-left:60px; overflow:hidden; position:relative;}
.bootslider .bs-controls .bs-prev{width: 60px;height: 60px;line-height: 60px;display: block;float: left; box-sizing:border-box; padding-left:60px; overflow:hidden; position:relative;}
.bootslider .bs-controls .bs-next, .bootslider .bs-controls .bs-prev{text-decoration: none;}