/* kl-slideshow div styles */
.kl-slideshow-inner {position: relative; z-index: 1; /* z-index: 100; */ }
.kl-slideshow .bgback {background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 0; }
.kl-slideshow {margin-bottom: 0;position: relative; top: 0; z-index: 0; }
.kl-ios-selectors-block.bullets2 .item.selected::before, 
.kl-ios-selectors-block.bullets2 .item:hover:before {background-color: #d10a23;}

/* For elements that are positioned right under the header, a safe padding is added */
.kl-slideshow .kl-slideshow-safepadding {padding-top:35px; padding-bottom: 35px;}




/* Default height */
.iosslider--custom-height,
.iosslider-slideshow + .zn_fixed_slider_fill{
	padding-bottom:43%;
}

@media only screen and (max-width : 1440px) {
	.iosslider--custom-height,
	.iosslider-slideshow + .zn_fixed_slider_fill {
		padding-bottom: calc(39% + 5%);
	}
}
@media only screen and (max-width : 1279px) {
	.iosslider--custom-height,
	.iosslider-slideshow + .zn_fixed_slider_fill {
		padding-bottom: calc(39% + 10%);
	}
}
@media only screen and (max-width : 991px) {
	.iosslider--custom-height,
	.iosslider-slideshow + .zn_fixed_slider_fill {
		padding-bottom: calc(39% + 15%);
	}
    /*CUSTOM*/
    .iosSlider .kl-caption-posv-top, .iosSlider .kl-caption-posv-bottom, .iosSlider .kl-caption-posv-middle {
        bottom: 17%;
    }
}


/*CUSTOM*/
@media only screen and (min-width: 768px) {

    .kl-iosslider-prev, .kl-iosslider-next {
        display: block !important;
    }
}

@media only screen and (max-width : 767px) {
	.iosslider--custom-height,
	.iosslider-slideshow + .zn_fixed_slider_fill {
		padding-bottom: calc(39% + 35%);
	}

    .kl-slider-loaded .iosSlider .kl-iosslide-caption {
        min-width: 400px;
    }
}
@media only screen and (max-width : 480px) {
	.iosslider--custom-height,
	.iosslider-slideshow + .zn_fixed_slider_fill {
		padding-bottom: calc(39% + 55%);
	}

    .kl-slider-loaded .iosSlider .kl-iosslide-caption {
        min-width: 300px;
    }
}
/*CUSTOM*/
@media (min-width : 481px) and (max-width: 767px) {
    .kl-slideshow.iosslider-slideshow {
        padding-bottom: 60%;
    }
}

.iosslider-slideshow {width: 100%; height: 0; padding-bottom:35%; overflow: hidden;}
.iosslider-slideshow.ios--notpadded {height: auto; padding:0;}

.iosslider-slideshow .kl-loader {position: absolute; top:50%; left:50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); z-index: 2; -webkit-transition:opacity .3s ease-out, visibility .3s ease-out; transition:opacity .3s ease-out, visibility .3s ease-out;}
.kl-slider-loaded .kl-loader {opacity:0; visibility: hidden;}
.kl-loader svg path,
.kl-loadersvg rect{fill: #cd2122; }

.iosslider-slideshow.kl-slider-fullscreen {height:100vh; padding-bottom: 0; overflow: hidden;}

/* Fixed Position on Scroll */
.iosslider-slideshow.ios-fixed-position-scr {position:fixed; height:0 !important;}
.iosslider-slideshow.ios-fixed-position-scr.ios--fixed-width {padding-bottom: 34%;}

.ios-fixed-position-scr .inner-page {position:relative;}
.zn_fixed_slider_fill {height:0 !important;}
/* Fixed position on scroll + fullscreen */
.iosslider-slideshow.kl-slider-fullscreen.ios-fixed-position-scr {height:100vh !important; padding-bottom: 0 !important;}
.iosslider-slideshow.kl-slider-fullscreen ~ .zn_fixed_slider_fill {height:100vh !important; padding:0 !important;}

.kl-iosslider-prev,
.kl-iosslider-next,
.kl-iosslider-prev .btn-label,
.kl-iosslider-next .btn-label,
.iosSlider.hideCaptions .kl-iosslide-caption,
.kl-ios-selectors-block.thumbs .item,
.kl-ios-selectors-block.thumbs,
.thumbTrayButton {-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

#sparkles,
.th-sparkles {z-index: 2;}

.iosSlider {width: 100%; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;}
.iosslider-slideshow .iosSlider {height: 1500px;}
.iosslider-slideshow.ios--fixed-width .iosSlider {height: 475px;}
.iosslider-slideshow.kl-slider-fullscreen .iosSlider,
.iosslider-slideshow.ios--fixed-width.kl-slider-fullscreen .iosSlider {height: 100%;}

.iosSlider .kl-iosslider {width: 100%; height: 100%; }
.iosSlider .kl-iosslider .item {float: left; width: 100%; height: 100%; overflow:hidden; }
.iosSlider .slide-item-bg,
.iosSlider .zn_slide_image_link,
.iosSlider .kl-slide-overlay {opacity: 0; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 0; background-repeat: no-repeat; background-position: center center; transition:opacity .3s ease-in-out; }
.zn_slide_image_link {display: block;}

.iosSlider .kl-iosslide-caption{opacity:0;}

.kl-slider-loaded .iosSlider .slide-item-bg,
.kl-slider-loaded .iosSlider .kl-iosslide-caption,
.kl-slider-loaded .iosSlider .kl-slide-overlay {opacity: 1;}


/* Fixed width */
.iosslider-slideshow.ios--fixed-width {position: relative; top: 0; left: 0; overflow: hidden; width: 100%; }
.iosslider-slideshow.ios--fixed-width:not(.kl-slider-fullscreen) {}
.iosslider-slideshow.ios--fixed-width .kl-iosslider .item {height:100%;}
.fluidHeight { width: 100%;	position: relative;}
.sliderContainer {position: relative; /*height: 100%;*/ padding: 160px 0 50px; }
/* Fixed width + fullscreen */
.kl-slider-fullscreen .fluidHeight {height:100%;}
.kl-slider-fullscreen .sliderContainer { top: 50%; position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}

/** CAPTION STYLES **/
.iosSlider .kl-iosslide-caption { position: absolute; bottom: 0px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;}
/* Captions vertical position */
.iosSlider .kl-caption-posv-bottom { bottom: 50px; }
.iosSlider .kl-caption-posv-top { bottom:auto; top: 150px; }
.iosSlider .kl-caption-posv-middle { bottom:auto; top: 50%; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%); }
.ios--fixed-width .iosSlider .kl-caption-posv-middle {margin-top:0;}
.iosslider-slideshow .kl-iosslide-caption {padding:0;}
/* Fixed width  */
.iosslider-slideshow.ios--fixed-width .kl-iosslide-caption { /*bottom: 30px; top:auto;*/ width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
/* Caption states */
.iosSlider.hideCaptions .kl-iosslide-caption {opacity:0; }
.iosSlider.hideCaptions:hover .kl-iosslide-caption {opacity:1; }


/* Style 5 - align center */
.kl-ioscaption--style5.klios-aligncenter {text-align:center;}
.kl-ioscaption--style5.klios-aligncenter .main_title { float:none; text-align:center;}
.kl-ioscaption--style5.klios-aligncenter .main_title::before {left:50%; margin-left:-25px;}
.kl-ioscaption--style5.klios-aligncenter .title_big {float:none; text-align:center;}
.kl-ioscaption--style5.klios-aligncenter .title_small {float:none; text-align:center; }
.kl-ioscaption--style5.klios-aligncenter .title_small_top {float:none; text-align:center; }
.kl-ioscaption--style5.klios-aligncenter .more {clear:left; float:none; }
.kl-ioscaption--style5.klios-aligncenter .main_title.kl-ios-has-sqbox::before {left:50%; margin-left:-50px;}
.kl-ioscaption--style5.klios-aligncenter .main_title .kl-ios-sqbox { left: 50%; margin-left:-100px; }
.kl-ioscaption--style5.klios-aligncenter .klios-separator-line {clear:both; width:80%; float:none; text-align: center; margin-left: auto;  margin-right: auto;}
.kl-ioscaption--style5.klios-aligncenter .klios-separator-line span {margin: 0 auto;}
.kl-ioscaption--style5.klios-aligncenter .klios--inner::before {display:block; width:calc(50% - 45px); width:-webkit-calc(50% - 45px); left:0px;}
.kl-ioscaption--style5.klios-aligncenter .klios--inner::after {width:calc(50% - 45px); width:-webkit-calc(50% - 45px); margin-left:auto; margin-right: auto; right:0; left: auto;}

/* Active animations entry */
.kl-iosslider-active .kl-ioscaption--style6 .klios-playvid {left: 0; opacity: 1}
.kl-iosslider-active .kl-ioscaption--style6.klios-alignright .klios-playvid {opacity: 1; right: 0; left:auto;}



/* controls */
.kl-iosslider-prev,
.kl-iosslider-next {position: absolute; top: 50%; margin-top:-25px; width: 100px; height: 50px; z-index:10; opacity:.7; cursor:pointer;color:white}
.iosSlider.hideControls .kl-iosslider-prev,
.iosSlider.hideControls .kl-iosslider-next { opacity:0;  }
.iosSlider.hideControls:hover .kl-iosslider-prev,
.iosSlider.hideControls:hover .kl-iosslider-next { opacity:.5; }

.kl-iosslider-prev { left: 0; }
.kl-iosslider-next { right: 0; background-position:center bottom; }
.kl-iosslider-prev:hover,
.kl-iosslider-next:hover {opacity:1 !important; }

.kl-iosslider-prev .btn-label,
.kl-iosslider-next .btn-label {background: rgba(0, 0, 0, 0.4); color: #fff; font-weight: 700; display: inline-block; padding: 0 4px; line-height: 20px; position: absolute; top: 50%; margin-top: -10px; opacity:0; }
.kl-iosslider-prev .btn-label { right: -20px;}
.kl-iosslider-next .btn-label { left: -20px;}
.kl-iosslider-prev:hover .btn-label { right: -5px; opacity:1; }
.kl-iosslider-next:hover .btn-label { left: -5px; opacity:1; }


/* Selectors V2 */
.kl-ios-selectors-block.bullets2 { position: absolute; bottom: 20px; width: 100%; z-index: 1; text-align: center;}
.iosslider-slideshow.ios--fixed-width .kl-ios-selectors-block.bullets2 {bottom:70px; }
.kl-ios-selectors-block.bullets2 .selectors { display: inline-block; text-align: right; margin-right:25px; }
.kl-ios-selectors-block.bullets2 .item { display: inline-block; width: 50px; height: 10px; padding:4px 0; margin: 0; opacity: 0.6; transition:opacity .2s ease-in-out, width .2s ease-in-out; }
.kl-ios-selectors-block.bullets2 .item::before {content:''; display: block; width: 100%; height: 6px; margin: 0; background-color: #fff;}
.kl-ios-selectors-block.bullets2 .item:hover,
.kl-ios-selectors-block.bullets2 .selected { opacity:1; /*width: 50px;*/ }

/*Scrollbars*/
.iosslider-slideshow .scrollbarContainer { position: relative; bottom: 10px; left: 0; width: 980px; height: 4px; margin: 0 auto; z-index: 1; }
.iosslider-slideshow .sliderContainer .scrollbarContainer { bottom: -5px; width: 980px;}
.iosslider-slideshow .sliderContainer .kl-ios-selectors-block {bottom:17px;}