.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}
.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}
.flexslider .slides>li:first-child{display:block;-webkit-backface-visibility:visible}
.flexslider .slides>li,.flexslider .slides>li:not(:first-child){display:none;-webkit-backface-visibility:hidden}
.flex-direction-nav a,.no-js .slides>li:first-child,.slides:after,html[xmlns] .slides{display:block}
.flexslider .slides>li{height:100%;overflow:hidden;padding:0;position:relative;margin:0}
.flexslider .slides img{width:100%;display:block}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:".";clear:both;visibility:hidden;line-height:0;height:0}
* html .slides{height:1%}
.flexslider{margin:7px 0;border:0 solid #fff;position:relative;zoom:1;float:left;clear:both;padding:0;max-height:510px;height:auto}
.flex-viewport{max-height:2000px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1; float:left;}
.carousel li{margin-right:5px}
.flex-direction-nav a{width:30px;height:30px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease}
.flex-direction-nav .flex-next{background-position:100% 0;right:-36px}
.flex-direction-nav .flex-prev{left:-36px}
.flexslider:hover .flex-next{opacity:.8;right:5px}
.flexslider:hover .flex-prev{opacity:.8;left:5px}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-direction-nav .flex-disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default}
.flex-control-nav{width:auto;position:absolute;bottom:10px;text-align:center;left:46%;z-index:1}
.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}
.flex-control-paging li a{background:rgba(255,255,255,1);border:4px solid #555;border-radius:100%;cursor:pointer;display:block;height:10px;padding:4px;text-indent:-9999px;width:10px}
.flex-control-paging li a.flex-active{background:rgba(255,255,255,1)!important;border:4px solid #000;cursor:default}
.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:24.6%;float:left;margin:0 .2%}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .flex-active{opacity:1;cursor:default}
.banner-container{font-family:'open sans';background:#fff;bottom:0;left:0;padding:25px 30px;position:absolute;width:45%;z-index:1}
.banner-content,.banner-offer,.banner-title{font-family:"open sans"}
.banner-container ul,.banner-content,.banner-offer,.banner-title{width:100%;float:left}
.banner-title{font-size:22px;text-transform:uppercase;color:#3f4fa2;margin:0;font-weight:400}
.banner-offer{font-size:18px;text-transform:uppercase;color:#4f4f4f;margin:5px 0;font-weight:600}
.banner-content{font-size:14px;text-transform:normal;color:#363636;font-weight:300;margin:0 0 5px}
.banner-container ul{margin:0;padding:0}
.banner-container ul li{float:left;list-style:none;display:inline-block;width:32.3%;margin:1.5% .5% 0;padding:0;text-align:left;font-size:13px;text-transform:uppercase;position:relative}
li.btn-learn-more,li.btn-shop-now,li.btn-watch-video{color:#fff;text-transform:uppercase;font-size:12px}
li.btn-learn-more:before,li.btn-shop-now:before,li.btn-watch-video:before{width:20px;height:20px;position:absolute;right:5px;top:25%;content:"";display:block}
.banner-container ul li a{color:#fff;text-decoration:none;padding:10px 15px;display:block}
li.btn-shop-now{background:#3f4fa2;border:2px solid #313131;border-radius:3px}
li.btn-shop-now:hover{background:#000;border:2px solid #000}
li.btn-shop-now:hover:before{background-color:#3f4fa2 url(../images/arrow-white.png) no-repeat scroll center center}
li.btn-shop-now:before{background:url(../images/arrow-grey.png) center center no-repeat #fff;border-radius:100%}
li.btn-watch-video{background:#000;border:2px solid #000;border-radius:3px}
li.btn-watch-video:hover{background:#3f4fa2;border:2px solid #313131}
li.btn-watch-video:hover:before{background:url(../images/arrow-grey.png) center center no-repeat #fff}
li.btn-watch-video:before{background:url(../images/arrow-white.png) center center no-repeat #3f4fa2;border-radius:100%}
li.btn-learn-more{background:#000;border:2px solid #000;border-radius:3px}
li.btn-learn-more:hover{background:#3f4fa2;border:2px solid #313131}
li.btn-learn-more:hover:before{background:url(../images/arrow-grey.png) center center no-repeat #fff}
li.btn-learn-more:before{background:url(../images/arrow-white.png) center center no-repeat #3f4fa2;border-radius:100%}
@media screen and (max-width:1024px){.banner-container{width:500px; }
.flex-control-nav{left:auto;right:1%}
}
@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:0}
.flex-direction-nav .flex-next{opacity:1;right:0}
}
@media screen and (max-width:640px){.banner-container{position:inherit; float:left; width:100%}
.flex-control-nav{left:45%;right:auto;top:45%}
.flexnav li{margin:0}
.flexnav li ul li{float:left;margin:0;padding:0;width:100%}
.flexnav li>ul{float:left;margin:0;min-width:100%;padding:10px}
}
@media screen and (max-width:580px){
.flexslider .slides{width:100%;}
.flexslider{width:100%}
.banner-container{width:100%; padding:10px;}

}
@media screen and (max-width:460px){.banner-container{position:inherit;width:100%;padding:5px}
.banner-container .banner-title{font-size:22px}
.banner-container .banner-offer{font-size:16px}
ul.slides li{margin-right:0}
ul.slides li img{width:100%}
.banner-container ul li{font-size:11px}
.flex-control-nav{top:10px; right:0px;}
}
@media screen and (max-width:420px){
.banner-container ul li a { font-size: 9px;  padding: 10px 5px;  text-align: center;}
}
@media screen and (max-width:360px){.banner-container .banner-title{font-size:16px}
li.btn-learn-more:before,li.btn-shop-now:before,li.btn-watch-video:before{display:none}
.promotional_block .col-sm-6 img{width:auto}
}
