#text-to-copy {
	color: #fff !important;
	text-decoration: underline !important;
	display: block;
	padding-left: 1rem;
}

.sr-container.sr-container--main {
	max-width: 100%;
}

.fa-map-marker {
	color: #fff !important;
}

/* main style */
/* first block */
.event-detail {
	width: 100%;
	min-width: 32rem;
	background-attachment: fixed !important;
	/* position: relative; */
}

.event-detail .event-detail-header > img {
	width: unset;
}

.event-detail img {
	width: 100%;
	max-width: 100%;
	height: 100%;
	border-style: none;
	-o-object-fit: cover;
	object-fit: cover;
}

.promo {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	min-height: calc(100vh + 10rem);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 5;
}

.promo iframe {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.promo__main {
	margin: 0 auto 10rem;
	max-width: 49.2rem;
	width: 100%;
	height: fit-content;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	z-index: 2;
	background: rgba(0, 0, 0, 0.3);
	box-shadow: 0 1rem 1.4rem 0 rgba(0, 0, 0, 0.25);
	-webkit-backdrop-filter: blur(3.5rem);
	backdrop-filter: blur(3.5rem);
	padding: 6rem 3rem 3rem 3rem;
}

@media (min-width: 3200px) {
	.promo__main {
		max-width: 65rem;
	}
}

@media (max-width: 768px) {
	.promo__main {
		width: 95%;
		height: fit-content;
	}

	.promo .timer__items {
		grid-template-columns: repeat(4, 5.6rem);
	}
}

.promo__main__afisha {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	/* padding: 10rem 31rem 10rem 11.3rem; */
	padding: 10rem 31rem 0 0;
}

.promo__inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	gap: 3rem;
}

.promo__event-descr-box {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.promo__event-descr-text span,
.promo__event-descr-text ul li,
.promo__event-descr-text,
.promo__event-descr-text p {
	color: #fff;
	text-align: center;
	font-family: "Cocomat Pro";
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
}

.promo__event-descr-text span,
.promo__event-descr-text ul li {
	font-size: 2rem;
	font-weight: 700;
}

.promo__event-descr-text span {
	font-size: 2.4rem;
}

.promo__event-descr-text a {
	color: inherit;
	text-decoration-color: inherit;
}
.promo__event-descr-text a:hover {
	text-decoration-color: transparent;
}

.promo__event-descr-text ul li {
	font-family: "Cocogoose Compressed" !important;
}

@media screen and (max-width: 1080px) {
	.promo__main__afisha {
		padding: 10rem 31rem 10rem 0;
	}
}

@media screen and (max-width: 991px) {
	.promo__inner {
		height: 100%;
	}
}

.promo__logos {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 1.5rem;
}

.promo__logo-wrapper a {
	display: inline-block;
}

.promo__collaboration-logo {
	margin: 0 auto;
	width: fit-content;
	max-width: 24rem;
}

.promo__collaboration-logo img {
	max-width: 100%;
}

.promo__logo {
	width: 100%;
	max-width: 16rem;
}

.promo__event-descr-wrapper {
	display: grid;
	grid-template-columns: 10rem 1fr;
	gap: 1rem;
}

.promo__event-place-descr {
	font-family: var(--main-font);
	font-style: normal;
	font-weight: 600;
	font-size: 1.8rem;
	line-height: 140%;
	display: flex;
	align-items: center;
	color: #fff;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.promo__event-place-descr {
		font-size: 1.6rem;
	}
}

.promo__event-place-coordinate {
	font-family: var(--main-font);
	font-style: normal;
	font-weight: 600;
	font-size: 2.8rem;
	line-height: 140%;
	display: flex;
	align-items: center;
	color: #fbf296;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.promo__event-place-coordinate {
		font-size: 1.8rem;
	}
}

.promo__event-descr {
	font-family: var(--main-font);
	font-style: normal;
	font-weight: 600;
	font-size: 1.8rem;
	line-height: 140%;
	display: flex;
	align-items: center;
	color: #fff;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.promo__event-descr {
		font-size: 1.6rem;
	}
}

