.bs-slider { overflow: hidden; max-height: 700px; position: relative; background: #000000; }
.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; width: 100% !important; }
/********************
*****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: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: 35%; opacity: 0; width: 50px; height: 50px; z-index: 100; color: #ffffff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 50px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-border-radius: 50%; border-radius: 50%; text-align: center }
.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: 90%; }
/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators { right: 48%; 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: 10px; height: 10px; border: 1px solid #fff; text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background:  rgba(0,0,0,0); -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 3px; -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: 0 3px; background-color: #fff; position: relative; border: 1px solid #fff; }
.indicators-line > .carousel-indicators .active:before { background-color: #fff; width: 10px; height: 10px; border-radius: 50%; }
/*---------- 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; bottom: 25%; right: 0; margin: auto; padding: 10px; position: absolute; text-align: left; padding: 10px 85px}
.slide-text > h1 { padding: 0; color: #fff; font-size: 34px; font-style: normal;font-weight: 700; line-height: 90px; margin-bottom: 30px; letter-spacing: 1px; display: inline-block; -webkit-animation-delay: 0.7s; animation-delay: 0.7s;    text-shadow: 0 1px 2px rgba(0,0,0,.6); }
.slide-text > p { width: 60%; margin: 0px auto; padding: 0; color: #535353; font-size: 12px; 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: 14px; height: 46px; line-height: 46px; margin-left: 0; text-align: center; padding: 0px 30px; white-space: nowrap; letter-spacing: 1px; background: #822d7e; display: inline-block; text-decoration: none; text-transform: uppercase; border: 0px solid #822d7e; -webkit-animation-delay: 2s; border-radius: 4px; 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: #fff; background: #000; border: 0px solid #6bc513; -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; }

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

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

/*---------- MEDIA 480px ----------*/
@media (max-width: 768px) {
.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; }
}

@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; }
.indicators-line > .carousel-indicators { right: 43%; }
}

@media (max-width: 1280px) {
.slide-text h1 { font-size: 2.0em; }
.slide-text p { line-height: 180%; font-size: 1.0em; }
}

@media (max-width: 768px) {
#bootstrap-touch-slider, .banner { margin-top: 118px; }
.slide-text h1, .slide-text p, .slide-text > a.btn-default, .slide-text > a.btn-primary { display: none; }
}

@media (max-width: 468px) {
#bootstrap-touch-slider, .banner { margin-top: 78px; }
}

@media (min-width: 1500px) {
.slide-text > p { width: 40%; }
}

@media (min-width: 1200px) and (max-width: 1500px) {
.slide-text > p { width: 40%; }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
.slide-text > p { width: 50%; }
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.slide-text > p { width: 60%; }
}

/* small mobile :320px. */
@media (max-width: 767px) {
.slide-text > p { width: 70%; }
}