.levels-slider.desktop:after {
	content:'';
}

@media(min-width:1024px) {
	.levels-slider.desktop:after {
		content: 'flickity';
		display:none;
	}
}

.levels-slider.desktop .image {
	aspect-ratio:1/.4767;
	background:#ccc;
}

@media(max-width:1139px) {
	.levels-slider.desktop .image {
		aspect-ratio:auto;
		min-height:480px;
	}
}

.levels-slider.desktop .item {
	width:100%;
}

.levels-slider.desktop .item > .text {
	position:absolute;
	z-index:1;
	bottom:45px;
	left:45px;
	top:45px;
	border:#fff 2px solid;
	border-radius:10px;
	padding:60px;
	width:auto;
	display:inline-flex;
	flex-flow:column;
	justify-content:flex-end;
}

.levels-slider.desktop .item .text .title,
.levels-slider.desktop .item .text .copy {
	max-width:500px;
}

.levels-slider.desktop .item .text .title .pre-title {
	display:block;
}

.levels-slider.mobile:after {
	content: 'flickity';
	display:none;
}

.level-slider-nav {
	display:flex;
	justify-content:center;
}
.level-slider-nav ul {
	position:relative;
	display:flex;
	gap:36px;
	margin:0 auto;
	height:36px;
	align-items: flex-end;
	text-align: center;
	padding-bottom: 40px;
}

.level-slider-nav ul li a {
	font-family: "PFDINTextCompStdBold", sans-serif;
	text-transform:uppercase;
	font-size:18px;
	opacity:0.3;
	transition: opacity 0.28s ease;
	cursor:pointer;
}

.level-slider-nav ul li a.current,
.level-slider-nav ul li a:hover {
	opacity:1;
}

.level-slider-nav .indicator {
	content:'';
	display:block;
	position:absolute;
	background:var(--color-black-off);
	height:9px;
	width:20px;
	bottom:0;
	left:0;
	border-radius:10px 10px 0 0;
	transition: left 0.28s ease, width 0.28s ease;
}

@media(max-width:1023px) {
	.level-slider-nav ul {
		margin:0 var(--gutter-sm);
		white-space:nowrap;
/*		overflow-x:auto;*/
/*		overflow-y:hidden;*/
/*		align-items: flex-start;*/
		height: 70px;
		padding-bottom: 20px;
	}
	
	.level-slider-nav {
		justify-content:flex-start;
		overflow-x:auto;
	}
}

@media(min-width:1024px) {
	.levels-slider.mobile:after {
		content:'';
	}
	
	.level-slider-nav ul li a {
		font-size:30px;
	}
	
	.level-slider-nav ul li a .pre-title {
		font-size:20px;
		display:block;
	}
	
	.level-slider-nav ul {
		gap:72px;
		height:72px;
	}
	
	.level-slider-nav .indicator {
		height:15px;
		border-radius:10px 10px 0 0;
	}
	
	.levels-slider.desktop .item .text {
		min-width:600px;
	}
	
	.levels-slider.desktop .item .modal {
		position:absolute;
		clip-path:inset(0 100% 0 0);
		transition:opacity .25s, clip-path 0.25s, visibility 0s linear .25s;
	}
	
	.levels-slider.desktop .item .modal.is-open {
		opacity:1;
		visibility:visible;
		clip-path:inset(0 0% 0 0);
		transition:opacity .8s ease, clip-path .8s ease, visibility 0s;
	}
	
    .levels-slider.desktop .item:nth-child(even) .modal:not(.is-open) {
        clip-path:inset(0 0 0 100%);
    }
	
	.levels-slider.desktop .item .modal .modal-window {
		padding:0;
		top:0;
		right:0;
		bottom:0;
		left:0;
		transform:translate(0,0);
		max-width:none;
		background: var(--color-black-off);
	}
	
	.levels-slider.desktop .item .modal .modal-window .inner {
		padding: 0;
		top:0;
		right:0;
		bottom:0;
		left:0;
		position: absolute;
		padding:0 100px 0;
		height:auto;
	}
	
	.levels-slider.desktop .item .modal .modal-window .modal-close {
	    width: 40px;
	    height: 40px;
	    position: absolute;
	    top: 16%;
	    left: 100px;
	    cursor: pointer;
	}
	
    .levels-slider.desktop .item .modal .modal-window .inner .content {
        max-height: none;
		min-height:0;
		height:100%;
		padding-top:5px;
		padding-bottom:60px;
		width:calc(50% - 20px);
		max-width:1920px;
    }
	
	.levels-slider.desktop .item .modal .modal-window .inner .content .scroll-content .text-inner {
		position:absolute;
		top:40%;
		bottom:0;
		width:calc(50% - 200px);
		overflow:auto;
	    -ms-overflow-style: none;  /* IE and Edge */
	    scrollbar-width: none;  /* Firefox */
	}

	/* Hide scrollbar for Chrome, Safari and Opera */
	.levels-slider.desktop .item .modal .modal-window .inner .content .scroll-content .text-inner::-webkit-scrollbar {
	  display: none;
	}
	
	.levels-slider.desktop .item .modal .modal-window .inner .content img {
		position:absolute;
		top:0;
		right:0;
		height:100%;
		width:calc(50% - 20px);
		object-fit:cover;
	}
	
/*	.levels-slider.desktop .item .modal .modal-window .inner .content .text {
		columns:2;
		column-gap:55px;
	}*/
}

.levels-slider.mobile .item {
	width:93%;
	margin-right: 16px;
	max-width:580px;
}

.levels-slider.mobile .image {
	aspect-ratio:1/1;
	background:#ccc;
}

.levels-slider.mobile .image .video-link {
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	cursor:pointer;
}

.levels-slider.mobile .flickity-viewport {
    overflow: visible;
}