.bannerwrap {width: 100%;height: auto;overflow: hidden;background-image: url(../images/bbg.png);background-position: top left;background-repeat: no-repeat;background-size: cover;}
.bs-slider{ overflow: hidden; position: relative;width:88%; margin:0px auto;}
.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%;}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img { margin: auto;/*max-width: 100%;*/width: 100% !important; }

.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: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:50%; margin-top:-24px;  opacity: 0; width:48px; height:48px; z-index: 100; color: #ffffff; display: block; font-size:24px; cursor: pointer; overflow: hidden; line-height:48px; 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{bottom:3%; left:50%; width:auto; display:flex; height: 20px;z-index:999; margin-left:0px; }
.indicators-line > .carousel-indicators li{border:none; margin:0px;  padding:0;width:15px; height:15px;overflow: hidden;text-align:left; position: relative; background: rgba(255,255,255,1); 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; border-radius:15px; }
.indicators-line > .carousel-indicators li:last-child{ margin-right: 0; }
.indicators-line > .carousel-indicators .active{background:#000000;}

/*---------- SLIDE CAPTION ----------*/
.slide_style_left { text-align: left !important; }
.slide_style_right { text-align: right !important; }
.slide_style_center { text-align: center !important; }

.slide-text { left: 0; top: 25%; right: 0; margin: auto; padding: 10px; position: absolute; text-align: left; padding: 10px 85px; }

.slide-text > h1 { 
    padding: 0; color: #ffffff; font-size: 70px; font-style: normal; line-height: 84px; margin-bottom: 30px; letter-spacing: 1px; display: inline-block; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
.slide-text > p { padding: 0; color: #ffffff; font-size: 20px; line-height: 24px; font-weight: 300; margin-bottom: 40px; letter-spacing: 1px; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
.slide-text > a.btn-default{ color: #000; font-weight: 400; font-size: 13px; line-height: 15px; margin-right: 10px; text-align: center; padding: 17px 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: 17px 30px; white-space: nowrap; letter-spacing: 1px; background: #00bfff; 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; }


@media (max-width: 991px) { 
	.slide-text h1 { font-size: 40px; line-height: 50px; margin-bottom: 20px; }
}


/*---------- MEDIA 480px ----------*/
@media  (max-width: 768px) { 
	.control-round .carousel-control {opacity:0.8;}
	.slide-text { padding: 10px 50px; }
    .slide-text h1 { font-size: 30px; line-height: 40px; margin-bottom: 10px; }
    .slide-text > p { font-size: 14px; line-height: 20px; margin-bottom: 20px; }
    /*.control-round .carousel-control{ display: none; }*/
	.control-round .carousel-control.left,
.control-round .carousel-control.right{ color: #fdfdfd; background: rgba(0, 0, 0, 0.5); border: 0px transparent; }

}
@media  (max-width: 480px) { 
	.slide-text { padding: 10px 30px; }
    .slide-text h1 { font-size: 20px; line-height: 25px; margin-bottom: 5px; }
    .slide-text > p { font-size: 12px; line-height: 18px; margin-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; }

}