.bs-slider{ overflow: hidden; width: 100% !important; height:700px; position: relative; background: #000; }
.bs-slider:hover { cursor: -moz-grab; cursor: -webkit-grab; }
.bs-slider:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; }
.bs-slider .bs-slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.40); display:none;}
.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img { display: block; position: relative; left: 50%; width: 1600px; margin-left: -800px; max-width:initial; }
@media (min-width:1200px) and (max-width: 1439px) {
.bs-slider{  height:470px; }
.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {  width: 1440px; margin-left: -720px;  }

}
@media (min-width: 992px) and (max-width: 1199px) {
.bs-slider{  height:391px; }
.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {  width: 1200px; margin-left: -600px;  }
}
@media (min-width:768px) and (max-width: 991px) {
.bs-slider{  height:324px; }
.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {  width: 992px; margin-left: -496px;  }

}
@media (max-width: 768px) {
.bs-slider{  height:auto; }
.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {  width: 100%; margin-left:auto;left:auto;  }

}



/******************** *****Slide effect **********************/
 .fade { opacity: 1; }
 .fade .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; }

 .fade .item  .section { position: absolute; width: 1400px; height: auto; left:50%;margin-left:-700px;z-index:2;top:0px;}

 .fade .item:first-child { top: auto; position: relative; }
 .fade .item.active { opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; }





/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
/*.control-round .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #ffffff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 43px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-border-radius: 100px; border-radius: 100px; }
.control-round:hover .carousel-control{ opacity: 1; }
.control-round .carousel-control.left { left: 1%; }
.control-round .carousel-control.right { right: 1%; }
.control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover{ color: #fdfdfd; background: rgba(0, 0, 0, 0.5); border: 0px transparent; }
.control-round .carousel-control.left>span:nth-child(1){ left: 45%; }
.control-round .carousel-control.right>span:nth-child(1){ right: 45%; }*/




/*---------- INDICATORS CONTROL ----------*/
/*.indicators-line > .carousel-indicators{ right: 45%; bottom: 3%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap; }
.indicators-line > .carousel-indicators li{ padding: 0; width: 15px; height: 15px; border: 1px solid rgb(158, 158, 158); text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: rgb(158, 158, 158); -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); z-index: 10; cursor:pointer; }
.indicators-line > .carousel-indicators li:last-child{ margin-right: 0; }
.indicators-line > .carousel-indicators .active{ margin: 1px 5px 1px 1px; box-shadow: 0 0 0 2px #fff; background-color: transparent; position: relative; -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }
.indicators-line > .carousel-indicators .active:before{ transform: scale(0.5); background-color: #fff; content:""; position: absolute; left:-1px; top:-1px; width:15px; height: 15px; border-radius: 50%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }*/






.header-banner-ol { padding-bottom: 15px; }


.carousel-indicators li{ text-indent: -999px;  border: 0px solid #ccc; border-radius: 0; box-shadow: none; outline: medium none;
                         position: relative; display: inline-block;  height: 6px; margin: 0 6px; text-align: center; z-index: 3; cursor: pointer;
                         -webkit-transition: all .3s .1s ease-out; transition: all .3s .1s ease-out; width: 6px;}


.carousel-indicators li span { position: absolute; width: 6px; height: 6px; left: 50%; margin-left: -3px; bottom: 0; background-color: rgba(255,255,255,.5); -webkit-transition: all .3s .1s ease-out; transition: all .3s .1s ease-out;border-radius:15px; }
.carousel-indicators li.active span:before { width: 100%; -webkit-transition: width 5s ease; transition: width 5s ease; }

