@charset "UTF-8";
/* Common */
/* Media */
/* Content */
/* Common animations */
@-webkit-keyframes marquee {
	0% {
		-webkit-transform: translateX(calc(100% + 0.52083vw));
		        transform: translateX(calc(100% + 0.52083vw));
		/* Начинаем движение справа */
	}
	100% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
		/* Заканчиваем движением слева */
	}
}
@keyframes marquee {
	0% {
		-webkit-transform: translateX(calc(100% + 0.52083vw));
		        transform: translateX(calc(100% + 0.52083vw));
		/* Начинаем движение справа */
	}
	100% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
		/* Заканчиваем движением слева */
	}
}

@-webkit-keyframes marquee-bg_rtl {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
	to {
		-webkit-transform: translate3d(-50%, 0, 0);
		        transform: translate3d(-50%, 0, 0);
	}
}

@keyframes marquee-bg_rtl {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
	to {
		-webkit-transform: translate3d(-50%, 0, 0);
		        transform: translate3d(-50%, 0, 0);
	}
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeOut {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Blocks */
.main {
	display: flex;
	height: 100vh;
}

.main__slide-video {
	height: calc(100% - 13.28125vw);
}

.main__slide-info {
	grid-template-columns: 1fr 23.95833vw;
	gap: 1.04167vw;
	padding: 0.78125vw;
	flex-shrink: 0;
	height: 13.28125vw;
}

.main__slide-info-text {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 0.52083vw;
}

.main__slide-info-text h2 {
	font-size: 3.22917vw;
}

.main__slide-info-text h2 span {
	color: #C1C1C1;
}

.main__slide-info-text p {
	font-weight: 600;
	font-size: 1.14583vw;
	line-height: 125%;
	max-width: 35.72917vw;
}

.main__slide-link {
	border-radius: 0.625vw;
}

.main__slide-link-button {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.83333vw;
}

.main__slide-link-button span {
	font-weight: 600;
	font-size: 1.14583vw;
	line-height: 106%;
	letter-spacing: -0.02em;
}

.main__slide-link-icon {
	width: 3.22917vw;
	height: 3.22917vw;
	font-size: 3.22917vw;
}

.main__pagination {
	top: 0.41667vw;
	bottom: auto;
	gap: 0.41667vw;
}

.main__pagination-titles {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 0.41667vw;
}

.main__pagination-progress {
	gap: 0.41667vw;
}

.main__pagination-item {
	flex: 1 1 100%;
	white-space: nowrap;
	cursor: pointer;
}

.main__pagination-item-title {
	font-size: 1.25vw;
	line-height: 120%;
}

.main__pagination-item-progress {
	height: 0.15625vw;
	border-radius: 0.20833vw;
}