.promo__description {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

@media screen and (max-width: 991px) {
	.promo__description {
		max-width: 64rem;
	}
}

/* .promo__date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.25rem;
	color: #ffffff;
	font-size: 4.6rem;
	font-weight: 600;
	font-style: normal;
	font-family: var(--main-font);
	-webkit-box-align: center;
	-ms-flex-align: center;
	line-height: 1.2;
} */

@media screen and (max-width: 991px) {
	.promo__date {
		font-size: 3.4rem;
	}
}

@media screen and (max-width: 640px) {
	.promo__date {
		font-size: 2.4rem;
	}
}

.promo__title-wrapper {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 1rem;
}

.promo__sub-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	align-items: center;
	gap: 0.5rem;
	font-size: 2.4rem;
	line-height: 100%;
	text-align: center;
	color: var(--color-white);
}

.promo__club {
	text-transform: uppercase;
	font-weight: 900;
}

@media screen and (max-width: 991px) {
	.promo__title {
		font-size: 4.8rem;
	}

	/* .promo__sub-title {
		font-size: 3.4rem;
	} */
}

@media screen and (max-width: 640px) {
	.promo__title {
		font-size: 4rem !important;
	}

	.promo__title-2551747 {
		max-width: 39rem;
	}

	.promo__sub-title {
		font-size: 2.2rem;
	}
}

.promo__btn-wrapper {
	display: flex;
	gap: 1.5rem;
}

.promo__social-wrapper {
	height: 100%;
	max-height: 10rem;
	background: #ffffff;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(rgba(0, 0, 0, 0)),
		to(rgba(3, 3, 3, 0))
	);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(3, 3, 3, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(3, 3, 3, 0));
}

.promo__social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 0.9rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

.promo__social-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4.8rem;
	height: 4.8rem;
	opacity: 0.6;
	border-color: transparent;
	background-position: center center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

.promo__social-link svg {
	width: 4.8rem;
	height: 4.8rem;
}

.btn-buy {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	padding: 1.8rem 3.5rem;
	text-align: center;
	text-decoration: none;
	color: #000;
	-moz-border-radius: 3rem;
	-webkit-border-radius: 3rem;
	border-radius: 0.7rem;
	background-color: #f7d764;
	font-size: 1.6rem;
	font-weight: 700;
	-webkit-box-align: center;
	-ms-flex-align: center;
	line-height: 2rem;
}

@media (max-width: 480px) {
	.promo__description {
		padding-top: 3rem;
	}

	.promo__date-wrapper {
		margin-bottom: 2.5rem;
	}

	.promo__event-descr-wrapper {
		margin-top: 1.5rem;
	}

	.btn-buy {
		padding: 1.5rem 1rem;
	}

	.promo__btn-wrapper {
		margin-top: 4rem;
		margin-bottom: 8rem;
	}
}

.timer__items {
	display: grid;
	grid-template-columns: repeat(4, 8rem);
	color: #ffffff;
	gap: 2rem;
}

.timer__item-wrapper {
	position: relative;
	min-width: 6.8rem;
}

@media screen and (max-width: 640px) {
	.timer__item-wrapper {
		margin-right: 1.5rem;
		padding-right: 1.5rem;
	}
}

.timer__item-wrapper:last-child {
	margin-right: 0;
	padding-right: 0;
}

.timer__item {
	position: relative;
	padding-bottom: 1.5rem;
	text-align: center;
	font-size: 5.5rem;
	line-height: 1.23;
	font-family: "Cocomat Pro";
	font-weight: 800;
	line-height: 100%;
}

@media screen and (max-width: 640px) {
	.timer__item {
		font-size: 3rem;
	}
}

.timer__item::before {
	content: attr(data-title);
	position: absolute;
	left: 50%;
	bottom: 0.6rem;
	display: block;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
	line-height: 1.55;
	text-align: center;
	font-family: "Cocomat Pro";
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	text-transform: lowercase;
}

@media screen and (max-width: 640px) {
	.timer__item::before {
		font-size: 1.2rem;
		font-weight: 400;
	}
}

.slider {
	overflow: hidden;
}

.slider__item {
	background: #000000;
}

.slider__img {
	padding: 4rem 8rem;
	object-fit: cover;
}

@media (max-width: 640px) {
	.slider__img {
		padding: 1rem 4rem;
	}
}

