.kl__hero__banner__section{position: relative;overflow: hidden;height: 100vh; min-height: 46rem;max-height: 60rem;}
        .kl__hero__banner__section__slider{position: relative;width: 100%;/*height:calc(100% - 3rem);*/ height:100vh;}
        .kl__hero__banner__section__slider .slick-list, .kl__hero__banner__section__slider .slick-track, .kl__hero__banner__section__slider .slick-slide{height: 100%;}

        .kl__hero__banner__section__slider__item figure{position: relative;width: 100%;height: 100%;overflow: hidden;}
        .kl__hero__banner__section__slider__item figure:before, .kl__hero__banner__section__slider__item video:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);z-index: 1;}
        .kl__hero__banner__section__slider__item video{width: 100%;height: 100%;object-fit: cover;position: relative;overflow: hidden;}
        .kl__hero__banner__section__slider__item figure img{width: 100%;height: 100%;object-fit: cover;}
        .kl__hero__banner__section__slider__item__content{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
        .kl__hero__banner__section__slider__item__content .container{position: relative;width: 100%;height: 100%;display: flex;justify-content: space-between;padding: 0 15px; max-width:1920px;}
        .kl__hero__banner__section__slider__item__content__inner{align-self: center;position: relative;z-index: 1;width: 100%;max-width: 700px; padding-left:20px}
        .kl__hero__banner__section__slider__item__content__inner h2{font-family:'History-Pro'; font-size: 2rem;color: #fff;font-weight: 500;margin-bottom: 20px;line-height:1.2;}
        .kl__hero__banner__section__slider__item__content__inner p{font-size:1rem;color: #fff;margin-bottom: 20px; font-family:'Roboto', sans-serif;font-weight:300;}
        .kl__hero__banner__section__slider__item__content__inner a{display: inline-block;padding: 10px 20px;background-color: #fff;color: #c09841;text-decoration: none;border-radius: 0;font-family:'History-Pro';font-size:0.8em;}
	.kl__hero__banner__section__slider__item__content__inner a:hover {background:#c09841; color:#ffffff;}
        .kl__hero__banner__section__slider__item__content .overlay {position:absolute; top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.3); z-index:1;}

        .kl__hero__banner__section__bullets{position: absolute;bottom: 7rem;left: 0;width: 100%;padding: 0 0 0 18px;overflow: hidden;margin-right: -15px;z-index: 3;}
        /*.kl__hero__banner__section__bullets__slider .slick-list{padding: 2px 5% 0 0 !important;}*/
	.kl__hero__banner__section__bullets__slider .slick-list{padding: 2px 0 0 0 !important;}
        .kl__hero__banner__section__bullets__slider .slick-track{display: flex;gap: 24px;}
        .kl__hero__banner__section__bullets__slider .slick-slide{height: inherit;}
        .kl__hero__banner__section__bullets__slider__item{cursor: pointer;}
        .kl__hero__banner__section__bullets__slider__item figure{aspect-ratio: 16 / 9;position: relative;margin-bottom: 10px;overflow: hidden;border: 2px solid transparent;border-radius: 10px;transition: border 0.4s ease-in-out, outline 0.4s ease-in-out;}
        .kl__hero__banner__section__bullets__slider__item figure img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease-in-out;}
        .kl__hero__banner__section__bullets__slider__item figure .title{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: flex-end;align-items: flex-end;background-color: rgba(0, 0, 0, 0.5);color: #fff;font-size: 14px;font-weight: 700;text-transform: uppercase;padding: 10px; text-align:right;}
        .kl__hero__banner__section__bullets__slider__item .progressBar{width: auto;height: 3px;background-color: rgba(255, 255, 255, 0.4);display: none;margin: 0 15px;}
        .kl__hero__banner__section__bullets__slider__item .inProgress{width: 0%;height: 3px;background-color: rgba(255, 255, 255, 1);}
        .kl__hero__banner__section__bullets__slider__item.slick-active.slick-current .progressBar{display: block;}
        .kl__hero__banner__section__bullets__slider__item.slick-active.slick-current figure{border-color: rgb(51, 51, 51); box-shadow: rgb(255, 255, 255) 0 0 0 2px;}
        .kl__hero__banner__section__bullets__slider__item figure:hover img{transform: scale(1.1);}
		.kl__hero__banner__section__slider__item figure .kl__desk__img, .kl__hero__banner__section__slider__item video.kl__desk_vd{display: block;}
		.kl__hero__banner__section__slider__item figure .kl__mob__img, .kl__hero__banner__section__slider__item video.kl__mob_vd{display: none;}
	/* Chrome, Safari, Opera */
			@-webkit-keyframes zoom {
				from {
					-webkit-transform: scale(1,1);
				}
				to {
					-webkit-transform: scale(1.5,1.5);
				}
			}

			/* Standard syntax */
			@keyframes zoom {
			   from {
					transform: scale(1,1);
			   }
			   to {
					transform: scale(1.5,1.5);
			   }
			}


			.kl__hero__banner__section__slider__item figure .kl__desk__img, .kl__hero__banner__section__slider__item figure .kl__mob__img {
				-webkit-animation: zoom 50s; /* Chrome, Safari, Opera */
				animation: zoom 50s;
			}
.kl__hero__banner__section__slider, .kl__hero__banner__section__bullets__slider{white-space: nowrap;visibility: hidden;}
.kl__hero__banner__section__slider.slick-initialized, .kl__hero__banner__section__bullets__slider.slick-initialized {visibility: visible;}
.kl__hero__banner__section__slider__item, .kl__hero__banner__section__bullets__slider__item {white-space: normal;display: inline-block;vertical-align: top;}
        /*@media screen and (max-width: 1366px) {
		.kl__hero__banner__section{height: 100vh;max-height: 38rem;}
		}*/
		@media screen and (max-width: 1024px) {
            .kl__hero__banner__section__slider__item__content__inner h2{font-size: 22px;}
            .kl__hero__banner__section__slider__item__content__inner p{font-size: 16px;}
            .kl__hero__banner__section__bullets{padding-left: 0;}
			.kl__hero__banner__section__slider__item__content__inner{padding-left:0px}
	.kl__hero__banner__section__slider__item__content .container{max-width:1140px;}
        }
        @media screen and (max-width: 767px) {
			.kl__hero__banner__section {position: relative;overflow: hidden;height: 189vw;max-height: 105vh;min-height: 32rem;padding-bottom: 3rem;margin-bottom: 2rem;}
            .kl__hero__banner__section__bullets{bottom: 6.5rem;}
            .kl__hero__banner__section__bullets__slider__item figure .title{font-size: 14px;}
            /*.kl__hero__banner__section{height: 164vw;max-height: 105vh;min-height: 32rem;}*/
            .kl__hero__banner__section__bullets__slider .slick-track{gap: 16px;}
			.kl__hero__banner__section__bullets__slider .slick-list {padding: 2px 5% 0 0 !important;}
		.kl__hero__banner__section__slider {height:calc(100% - 3rem);}
			.kl__hero__banner__section__slider .slick-list {padding: 0 0 40px 0 !important;}
			.kl__hero__banner__section__bullets__slider__item .inProgress{width: 0%;height: 3px;background-color: rgba(0, 0, 0, 0.8);}
			.kl__hero__banner__section__slider__item__content .container{max-width:720px;}
			.kl__hero__banner__section__slider__item figure .kl__desk__img, .kl__hero__banner__section__slider__item video.kl__desk_vd{display: none;}
			.kl__hero__banner__section__slider__item figure .kl__mob__img, .kl__hero__banner__section__slider__item video.kl__mob_vd{display: block;}
        }
        @media screen and (max-width: 480px) {
            .kl__hero__banner__section__bullets__slider .slick-list{padding: 2px 7% 0 0 !important;}
	.kl__hero__banner__section__slider__item__content .container{max-width:100%;}
        }
        @media screen and (max-width: 380px) {
            .kl__hero__banner__section__bullets__slider .slick-list{padding: 2px 10% 0 0 !important;}
        }