/**********************************************************/

@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.hasfocus,footer h2.hasfocus,.visuallyhidden.focusable:active,footer h2.focusable:active,.visuallyhidden.focusable:focus,footer h2.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}

/**********************************************************/

.carousel, .slide { width: 100%; padding:0; margin: 0; overflow: hidden; }
.carousel {position: relative;background-color: #000;}
.carousel ul { margin:0; padding: 0; list-style:none; }
.slide {height: 240px;background-size: cover;position: relative;margin-bottom: 1em;border:1px solid #333;}
.slide h4 { display:inline-block; float:righ; font-size: 1.25em; margin:0; padding: .25em; text-align: right; background-color: rgba(255,255,255,.8); float:right; border-radius: 0 0 0 .5em; }
.slide p { position: absolute; bottom: 0; left: 0; right: 0; margin:0; clear:both; padding: 1em 5em 1em 3em; background-color: rgba(255,255,255,.8); }
.slide a { display:block; text-align: right; }
.slide img { display: block; height: auto; opacity:1; /*transition: opacity 1.5s ease-in;*/ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; visibility:hidden; }
.current.slide img { opacity: 1; }
.active .slide { display: block !important; visibility: hidden; transition: left .6s ease-out; }
.active .slide.current { visibility: visible; left: 0; }
.active .slide.next { left: 100%; }
.active .slide.prev { left: -100%; }
.active .slide.next.in-transition, .active .slide.prev.in-transition { visibility:visible; }
.carousel.active { height: 280px; position:relative; }
.active .slide {border: none;display: none;position:absolute;top:0;left:0;z-index:200;margin: 0;}
.slide.current { display:block; z-index: 500; }
.slider-container .controls img { width: 11px; height: 19px; }
.btn-prev, .btn-next {position:absolute;z-index: 700;bottom: 0;margin-top: -2.5em;border:0;background: rgba(0,0,0,.6);line-height: 1;padding: 10px .5em;transition: padding .4s ease-out;}

.btn-prev { left:0; border-radius:.25em; }
.btn-next { right:0; border-radius:.25em; }
.carousel.with-slidenav { }
.carousel.with-slidenav .slide { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.slidenav {position: absolute;bottom:5px;left: 0;right: 0;text-align: right;z-index: 500;max-width: 1290px;margin: 0 auto !important;padding-right: 30px !important;}
.slidenav li {display: none;margin: 0 .25em;vertical-align:top;}
.slidenav li:last-child { display:inline-block }
.slidenav button { border: 3px solid #fff;background-color: rgba(204, 204, 204, 0);border-radius: 50%;line-height: 1em;
height:26px; width:26px; color:#fff; padding:0; box-sizing:border-box; }
.slidenav button.current { background-color: rgba(204, 204, 204, 1); background-color: #ca0000; color: #fff; }
.slidenav button:hover, .slidenav button:focus {/* border: 3px dashed #fff;*/ }
.slidenav button.current:hover, .slidenav button.current:focus { /*border: 3px dashed #fff;*/ }
.slidenav li button.pause-btn {border-radius: 5px;background-color: rgba(0,0,0,0.6);border:none;padding:0;font-size: 17px;height: 29px;width: 29px;} 
/* About us slider */

#slider2 { margin: 0px !important; min-height:340px; }
#slider2 .slide { min-height:300px; }
#slider2.carousel.with-slidenav .slide { background-image:none !important;  }
#slider2 .btn-prev, #slider2 .btn-next { top:inherit; bottom:1px; background:none; padding:0; margin:0; border-radius:0; }
#slider2 .btn-prev:focus, #slider2 .btn-next:focus { background-color: rgba(255, 255, 255, 0.5); padding:2px 4px; } 
#slider2 .btn-prev { left:2.4%; }
#slider2 .btn-next { right:7%; }
#slider2 .slidenav { bottom:2px; left:-3.3%; }
#slider2 .slidenav button { border-color:#333; color:#333; background-color: rgba(255,255,255,0.2); }
#slider2 .slidenav button.current { background-color:#fff; }


/**********************************************************/

@media(min-width:360px) {
.carousel.active { height: 310px; }	
.slide { height: 270px; }
}

@media(min-width:400px) {
.carousel.active { height: 350px; }	
.slide { height: 310px; }
}

@media(min-width:550px) {
.carousel.active { height: 440px; }	
.slide { height: 400px; }
}

@media(min-width:640px) {
.carousel.active { height: 490px; }	
.slide { height: 450px; }
}


@media(min-width:768px) {
.carousel.with-slidenav .slide { background-size: cover; }
.slider-container .controls { display:block; }

/*.carousel.active { height: calc(100vh - 550px); } */
.slide { height:100%; }
.btn-prev, .btn-next { bottom:inherit; top: 50%; padding:1.3em .5em; }
.btn-next:hover, .btn-next:focus, .btn-prev:hover, .btn-prev:focus { padding-left: 1.6em; padding-right:1.6em; }
.slider-container .controls img { max-width:100%; width: 26px; height: 44px; }
.slidenav {text-align: right;bottom: 1.2em;padding-right: 0 !important;}
.slidenav button { height:30px; width:30px;}
.slidenav li { display:inline-block; }
.slidenav li button.pause-btn {font-size:14px;height: 30px;width: 30px;border-radius: 10px;}
}
@media(min-width:768px) and (orientation:portrait) {
	.carousel.active { height: calc(100vh - 550px); }
}
@media (max-width:992px) and (orientation:landscape) {
	.carousel.active { height: 600px !important; }
}

@media(min-width:992px) {
#slider2 .slide { min-height:300px; margin-left:35px; }	
.carousel.active { height: calc(100vh - 190px); }
.banner-caption p { font-size:10px; line-height:11px; }
}

/*ipad pro*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5)  and (orientation: portrait)  { .carousel.active { height: 50vh; } }

/* hiding the slider bubble */
.carousel .slidenav {
	display: none;
}