.swiper-button-next.slider-button-next,
.swiper-button-prev.slider-button-prev {
	width: 5rem;
	height: 5rem;
	background-size: cover;
}

@media (max-width: 640px) {
	.swiper-button-next.slider-button-next,
	.swiper-button-prev.slider-button-prev {
		width: 3rem;
		height: 3rem;
	}
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 0 !important;
}

.swiper-button-prev {
	background-image: url("/local/templates/tm_chilloutplanet_new/images/CaretDoubleRight.svg");
}

.swiper-button-next {
	background-image: url("/local/templates/tm_chilloutplanet_new/images/CaretDoubleLeft.svg");
}

.about {
	width: 100%;
	max-width: 100%;
	padding: 3rem 0 4rem 0;
	background-color: #ffffff;
}

.about__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

@media screen and (max-width: 640px) {
	.about__wrapper {
		padding: 0 1rem;
	}
}

.about__sound {
	margin-bottom: 3rem;
}

.about__title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 2rem;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

.about__sound-descr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

.about__sound-descr span {
	display: block;
	display: block;
	color: #000000;
	font-size: 2.4rem;
	font-weight: 700;
	font-style: normal;
	line-height: 155%;
}

.about__title span {
	display: block;
	color: #000000;
	font-size: 1.6rem;
	font-weight: 600;
	font-style: normal;
	line-height: 123%;
}

.about__deko {
	margin-bottom: 9.5rem;
}

.about__deko-descr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

.about__deko-descr span {
	display: block;
	color: #000000;
	font-size: 2rem;
	font-weight: 700;
	font-style: normal;
	line-height: 155%;
}

.about__events {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

.about__events span {
	color: #000000;
	font-size: 2.8rem;
	font-weight: 700;
	font-style: normal;
	font-family: "Arial";
	line-height: 150%;
}

.dance-floor {
	width: 100%;
	max-width: 100%;
	min-height: 100%;
}

@media screen and (max-width: 991px) {
	.dance-floor {
		height: 100%;
	}
}

.dance-floor__wrapper {
	width: 100%;
	height: 100%;
}

.dance-floor__banner {
	min-height: 30rem;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}

@media screen and (max-width: 991px) {
	.dance-floor__banner {
		background-attachment: scroll;
	}
}

.dance-floor__banner-inner {
	display: flex;
	align-items: center;
	flex-direction: column;
	max-width: 70rem;
	margin: 0 auto;
	padding: 4rem;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
}

.dance-floor__name {
	display: block;
	margin-bottom: 1rem;
	letter-spacing: 0.2rem;
	color: #fbf296;
	font-size: 6.2rem;
	font-weight: 900;
	font-style: normal;
	/* font-family: "Montserrat"; */
	font-family: var(--main-font);
	line-height: 6.4rem;
}

.dance-floor__description {
	margin-bottom: 1rem;
	color: #ffffff;
	font-size: 2.4rem;
	font-weight: 600;
	font-style: normal;
	/* font-family: "Montserrat"; */
	font-family: var(--main-font);
	line-height: 140%;
}

.dance-floor__time {
	letter-spacing: 0.06rem;
	color: #ffffff;
	font-size: 5.2rem;
	font-weight: 600;
	font-style: normal;
	/* font-family: "Montserrat"; */
	font-family: var(--main-font);
	line-height: 7.9rem;
}

.dance-floor__main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	height: 100%;
	padding: 14.5rem 2rem;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

@media screen and (max-width: 991px) {
	.dance-floor__main {
		background-attachment: fixed;
	}
}

.dance-floor__card-list-wrapper {
	width: 100%;
}

.dance-floor__card-list {
	display: grid;
	justify-content: center;
	width: 100%;
	max-width: 115rem;
	margin: 0;
	padding: 0;
	list-style: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	grid-template-columns: repeat(auto-fill, 28rem);
	gap: 0.8rem;
}

.dance-floor__card-list:not(:last-of-type) {
	margin-bottom: 6rem;
}

.dance-floor__card-item {
	overflow: hidden;
	height: 33rem;
	border-radius: 1.3rem;
}

@media screen and (max-width: 640px) {
	.dance-floor__card-item {
		height: 35rem;
	}
}

.dance-floor__card-link {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.dance-floor__card-text {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	min-height: 7.5rem;
	padding: 0.5rem;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0.1rem 0.1rem 0.2rem black;
}

.dance-floor__card-top-label {
	margin-bottom: 0.1rem;
	color: #ffffff;
	font-size: 1.2rem;
}

.dance-floor__card-name {
	margin-bottom: 0.4rem;
	color: #ffffff;
	font-size: 2rem;
	font-weight: 600;
	font-family: "DanubeBold";
	line-height: 1.1;
}

.dance-floor__card-bottom-label {
	color: rgb(251, 242, 150);
	font-size: 1.2rem;
}

.dance-floor img {
	width: 100%;
	max-width: 100%;
	height: 100%;
	border-style: none;
	-o-object-fit: cover;
	object-fit: cover;
}

.gallery__wrapper {
	display: grid;
	padding: 5rem 2rem 2rem 2rem;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 40vw;
	grid-gap: 2rem;
}

.gallery__item {
	overflow: hidden;
	background-color: #eee;
}

.gallery__item--large {
	grid-column: span 2;
}

.gallery__item--small {
	grid-column: span 1;
}

.call-to-action {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	min-height: 100vh;
}

@media screen and (max-width: 991px) {
	.call-to-action {
		min-height: 100%;
		margin-bottom: 4rem;
	}
}

.call-to-action iframe {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.call-to-action__main {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 79rem;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	z-index: 2;
}

@media screen and (max-width: 991px) {
	.call-to-action__main {
		height: 100%;
		min-height: 60rem;
	}
}

.call-to-action__inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6));
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

@media screen and (max-width: 991px) {
	.call-to-action__inner {
		height: 100%;
	}
}

.call-to-action__logo-wrapper {
	margin-bottom: 5.5rem;
	padding-top: 6rem;
}

.call-to-action__logo {
	width: 100%;
	max-width: 28rem;
}

.call-to-action__title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 5rem;
	text-transform: uppercase;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

@media screen and (max-width: 991px) {
	.call-to-action__title {
		max-width: 64rem;
	}
}

.call-to-action__title-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	margin: 0;
	text-align: center;
	color: #ffffff;
	font-size: 1.4rem;
	font-weight: 600;
	font-style: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	line-height: 123%;
}