.carousel-indicators li span:before { content: ''; position: absolute; width: 0; height: 100%; display: block; background-color: #fd4f00; -webkit-transition: width 0s ease; transition: width 0s ease;border-radius:20px; }

.carousel-indicators li.active{height:6px;margin: 0 4px; background-color:transparent;width: 30px;border-radius:20px;}
.carousel-indicators li.active span{ /*height: 5px;*/ width: 30px; margin-left: -15px;  }






/*---------- SLIDE CAPTION ----------*/


.slide_style_left { text-align: center !important;top: 290px;width:500px; }

.slide_style_center { text-align: center !important; top: 80px; width:100%;}
.slide-text { left: 0px; /*right: 0; margin: auto;*/ position: absolute; text-align: center;  }
.slide_style_right { text-align: center !important; top: 290px;width:500px; }
.slide_style_right.slide-text { right: 0; left:initial;  }

.slide-text > h2 { padding: 0;  font-size: 20px; font-style: normal; padding-bottom: 35px;font-weight: normal; /*white-space: nowrap; text-overflow: ellipsis; overflow: hidden;*/ letter-spacing: 3px; display: block; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.slide-text > h1 { padding: 0; color: #fd4f00; font-size: 50px; font-weight:600;  padding-bottom: 20px; letter-spacing: 2px; display: block; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.slide-text > p { padding: 0; font-size: 30px; line-height: 24px; font-weight: 300; padding-bottom: 40px; letter-spacing: 1px; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
@media (min-width:1200px) and (max-width: 1439px) {

.slide_style_left { top: 130px;width:500px; }
.slide_style_center { top: 80px; width:100%;}
.slide_style_right { top: 150px;width:600px; }

.slide-text > h2 {font-size: 16px; padding-bottom: 15px; }
.slide-text > h1 {font-size: 30px;  padding-bottom: 15px; }
.slide-text > p { font-size: 22px; line-height: 24px; padding-bottom: 0px;  }
}
@media (min-width: 992px) and (max-width: 1199px) {
.slide_style_left { top: 130px;width:500px; left:80px;}
.slide_style_center { top: 50px; width:100%;}
.slide_style_right { top: 130px;width:800px; }

.slide-text > h2 {font-size: 14px; padding-bottom: 15px; }
.slide-text > h1 {font-size: 24px;  padding-bottom: 10px; }
.slide-text > p { font-size: 18px; line-height: 24px; padding-bottom: 0px;  }
}
@media (min-width:768px) and (max-width: 991px) {
.slide_style_left { top: 120px;width:500px; left:180px;}
.slide_style_center { top: 40px; width:100%;}
.slide_style_right { top: 120px;width:900px; }

.slide-text > h2 {font-size: 12px; padding-bottom: 10px; }
.slide-text > h1 {font-size: 20px;  padding-bottom: 5px; }
.slide-text > p { font-size: 16px; line-height: 20px; padding-bottom: 0px;  }

}
@media (max-width: 768px) {

.slide_style_left ,.slide_style_right,.slide_style_center { top: 40px; width:100%;}


.slide-text > h2 {font-size: 14px; padding-bottom: 15px; }
.slide-text > h1 {font-size: 24px;  padding-bottom: 10px; }
.slide-text > p { font-size: 18px; line-height: 24px; padding-bottom: 0px;  }
}

.whitetheme .slide-text > h2 ,.whitetheme .slide-text > p{  color: #c9caca;}
.blacktheme .slide-text > h2 ,.blacktheme .slide-text > p {   color: #535557; }





/*.slide-text > a.btn-default{ color: #000; font-weight: 400; font-size: 13px; line-height: 15px; margin-right: 10px; text-align: center; padding: 12px 30px; white-space: nowrap; letter-spacing: 1px; display: inline-block; border: none; text-transform: uppercase; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }
.slide-text > a.btn-primary{ color: #ffffff; cursor: pointer; font-weight: 400; font-size: 13px; line-height: 15px; margin-left: 10px; text-align: center; padding: 12px 30px; white-space: nowrap; letter-spacing: 1px; background: #fd4f00; display: inline-block; text-decoration: none; text-transform: uppercase; border: none; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }
.slide-text > a:hover, .slide-text > a:active { color: #ffffff; background: #222222; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out; }*/

.ban-btns{}
.carousel-inner .item.active h2,.carousel-inner .item.active h1,.carousel-inner .item.active  p,.carousel-inner .item.active  .ban-btns{ opacity: 1; filter: alpha(opacity=100)\9; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-inner .item h2,.carousel-inner .item h1,.carousel-inner .item  p,.carousel-inner .item  .ban-btns  { opacity: 0; filter: alpha(opacity=0)\9; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); }


.carousel-inner .item.active h2 { -webkit-transition: all .8s .2s; transition: all .8s .2s; }
.carousel-inner .item.active h1 { -webkit-transition: all .8s .4s; transition: all .8s .4s; }
.carousel-inner .item.active p { -webkit-transition: all .8s .6s; transition: all .8s .6s; }
.carousel-inner .item.active .ban-btns { -webkit-transition: all .8s .8s; transition: all .8s .8s; }



a.ban-btn{position:relative;display:inline-block;overflow:hidden;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px transparent solid;line-height:34px;width:130px;height:36px;border-radius:22px;margin:0 12px;font-size:14px;-webkit-transition:color 0.35s ease,border-color 0.3s ease,background-color 0.35s ease;transition:color 0.35s ease,border-color 0.3s ease,background-color 0.35s ease}
@media (min-width: 1921px){    a.ban-btn{line-height:42px;width:150px;height:44px;border-radius:22px;margin:0 15px;font-size:16px}}
@media (max-width: 1441px){    a.ban-btn{line-height:34px;width:124px;height:36px;line-height:36px;border-radius:20px;margin:0 15px;font-size:16px}}
@media (max-width: 768px){    a.ban-btn{margin:0 8px;width:108px;height:36px;font-size:14px}}
a.ban-btn.item-btn-master{color:#fff;background-color:#fd4f00;}
a.ban-btn.item-btn-master:hover{background-color:red;}
a.ban-btn.item-btn-sub{color:#666;background-color:#fff}
a.ban-btn.item-btn-sub:hover{color:#333;background-color:#f5f5f5}
a.ban-btn.item-btn-light{color:#fff;border-color:#fff}
a.ban-btn.item-btn-light:hover{color:#333;background-color:#fff;border-color:#fff}
a.ban-btn.item-btn-dark{border-color:#999;color:#333}
a.ban-btn.item-btn-dark:hover{border-color:#333;color:#333;background-color:#f8f8f8}
a.ban-btn.item-btn-white{color:#333;background-color:#fff}
a.ban-btn.item-btn-white:hover{color:#333;background-color:rgba(255,255,255,0.9)}


/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/



/*---------- MEDIA 480px ----------*/
@media  (max-width: 768px) {

.slide-text { padding: 10px 50px; }
.slide-text h1 { font-size: 30px; line-height: 40px; padding-bottom: 10px; }
.slide-text > p { font-size: 14px; line-height: 20px; padding-bottom: 20px; }
.control-round .carousel-control{ display: none; }

}
@media  (max-width: 480px) {
.slide-text { padding: 10px 30px; }
.slide-text h1 { font-size: 20px; line-height: 25px; padding-bottom: 5px; }
.slide-text > p { font-size: 12px; line-height: 18px; padding-bottom: 10px; }
.slide-text > a.btn-default, .slide-text > a.btn-primary { font-size: 10px; line-height: 10px; margin-right: 10px; text-align: center; padding: 10px 15px; }
.indicators-line > .carousel-indicators{ display: none; }

}




span.slide-arrow-left{top:50%;margin-top:-25px;position:relative;display:inline-block;width:15px;height:15px;vertical-align:middle;left:15px}
span.slide-arrow-left:after,span.slide-arrow-left:before{left:0;position:absolute;display:block;width:20px;height:3px;content:'';background-color:#fff}
span.slide-arrow-left:before{top:0;border-bottom-right-radius:3px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
span.slide-arrow-left:after{bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top-right-radius:3px}
.slide-btn{position:absolute;height:80px;width:64px;background-color:rgba(194,200,204,.5);top:50%;margin-top:-40px;z-index:400;transition:all .4s;border-top-right-radius:40px;border-bottom-right-radius:40px;cursor:pointer}



.slide-btn.slide-btn-right{-webkit-transform:rotate(180deg);transform:rotate(180deg);right:0}
.slide-btn.slide-btn-left{left:0}

 .slide-control .slide-cover{position:absolute;top:0;z-index:300;width:50%;height:750px}
 .slide-control .slide-btn:hover, .slide-control .slide-cover:hover+.slide-btn{opacity:1}
 .slide-control .slide-btn{opacity:0}
 .slide-fly-pre .slide-cover{left:-500px}
 .slide-fly-pre .slide-btn{left:0}
 .slide-fly-next .slide-cover{right:-500px}
 .slide-fly-next .slide-btn{right:0}

 @media (min-width:1200px) and (max-width: 1439px) {
.slide-fly-next .slide-cover { right: -300px; }
 .slide-fly-pre .slide-cover{left:-300px}
.slide-btn{height:60px;width:50px;margin-top:-30px;border-top-right-radius:30px;border-bottom-right-radius:30px;}

}
@media (min-width: 992px) and (max-width: 1199px) {
.slide-fly-next .slide-cover { right: -300px; }
 .slide-fly-pre .slide-cover{left:-300px}
.slide-btn{height:60px;width:50px;margin-top:-30px;border-top-right-radius:30px;border-bottom-right-radius:30px;}
}
@media (min-width:768px) and (max-width: 991px) {
.slide-fly-next .slide-cover { right: -300px; }
 .slide-fly-pre .slide-cover{left:-300px}
.slide-btn{height:60px;width:50px;margin-top:-30px;border-top-right-radius:30px;border-bottom-right-radius:30px;}

}