.call-to-action__btn-wrapper {
	margin-top: 5rem;
	margin-bottom: 15rem;
}

.sr-checkout__pre-sale {
	margin-bottom: 2rem;
}

.sr-checkout::-webkit-scrollbar {
	display: none;
}

.sr-right-section__main {
	position: relative;
	width: 100%;
}

.sr-right-section__inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

.sr-right-section__logo-wrapper {
	margin-top: 3.5rem;
	margin-bottom: 4.5rem;
}

.sr-right-section__logo {
	width: 100%;
	max-width: 24.3rem;
}

.sr-right-section__coop {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

.sr-right-section__coop-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	margin: 0;
	text-align: center;
	color: #ffffff;
	font-size: 1.4rem;
	font-weight: 200;
	-webkit-box-align: center;
	-ms-flex-align: center;
	line-height: 186%;
}

/* ------------------------------------------------- */
.sr-right-section__main .sr-form__inner {
	padding: 0;
	background: none;
	border-radius: none;
	border: none;
}

.sr-promo__event-place {
	display: flex;
}

.promo__event-place-loc,
.promo__event-descr,
.promo__event-place-descr {
	color: #fff;
	text-align: center;
	font-family: "Cocomat Pro";
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 900;
	line-height: 100%;
}

.promo__event-descr,
.promo__event-place-descr {
	align-items: flex-start;
}

.promo__event-descr-bg {
	width: 100%;
}
.sr-page__wrapper .sr-page__content {
	background: transparent;
}

.sr-event__video-bg {
	min-width: 100%;
	min-height: 100%;
	position: fixed;
	/* position: absolute; */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	z-index: -1;
	/* расположение позади контента */
	pointer-events: none;
	/* чтобы видео не мешало кликам */
}
@media screen and (max-width: 991px) {
	.promo {
		height: 100%;
		flex-direction: column;
		align-items: center;
	}

	.promo__main__afisha {
		padding: 4rem 0;
	}

	.sr-right-section {
		position: unset;
		height: 100%;
		overflow-y: unset;
		margin-bottom: 4rem;
	}

	.event-detail-header {
		justify-content: center;
	}
}
@media (max-width: 480px) {
	.sr-right-section__logo-wrapper {
		width: 27rem;
	}
	.promo {
		padding: 0 1rem;
	}
	.promo__main {
		width: 100%;
	}
}

/* -------------- */
/* .green-bg,
.blue-bg {
	width: calc(100% + var(--move));
	height: calc(100vh + var(--move) * 8);
	top: calc(var(--move) * -4);
	left: calc(var(--move) * -0.5);
	background-size: cover;
	background-position: center;
	mix-blend-mode: screen;
	background-blend-mode: darken;
	transition: transform 0.1s linear;
}
.red-bg {
	width: calc(100% + var(--move));
	height: calc(100vh + var(--move) * 8);
	top: calc(var(--move) * -4);
	left: calc(var(--move) * -0.5);
	background-size: cover;
	background-position: center;
	mix-blend-mode: normal;
	background-blend-mode: darken;
	transition: transform 0.1s linear;
}
.red-bg {
	background-color: rgba(255, 0, 0, 1);
}
.green-bg {
	background-color: rgba(0, 255, 0, 1);
}
.blue-bg {
	background-color: rgba(0, 0, 255, 1);
} */

/* * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
} */

:root {
	--base: 1vh;
	--move: 3rem;
}

/* html {
		font-size: var(--base);
		scroll-behavior: smooth;
} */

.sr-rgb__scene {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -1;
	overflow: hidden;
}

.sr-rgb__center {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow: visible;
}

.sr-rgb__green,
.sr-rgb__blue {
	width: calc(100% + var(--move));
	/* height: calc(100vh + var(--move) * 8); */
	height: calc(100vh + var(--move));
	position: absolute;
	/* top: calc(var(--move) * -4);
	left: calc(var(--move) * -0.5); */
	top: calc(var(--move) / 2 * -1);
	left: calc(var(--move) / 2 * -1);
	background-size: cover;
	background-position: center;
	mix-blend-mode: screen;
	background-blend-mode: darken;
	transition: transform 0.1s linear;
	will-change: transform;
}

.sr-rgb__red {
	width: calc(100% + var(--move));
	/* height: calc(100vh + var(--move) * 8); */
	height: calc(100vh + var(--move));
	position: absolute;
	/* top: calc(var(--move) * -4);
	left: calc(var(--move) * -0.5); */
	top: calc(var(--move) / 2 * -1);
	left: calc(var(--move) / 2 * -1);
	background-size: cover;
	background-position: center;
	mix-blend-mode: normal;
	background-blend-mode: darken;
	transition: transform 0.1s linear;
	will-change: transform;
}

/* .r, .g, .b {
		background-image: url('https://tickets.srlab.ru/upload/iblock/88b/sdingjqmlr6j5c8q5th149pqj5r75jeo.webp');
} */

.sr-rgb__red {
	background-color: rgba(255, 0, 0, 1);
}
.sr-rgb__green {
	background-color: rgba(0, 255, 0, 1);
}
.sr-rgb__blue {
	background-color: rgba(0, 0, 255, 1);
}
/* Статичный слой с повторяющимся фоном */
/* .sr-rgb__static-filter {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-image: url("/local/templates/tm_chilloutplanet_new/images/pattern_rgb.png");
	background-repeat: repeat;
	background-size: 0.4rem 0.2rem;
	mix-blend-mode: overlay;
	pointer-events: none;
	z-index: 0;
	opacity: 1;
} */
@media (max-width: 768px) {
	.sr-rgb__red,
	.sr-rgb__green,
	.sr-rgb__blue {
		width: calc(100% + var(--move));
		height: calc(100vh + var(--move) * 6);
		top: calc(var(--move) * -3);
		left: calc(var(--move) * -0.5);
	}
}

/* Контент для скролла */
/* .content {
	padding: 100vh 2rem 20rem;
	max-width: 80rem;
	margin: 0 auto;
} */