/* Start:/local/templates/archione/css/main.css?1784518552379460*/
@charset "UTF-8";
:root {
	--container-width: 1760px;
	--container-width--wide: 1870px;
	--font: Arial, sans-serif;
	--gap: max(10px, 2rem);
	--font: "Rubik", -apple-system, BlinkMacSystemFont, sans-serif;
	--font-title: "Onest", -apple-system, BlinkMacSystemFont, sans-serif;
	--font-serif: "SerifFont", -apple-system, BlinkMacSystemFont, serif;
	--black: #262626;
	--blue-light: #A1C5E7;
	--salat: #E2E43F;
	--salat-light: #ECEE62;
	--yellow: #FAD00A;
	--violet: #BD8DBF;
	--violet-dark: #665FA9;
	--violet-light: #ADAAD4;
	--pink: #EFAACB;
	--orange: #EE944C;
	--green: #71BF97;
	--gray-light: #EDEEF3;
	--gray-text: rgba(38, 38, 38, 0.7);
	--gray-dop: #808080;
	--soc-wa: #9AE43F;
	--soc-tg: #7DBFFC;
	--soc-max: #715BEA;
	--br-25: max(15px, 2.5rem);
	--color-hw: #020D1B;
}

:root {
	--f-button-width: 40px;
	--f-button-height: 40px;
	--f-button-border: 0;
	--f-button-border-radius: 0;
	--f-button-color: #374151;
	--f-button-bg: #f8f8f8;
	--f-button-shadow: none;
	--f-button-transition: all .15s ease;
	--f-button-transform: none;
	--f-button-outline-width: 1px;
	--f-button-outline-color: rgba(0, 0, 0, .7);
	--f-button-svg-width: 20px;
	--f-button-svg-height: 20px;
	--f-button-svg-stroke-width: 1.5;
	--f-button-svg-fill: none;
	--f-button-svg-filter: none;
	--f-button-svg-opacity: 1;
	--f-button-svg-disabled-opacity: .5;
	--f-button-svg-transition: opacity .15s ease;
	--f-button-svg-transform: none;
}

.f-button {
	width: var(--f-button-width);
	height: var(--f-button-height);
	border: var(--f-button-border);
	border-radius: var(--f-button-border-radius);
	color: var(--f-button-color);
	background: var(--f-button-bg);
	box-shadow: var(--f-button-shadow);
	transform: var(--f-button-transform);
	transition: var(--f-button-transition);
	backdrop-filter: var(--f-button-backdrop-filter);
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: content-box;
	position: relative;
	margin: 0;
	padding: 0;
	pointer-events: all;
	cursor: pointer;
	overflow: hidden;
}

@media (hover: hover) {
	.f-button:hover:not([aria-disabled]) {
		color: var(--f-button-hover-color, var(--f-button-color));
		background-color: var(--f-button-hover-bg, var(--f-button-bg));
	}
}
.f-button:active:not([aria-disabled]) {
	color: var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));
	background-color: var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)));
}

.f-button:focus {
	outline: none;
}

.f-button:focus-visible {
	outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
	outline-offset: var(--f-button-outline-offset);
	position: relative;
	z-index: 1;
}

.f-button svg {
	width: var(--f-button-svg-width);
	height: var(--f-button-svg-height);
	transform: var(--f-button-svg-transform);
	fill: var(--f-button-svg-fill);
	filter: var(--f-button-svg-filter);
	opacity: var(--f-button-svg-opacity, 1);
	transition: var(--f-button-svg-transition);
	stroke: currentColor;
	stroke-width: var(--f-button-svg-stroke-width);
	stroke-linecap: round;
	stroke-linejoin: round;
	pointer-events: none;
}

.f-button[aria-disabled] {
	cursor: default;
}

.f-button[aria-disabled] svg {
	opacity: var(--f-button-svg-disabled-opacity);
}

:root {
	--f-spinner-color-1: rgba(0, 0, 0, .1);
	--f-spinner-color-2: rgba(17, 24, 28, .8);
	--f-spinner-width: 50px;
	--f-spinner-height: 50px;
	--f-spinner-border-radius: 50%;
	--f-spinner-border-width: 4px;
}

.f-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: calc(var(--f-spinner-width) * -0.5) 0 0 calc(var(--f-spinner-height) * -0.5);
	padding: 0;
	width: var(--f-spinner-width);
	height: var(--f-spinner-height);
	border-radius: var(--f-spinner-border-radius);
	border: var(--f-spinner-border-width) solid var(--f-spinner-color-1);
	border-top-color: var(--f-spinner-color-2);
	animation: f-spinner 0.75s linear infinite, f-fadeIn 0.2s ease 0.2s both;
}

@keyframes f-spinner {
	to {
		transform: rotate(360deg);
	}
}
.f-panzoom, .f-zoomable {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.f-panzoom:before, .f-panzoom:after, .f-zoomable:before, .f-zoomable:after {
	display: block;
	content: "";
}

.f-panzoom:not(.has-controls):before, .f-zoomable:not(.has-controls):before {
	margin-bottom: auto;
}

.f-panzoom:after, .f-zoomable:after {
	margin-top: auto;
}

.f-panzoom__wrapper {
	position: relative;
	min-width: 0;
	min-height: 0;
	max-width: 100%;
	max-height: 100%;
}

.f-panzoom__wrapper.will-zoom-out {
	cursor: zoom-out;
}

.f-panzoom__wrapper.can-drag {
	cursor: move;
	cursor: grab;
}

.f-panzoom__wrapper.will-zoom-in {
	cursor: zoom-in;
}

.f-panzoom__wrapper.is-dragging {
	cursor: move;
	cursor: grabbing;
}

.f-panzoom__wrapper.has-error {
	display: none;
}

.f-panzoom__content {
	display: block;
	min-width: 0;
	min-height: 0;
	max-width: 100%;
	max-height: 100%;
}

.f-panzoom__content.is-lazyloading, .f-panzoom__content.has-lazyerror {
	visibility: hidden;
}

img.f-panzoom__content {
	vertical-align: top;
	object-fit: contain;
	transition: none;
	-webkit-user-select: none;
	        user-select: none;
}

.f-panzoom__wrapper > .f-panzoom__content {
	visibility: hidden;
}

.f-panzoom__viewport {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.f-panzoom__viewport > .f-panzoom__content {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

picture.f-panzoom__content img {
	vertical-align: top;
	width: 100%;
	height: auto;
	max-height: 100%;
	object-fit: contain;
	transition: none;
	-webkit-user-select: none;
	        user-select: none;
}

.f-panzoom__protected {
	position: absolute;
	inset: 0;
	z-index: 1;
	-webkit-user-select: none;
	        user-select: none;
}

.f-fadeIn {
	animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
	z-index: 2;
}

.f-fadeOut {
	animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
	z-index: 1;
}

@keyframes f-fadeIn {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes f-fadeOut {
	to {
		opacity: 0;
	}
}
.f-crossfadeIn {
	animation: var(--f-transition-duration, 0.2s) ease both f-crossfadeIn;
	z-index: 2;
}

.f-crossfadeOut {
	animation: calc(var(--f-transition-duration, 0.2s) * 0.2) ease calc(var(--f-transition-duration, 0.2s) * 0.8) both f-crossfadeOut;
	z-index: 1;
}

@keyframes f-crossfadeIn {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes f-crossfadeOut {
	to {
		opacity: 0;
	}
}
.is-horizontal .f-slideIn.from-next {
	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNextX;
}

.is-horizontal .f-slideIn.from-prev {
	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrevX;
}

.is-horizontal .f-slideOut.to-next {
	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNextX;
}

.is-horizontal .f-slideOut.to-prev {
	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrevX;
}

@keyframes f-slideInPrevX {
	0% {
		transform: translate(calc(100% + var(--f-carousel-gap, 0)));
	}
	to {
		transform: translateZ(0);
	}
}
@keyframes f-slideInNextX {
	0% {
		transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
	}
	to {
		transform: translateZ(0);
	}
}
@keyframes f-slideOutNextX {
	to {
		transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
	}
}
@keyframes f-slideOutPrevX {
	to {
		transform: translate(calc(100% + var(--f-carousel-gap, 0)));
	}
}
.is-vertical .f-slideIn.from-next {
	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNextY;
}

.is-vertical .f-slideIn.from-prev {
	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrevY;
}

.is-vertical .f-slideOut.to-next {
	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNextY;
}

.is-vertical .f-slideOut.to-prev {
	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrevY;
}

@keyframes f-slideInPrevY {
	0% {
		transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
	}
	to {
		transform: translateZ(0);
	}
}
@keyframes f-slideInNextY {
	0% {
		transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
	}
	to {
		transform: translateZ(0);
	}
}
@keyframes f-slideOutNextY {
	to {
		transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
	}
}
@keyframes f-slideOutPrevY {
	to {
		transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
	}
}
.f-zoomInUp {
	animation: var(--f-transition-duration, 0.3s) ease both f-zoomInUp;
}

.f-zoomOutDown {
	animation: var(--f-transition-duration, 0.3s) ease both f-zoomOutDown;
}

@keyframes f-zoomInUp {
	0% {
		transform: scale(var(--f-zoomInUp-scale, 0.975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
		opacity: var(--f-zoomInUp-opacity, 0);
	}
	to {
		transform: scale(1) translateZ(0);
		opacity: 1;
	}
}
@keyframes f-zoomOutDown {
	to {
		transform: scale(var(--f-zoomOutDown-scale, 0.975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
		opacity: 0;
	}
}
.f-throwOutUp {
	animation: var(--f-throwOutUp-duration, 0.2s) ease-out both f-throwOutUp;
}

.f-throwOutDown {
	animation: var(--f-throwOutDown-duration, 0.2s) ease-out both f-throwOutDown;
}

@keyframes f-throwOutUp {
	to {
		transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
		opacity: 0;
	}
}
@keyframes f-throwOutDown {
	to {
		transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
		opacity: 0;
	}
}
.has-iframe .f-html, .has-pdf .f-html, .has-gmap .f-html {
	width: 100%;
	height: 100%;
	min-height: 1px;
	overflow: visible;
}

.has-pdf .f-html, .has-gmap .f-html {
	padding: 0;
}

.f-html {
	position: relative;
	box-sizing: border-box;
	margin: var(--f-html-margin, 0);
	padding: var(--f-html-padding, 2rem);
	color: var(--f-html-color, currentColor);
	background: var(--f-html-bg);
}

.f-html.is-error {
	text-align: center;
}

.f-iframe {
	display: block;
	margin: 0;
	border: 0;
	height: 100%;
	width: 100%;
}

.f-caption {
	align-self: center;
	flex-shrink: 0;
	margin: var(--f-caption-margin);
	padding: var(--f-caption-padding, 16px 8px);
	max-width: 100%;
	max-height: calc(80vh - 100px);
	overflow: auto;
	overflow-wrap: anywhere;
	line-height: var(--f-caption-line-height);
	color: var(--f-caption-color);
	background: var(--f-caption-bg);
	font: var(--f-caption-font);
}

.has-html5video .f-html, .has-youtube .f-html, .has-vimeo .f-html {
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 1px;
	overflow: visible;
	max-width: var(--f-video-width, 960px);
	max-height: var(--f-video-height, 540px);
	aspect-ratio: var(--f-video-aspect-ratio);
	background: var(--f-video-bg, rgba(0, 0, 0, 0.9));
}

.f-html5video {
	border: 0;
	display: block;
	height: 100%;
	width: 100%;
	background: transparent;
}

.f-button.is-arrow {
	--f-button-width: var(--f-arrow-width, 46px);
	--f-button-height: var(--f-arrow-height, 46px);
	--f-button-svg-width: var(--f-arrow-svg-width, 24px);
	--f-button-svg-height: var(--f-arrow-svg-height, 24px);
	--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);
	--f-button-border-radius: var(--f-arrow-border-radius, unset);
	--f-button-bg: var(--f-arrow-bg, transparent);
	--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));
	--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));
	--f-button-shadow: var(--f-arrow-shadow);
	--f-button-color: var(--f-arrow-color);
	--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));
	--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );
	overflow: visible;
}

.f-button.is-arrow.is-prev, .f-button.is-arrow.is-next {
	position: absolute;
	transform: translate(0);
	z-index: 20;
}

.is-horizontal .f-button.is-arrow.is-prev, .is-horizontal .f-button.is-arrow.is-next {
	inset: 50% auto auto;
	transform: translateY(-50%);
}

.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
	left: var(--f-arrow-pos, 0);
}

.is-horizontal.is-ltr .f-button.is-arrow.is-next {
	right: var(--f-arrow-pos, 0);
}

.is-horizontal.is-rtl .f-button.is-arrow.is-prev {
	right: var(--f-arrow-pos, 0);
	transform: translateY(-50%) rotateY(180deg);
}

.is-horizontal.is-rtl .f-button.is-arrow.is-next {
	left: var(--f-arrow-pos, 0);
	transform: translateY(-50%) rotateY(180deg);
}

.is-vertical.is-ltr .f-button.is-arrow.is-prev, .is-vertical.is-rtl .f-button.is-arrow.is-prev {
	top: var(--f-arrow-pos, 0);
	right: auto;
	bottom: auto;
	left: 50%;
	transform: translate(-50%);
}

.is-vertical.is-ltr .f-button.is-arrow.is-next, .is-vertical.is-rtl .f-button.is-arrow.is-next {
	top: auto;
	right: auto;
	bottom: var(--f-arrow-pos, 0);
	left: 50%;
	transform: translate(-50%);
}

.is-vertical .f-button.is-arrow.is-prev svg, .is-vertical .f-button.is-arrow.is-next svg {
	transform: rotate(90deg);
}

.f-carousel__toolbar {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	margin: var(--f-toolbar-margin, 0);
	padding: var(--f-toolbar-padding, 8px);
	line-height: var(--f-toolbar-line-height);
	background: var(--f-toolbar-bg, none);
	box-shadow: var(--f-toolbar-shadow, none);
	backdrop-filter: var(--f-toolbar-backdrop-filter);
	position: relative;
	z-index: 20;
	color: var(--f-toolbar-color, currentColor);
	font-size: var(--f-toolbar-font-size, 17px);
	font-weight: var(--f-toolbar-font-weight, inherit);
	font-family: var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);
	text-shadow: var(--f-toolbar-text-shadow);
	text-align: center;
	font-variant-numeric: tabular-nums;
	-webkit-font-smoothing: subpixel-antialiased;
	white-space: nowrap;
	pointer-events: none;
}

.f-carousel__toolbar.is-absolute {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.f-carousel__toolbar__column {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: var(--f-toolbar-gap, 0);
	pointer-events: none;
}

.f-carousel__toolbar__column.is-left {
	justify-self: flex-start;
	justify-content: flex-start;
}

.f-carousel__toolbar__column.is-middle {
	justify-content: center;
}

.f-carousel__toolbar__column.is-right {
	justify-self: flex-end;
	justify-content: flex-end;
	flex-flow: nowrap;
}

.f-carousel__toolbar__column > * {
	pointer-events: all;
}

.f-carousel:has(.f-carousel__slide.is-fullsize) [data-panzoom-action=toggleFull] g {
	display: none;
}

[data-autoplay-action=toggle] svg g:first-child {
	display: flex;
}

[data-autoplay-action=toggle] svg g:last-child {
	display: none;
}

.has-autoplay [data-autoplay-action=toggle] svg g:first-child {
	display: none;
}

.has-autoplay [data-autoplay-action=toggle] svg g:last-child {
	display: flex;
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
	display: none;
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
	display: flex;
}

.f-counter {
	position: relative;
	display: flex;
	flex-direction: row;
	cursor: default;
	-webkit-user-select: none;
	        user-select: none;
	margin: var(--f-counter-margin, 0);
	padding: var(--f-counter-padding, 4px);
	line-height: var(--f-counter-line-height);
	background: var(--f-counter-bg);
	border-radius: var(--f-counter-border-radius);
}

.f-counter span {
	padding: 0 var(--f-counter-gap, 4px);
}

:root {
	--f-thumbs-gap: 8px;
	--f-thumbs-margin: 0;
	--f-thumbs-padding-x: 8px;
	--f-thumbs-padding-y: 8px;
	--f-thumbs-z-index: 1;
	--f-thumb-width: 96px;
	--f-thumb-height: 72px;
	--f-thumb-clip-width: 46px;
	--f-thumb-extra-gap: 16px;
	--f-thumb-fit: cover;
	--f-thumb-opacity: 1;
	--f-thumb-transition: opacity .3s ease, transform .15s ease;
	--f-thumb-border: none;
	--f-thumb-border-radius: 4px;
	--f-thumb-transfors: none;
	--f-thumb-shadow: none;
	--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));
	--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
	--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
}

.f-thumbs {
	flex-shrink: 0;
	margin: var(--f-thumbs-margin);
	padding: 0;
	background: var(--f-thumbs-bg);
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	        user-select: none;
	transition: max-height 0.3s ease, max-width 0.3s ease;
	position: relative;
	overflow: hidden;
	z-index: var(--f-thumbs-z-index);
}

.f-thumbs.is-horizontal {
	max-height: calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2 + var(--f-thumbs-gap) * 2);
}

.f-thumbs.is-vertical {
	max-width: calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-gap) * 2);
}

.f-thumbs.is-ltr {
	direction: ltr;
}

.f-thumbs.is-rtl {
	direction: rtl;
}

.f-thumbs__viewport {
	margin: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);
	overflow: visible;
	display: grid;
}

.f-thumbs.is-vertical .f-thumbs__viewport {
	height: calc(100% - var(--f-thumbs-padding-y) * 2);
}

.f-thumbs__slide {
	position: relative;
	box-sizing: border-box;
	grid-area: 1/1;
	width: var(--f-carousel-slide-width);
	height: var(--f-carousel-slide-height);
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	cursor: pointer;
	overflow: visible;
}

.f-thumbs__slide:hover button {
	opacity: var(--f-thumb-hover-opacity, 1);
	transform: var(--f-thumb-hover-transform, none);
}

.f-thumbs__slide:hover button:after {
	border: var(--f-thumb-hover-border, none);
	box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow));
}

.f-thumbs__slide button {
	all: unset;
	margin: auto;
	padding: 0;
	position: relative;
	overflow: visible;
	width: 100%;
	height: 100%;
	outline: none;
	transition: var(--f-thumb-transition);
	border-radius: var(--f-thumb-border-radius);
	opacity: var(--f-thumb-opacity);
	transform: var(--f-thumb-transform);
	background: var(--f-thumb-bg);
}

.f-thumbs__slide button:after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	transition: none;
	border-radius: inherit;
	border: var(--f-thumb-border);
	box-shadow: var(--f-thumb-shadow);
}

.f-thumbs__slide button:focus-within {
	opacity: var(--f-thumb-focus-opacity, 1);
	transform: var(--f-thumb-focus-transform, none);
}

.f-thumbs__slide button:focus-within:after {
	border: var(--f-thumb-focus-border, none);
	box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow));
}

.f-thumbs__slide:active {
	opacity: var(--f-thumb-active-opacity, 1);
	transform: var(--f-thumb-active-transform, none);
}

.f-thumbs__slide:active:after {
	border: var(--f-thumb-active-border, none);
	box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow));
}

.f-thumbs__slide.is-selected {
	z-index: 2;
}

.f-thumbs__slide.is-selected button {
	opacity: var(--f-thumb-selected-opacity, 1);
	transform: var(--f-thumb-selected-transform, none);
}

.f-thumbs__slide.is-selected button:after {
	border: var(--f-thumb-selected-border, none);
	box-shadow: var(--f-thumb-selected-shadow, var(--f-thumb-shadow));
}

.f-thumbs__slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: var(--f-thumb-fit);
	border-radius: inherit;
	pointer-events: none;
}

.f-thumbs__slide img.has-lazyerror {
	display: none;
}

.f-thumbs.is-classic {
	--f-carousel-slide-width: var(--f-thumb-width);
	--f-carousel-slide-height: var(--f-thumb-height);
	--f-carousel-gap: var(--f-thumbs-gap);
}

.f-thumbs.is-modern {
	--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );
	--f-carousel-slide-height: var(--f-thumb-height);
	--f-carousel-gap: 0;
	--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)));
}

.f-thumbs.is-modern .f-thumbs__viewport {
	width: calc(100% + var(--f-carousel-slide-width) * 2);
	margin-inline: calc(var(--f-carousel-slide-width) * -1);
}

.f-thumbs.is-modern .f-thumbs__slide {
	--clip-shift: calc((var(--width-diff) * .5) * var(--progress));
	--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );
	padding: 0;
	overflow: visible;
	left: var(--shift, 0);
	will-change: left;
	transition: left var(--f-transition-duration) var(--f-transition-easing);
}

.f-thumbs.is-modern .f-thumbs__slide button {
	display: block;
	margin-inline: 50%;
	width: var(--f-thumb-width);
	clip-path: var(--clip-path);
	border: none;
	box-shadow: none;
	transition: clip-path var(--f-transition-duration) var(--f-transition-easing), opacity var(--f-thumb-transition-duration, 0.2s) var(--f-thumb-transition-easing, ease);
}

.f-thumbs.is-modern .f-thumbs__slide button:after {
	display: none;
}

.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
	outline: none;
}

.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: var(--clip-shift);
	bottom: 0;
	right: var(--clip-shift);
	transition: border var(--f-transition-duration) var(--f-transition-easing), box-shadow var(--f-transition-duration) var(--f-transition-easing);
	border-radius: inherit;
	border: var(--f-thumb-focus-border, none);
	box-shadow: var(--f-thumb-focus-shadow, none);
}

.f-thumbs.is-modern {
	--f-transition-duration: .25s;
	--f-transition-easing: ease-out;
}

.f-thumbs.is-modern.is-syncing {
	--f-transition-duration: 0s;
}

:root {
	--f-progressbar-height: 3px;
	--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);
	--f-progressbar-opacity: 1;
	--f-progressbar-z-index: 30;
}

.f-progressbar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: var(--f-progressbar-z-index);
	height: var(--f-progressbar-height);
	transform: scaleX(0);
	transform-origin: 0;
	opacity: var(--f-progressbar-opacity);
	background: var(--f-progressbar-color);
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	animation-name: f-progressbar;
	animation-play-state: running;
	animation-timing-function: linear;
}

button > .f-progressbar {
	--f-progressbar-height: 100%;
	--f-progressbar-opacity: .2;
}

@keyframes f-progressbar {
	0% {
		transform: scaleX(0);
	}
	to {
		transform: scaleX(1);
	}
}
[data-fullscreen-action=toggle] svg g:first-child {
	display: flex;
}

[data-fullscreen-action=toggle] svg g:last-child {
	display: none;
}

:fullscreen [data-fullscreen-action=toggle] svg g:first-child {
	display: none;
}

:fullscreen [data-fullscreen-action=toggle] svg g:last-child {
	display: flex;
}

.in-fullscreen-mode > .f-carousel {
	flex: 1;
	min-width: 0 !important;
	min-height: 0 !important;
}

html.with-fancybox {
	width: auto;
	overflow: visible;
	scroll-behavior: auto;
}

html.with-fancybox body.hide-scrollbar {
	width: auto;
	margin-right: calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));
	overflow: hidden !important;
	overscroll-behavior-y: none;
}

.fancybox__dialog {
	width: 100%;
	height: 100vh;
	max-height: unset;
	max-width: unset;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	background: transparent;
	touch-action: none;
}

.fancybox__dialog:focus {
	outline: none;
}

.fancybox__dialog::backdrop {
	opacity: 0;
}

@supports (height: 100dvh) {
	.fancybox__dialog {
		height: 100dvh;
	}
}
div.fancybox__dialog {
	position: fixed;
	inset: 0;
	z-index: 1050;
}

.fancybox__container {
	--fancybox-color: #dbdbdb;
	--fancybox-backdrop-bg: rgba(24, 24, 27, .95);
	--f-toolbar-margin: 0;
	--f-toolbar-padding: 8px;
	--f-toolbar-gap: 0;
	--f-toolbar-color: #ddd;
	--f-toolbar-font-size: 16px;
	--f-toolbar-font-weight: 500;
	--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
	--f-toolbar-line-height: var(--f-button-height);
	--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
	--f-toolbar-shadow: none;
	--f-toolbar-bg: none;
	--f-counter-margin: 0;
	--f-counter-padding: 0px 10px;
	--f-counter-gap: 4px;
	--f-counter-line-height: var(--f-button-height);
	--f-carousel-gap: 17px;
	--f-carousel-slide-width: 100%;
	--f-carousel-slide-height: 100%;
	--f-carousel-slide-padding: 0;
	--f-carousel-slide-bg: unset;
	--f-html-color: #222;
	--f-html-bg: #fff;
	--f-error-color: #fff;
	--f-error-bg: #333;
	--f-caption-margin: 0;
	--f-caption-padding: 16px 8px;
	--f-caption-color: var(--fancybox-color, #dbdbdb);
	--f-caption-bg: transparent;
	--f-caption-font: inherit;
	--f-caption-line-height: 1.375;
	--f-spinner-color-1: rgba(255, 255, 255, .2);
	--f-spinner-color-2: rgba(255, 255, 255, .8);
	--f-spinner-width: 50px;
	--f-spinner-height: 50px;
	--f-spinner-border-radius: 50%;
	--f-spinner-border-width: 4px;
	--f-progressbar-color: rgba(255, 255, 255);
	--f-button-width: 46px;
	--f-button-height: 46px;
	--f-button-color: #ddd;
	--f-button-hover-color: #fff;
	--f-button-outline-width: 1px;
	--f-button-outline-color: rgba(255, 255, 255, .75);
	--f-button-outline-offset: 0px;
	--f-button-bg: rgba(54, 54, 54, .75);
	--f-button-border: 0;
	--f-button-border-radius: 0;
	--f-button-shadow: none;
	--f-button-transition: all .2s ease;
	--f-button-transform: none;
	--f-button-svg-width: 24px;
	--f-button-svg-height: 24px;
	--f-button-svg-stroke-width: 1.75;
	--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));
	--f-button-svg-fill: none;
	--f-button-svg-disabled-opacity: .5;
	--f-arrow-pos: 32px;
	--f-arrow-width: 50px;
	--f-arrow-height: 50px;
	--f-arrow-svg-width: 24px;
	--f-arrow-svg-height: 24px;
	--f-arrow-svg-stroke-width: 2;
	--f-arrow-border-radius: 50%;
	--f-arrow-bg: rgba(54, 54, 54, .65);
	--f-arrow-color: #ddd;
	--f-arrow-hover-color: #fff;
	--f-thumbs-margin: 0px;
	--f-thumbs-padding-x: 8px;
	--f-thumbs-padding-y: 8px;
	--f-thumbs-bg: none;
	--f-thumb-transition: all .2s ease;
	--f-thumb-width: 94px;
	--f-thumb-height: 76px;
	--f-thumb-opacity: 1;
	--f-thumb-border: none;
	--f-thumb-shadow: none;
	--f-thumb-transform: none;
	--f-thumb-focus-opacity: 1;
	--f-thumb-focus-border: none;
	--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);
	--f-thumb-focus-transform: none;
	--f-thumb-hover-opacity: 1;
	--f-thumb-hover-border: none;
	--f-thumb-hover-transform: none;
	--f-thumb-active-opacity: var(--f-thumb-hover-opacity);
	--f-thumb-active-border: var(--f-thumb-hover-border);
	--f-thumb-active-transform: var(--f-thumb-hover-transform);
	--f-thumb-selected-opacity: 1;
	--f-thumb-selected-border: none;
	--f-thumb-selected-shadow: inset 0 0 0 2px #fff;
	--f-thumb-selected-transform: none;
	position: absolute;
	inset: 0;
	overflow: hidden;
	outline: none;
	display: flex;
	flex-direction: column;
}

.fancybox__container[theme=light] {
	--fancybox-color: #222;
	--fancybox-backdrop-bg: rgba(255, 255, 255, .97);
	--f-toolbar-color: var(--fancybox-color, #222);
	--f-toolbar-text-shadow: none;
	--f-toolbar-font-weight: 400;
	--f-html-color: var(--fancybox-color, #222);
	--f-html-bg: #fff;
	--f-error-color: #555;
	--f-error-bg: #fff;
	--f-video-bg: #fff;
	--f-caption-color: #333;
	--f-spinner-color-1: rgba(0, 0, 0, .2);
	--f-spinner-color-2: rgba(0, 0, 0, .8);
	--f-spinner-border-width: 3.5px;
	--f-progressbar-color: rgba(111, 111, 116);
	--f-button-color: #333;
	--f-button-hover-color: #000;
	--f-button-outline-color: rgba(0, 0, 0, .85);
	--f-button-bg: rgba(255, 255, 255, .85);
	--f-button-svg-stroke-width: 1.3;
	--f-button-svg-filter: none;
	--f-arrow-bg: rgba(255, 255, 255, .85);
	--f-arrow-color: #333;
	--f-arrow-hover-color: #000;
	--f-arrow-svg-stroke-width: 1.3;
	--f-close-button-color: #555;
	--f-close-button-hover-color: #000;
	--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);
	--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;
	--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;
}

.fancybox__container::backdrop {
	background-color: transparent;
}

.fancybox__container.has-vertical-thumbs {
	flex-direction: row-reverse;
}

.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport {
	overflow-x: clip;
	overflow-y: visible;
}

.fancybox__container > *:not(.fancybox__carousel), .fancybox__container .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > *:not(.f-html, .f-panzoom__wrapper, .f-spinner) {
	opacity: var(--f-drag-opacity, 1);
}

.fancybox__container:not(.is-ready, .is-hiding) {
	visibility: hidden;
}

.fancybox__container.is-revealing > *:not(.fancybox__carousel), .fancybox__container.is-revealing .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > *:not(.f-html, .f-panzoom__wrapper, .f-spinner) {
	animation: var(--f-interface-enter-duration, 0.35s) ease none f-fadeIn;
}

.fancybox__container.is-hiding > *:not(.fancybox__carousel), .fancybox__container.is-hiding .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-hiding .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container.is-hiding .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > *:not(.f-html, .f-panzoom__wrapper) {
	animation: var(--f-interface-exit-duration, 0.35s) ease forwards f-fadeOut;
}

.fancybox__container.is-idle .f-carousel__toolbar {
	pointer-events: none;
	opacity: 0;
}

.fancybox__container.is-idle .f-button.is-arrow {
	opacity: 0;
}

.fancybox__container.is-idle.is-ready .f-carousel__toolbar {
	pointer-events: none;
	animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__container.is-idle.is-ready .f-button.is-arrow {
	animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__backdrop {
	position: fixed;
	inset: 0;
	z-index: -1;
	background: var(--fancybox-backdrop-bg);
}

.fancybox__carousel {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
	min-width: 0;
	position: relative;
	z-index: 10;
	overflow-y: visible;
	overflow-x: clip;
}

.fancybox__carousel.is-vertical {
	--f-carousel-slide-height: 100%;
}

.fancybox__carousel.is-ltr {
	direction: ltr;
}

.fancybox__carousel.is-rtl {
	direction: rtl;
}

.fancybox__carousel > .f-button.is-arrow:before {
	position: absolute;
	content: "";
	inset: -30px;
	z-index: 1;
}

.fancybox__viewport {
	display: grid;
	flex: 1;
	min-height: 0;
	min-width: 0;
	position: relative;
	overflow: visible;
	transform: translate3d(0, var(--f-drag-offset, 0), 0);
}

.fancybox__viewport.is-draggable {
	cursor: move;
	cursor: grab;
}

.fancybox__viewport.is-dragging {
	cursor: move;
	cursor: grabbing;
}

.fancybox__viewport [data-selectable], .fancybox__viewport [contenteditable] {
	cursor: auto;
}

.fancybox__slide {
	box-sizing: border-box;
	position: relative;
	grid-area: 1/1;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: var(--f-carousel-slide-width);
	height: var(--f-carousel-slide-height);
	min-width: 0;
	min-height: 0;
	max-width: 100%;
	margin: 0;
	padding: var(--f-carousel-slide-padding);
	background: var(--f-carousel-slide-bg);
	backface-visibility: hidden;
	transform: translateZ(0);
	will-change: transform;
}

.fancybox__slide:before, .fancybox__slide:after {
	display: block;
	content: "";
}

.fancybox__slide:before {
	margin-bottom: auto;
}

.fancybox__slide:after {
	margin-top: auto;
}

.fancybox__slide.is-selected {
	z-index: 1;
}

.fancybox__slide.f-zoomable {
	overflow: visible;
}

.fancybox__slide.has-error {
	--f-html-color: var(--f-error-color, --f-html-color);
	--f-html-bg: var(--f-error-bg, --f-html-bg);
}

.fancybox__slide.has-html {
	overflow: auto;
	padding: 8px;
}

.fancybox__slide.has-close-btn {
	padding-top: 34px;
}

.fancybox__slide .f-button[data-fancybox-close] {
	--f-button-width: var(--f-close-button-width, 34px);
	--f-button-height: var(--f-close-button-height, 34px);
	--f-button-border-radius: var(--f-close-border-radius, 4px);
	--f-button-color: var(--f-close-button-color, #fff);
	--f-button-hover-color: var(--f-close-button-hover-color, #fff);
	--f-button-bg: var(--f-close-button-bg, transparent);
	--f-button-hover-bg: var(--f-close-button-hover-bg, transparent);
	--f-button-active-bg: var(--f-close-button-active-bg, transparent);
	--f-button-svg-width: var(--f-close-button-svg-width, 22px);
	--f-button-svg-height: var(--f-close-button-svg-height, 22px);
	position: absolute;
	top: calc(var(--f-button-height) * -1);
	right: 0;
	z-index: 40;
}

.fancybox__slide .f-spinner {
	cursor: pointer;
}

.fancybox__container.is-closing .f-caption, .fancybox__slide.is-loading .f-caption {
	visibility: hidden;
}

.fancybox__container.is-closing .fancybox__carousel {
	overflow: visible;
}

/**
 * Swiper 12.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 18, 2025
 */
:root {
	--swiper-theme-color: #007aff ;
}

:host {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}

.swiper {
	display: block;
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
	flex-direction: column;
}

.swiper-wrapper {
	box-sizing: initial;
	display: flex;
	height: 100%;
	position: relative;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	width: 100%;
	z-index: 1;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
	transform: translateZ(0);
}

.swiper-horizontal {
	touch-action: pan-y;
}

.swiper-vertical {
	touch-action: pan-x;
}

.swiper-slide {
	display: block;
	flex-shrink: 0;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
	height: auto;
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
	backface-visibility: hidden;
	transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d;
}

.swiper-3d {
	perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
	transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
	scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
	scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
	scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
	content: "";
	flex-shrink: 0;
	order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
	height: var(--swiper-centered-offset-after);
	min-width: 1px;
	width: 100%;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, 0.1490196078);
}
.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top: 4px solid rgba(0, 0, 0, 0);
	box-sizing: border-box;
	height: 42px;
	left: 50%;
	margin-left: -21px;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	transform-origin: 50%;
	width: 42px;
	z-index: 10;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s linear infinite;
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff ;
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000 ;
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(1turn);
	}
}
.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
	content: "";
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
	height: 1px;
	width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
	height: var(--swiper-virtual-size);
	width: 1px;
}

:root {
	--swiper-navigation-size: 44px ;
}

.swiper-button-next, .swiper-button-prev {
	align-items: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
	cursor: pointer;
	display: flex;
	height: var(--swiper-navigation-size);
	justify-content: center;
	position: absolute;
	width: var(--swiper-navigation-size);
	z-index: 10;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	cursor: auto;
	opacity: 0.35;
	pointer-events: none;
}
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
	cursor: auto;
	opacity: 0;
	pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
	display: none !important;
}
.swiper-button-next svg, .swiper-button-prev svg {
	height: 100%;
	object-fit: contain;
	transform-origin: center;
	width: 100%;
	fill: currentColor;
	pointer-events: none;
}

.swiper-button-lock {
	display: none;
}

.swiper-button-next, .swiper-button-prev {
	margin-top: calc(0px - var(--swiper-navigation-size) / 2);
	top: var(--swiper-navigation-top-offset, 50%);
}

.swiper-button-prev {
	left: var(--swiper-navigation-sides-offset, 4px);
	right: auto;
}
.swiper-button-prev .swiper-navigation-icon {
	transform: rotate(180deg);
}

.swiper-button-next {
	left: auto;
	right: var(--swiper-navigation-sides-offset, 4px);
}

.swiper-horizontal .swiper-button-next, .swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev {
	margin-left: 0;
	margin-top: calc(0px - var(--swiper-navigation-size) / 2);
	top: var(--swiper-navigation-top-offset, 50%);
}
.swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal .swiper-button-prev {
	left: var(--swiper-navigation-sides-offset, 4px);
	right: auto;
}
.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal .swiper-button-next {
	left: auto;
	right: var(--swiper-navigation-sides-offset, 4px);
}
.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon, .swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal .swiper-button-prev .swiper-navigation-icon {
	transform: rotate(180deg);
}
.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
	transform: rotate(0deg);
}

.swiper-vertical .swiper-button-next, .swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-next, .swiper-vertical ~ .swiper-button-prev {
	left: var(--swiper-navigation-top-offset, 50%);
	margin-left: calc(0px - var(--swiper-navigation-size) / 2);
	margin-top: 0;
	right: auto;
}
.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev {
	bottom: auto;
	top: var(--swiper-navigation-sides-offset, 4px);
}
.swiper-vertical .swiper-button-prev .swiper-navigation-icon, .swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon {
	transform: rotate(-90deg);
}
.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next {
	bottom: var(--swiper-navigation-sides-offset, 4px);
	top: auto;
}
.swiper-vertical .swiper-button-next .swiper-navigation-icon, .swiper-vertical ~ .swiper-button-next .swiper-navigation-icon {
	transform: rotate(90deg);
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transform: translateZ(0);
	transition: opacity 0.3s;
	z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}
.swiper-pagination.swiper-pagination-disabled, .swiper-pagination-disabled > .swiper-pagination {
	display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom, 8px);
	left: 0;
	top: var(--swiper-pagination-top, auto);
	width: 100%;
}

.swiper-pagination-bullets-dynamic {
	font-size: 0;
	overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	position: relative;
	transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(0.33);
}

.swiper-pagination-bullet {
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	display: inline-block;
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
}
.swiper-pagination-bullet button {
	appearance: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}
.swiper-pagination-bullet:only-child {
	display: none !important;
}

.swiper-pagination-bullet-active {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	opacity: var(--swiper-pagination-bullet-opacity, 1);
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
	left: var(--swiper-pagination-left, auto);
	right: var(--swiper-pagination-right, 8px);
	top: 50%;
	transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	display: block;
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: transform 0.2s, top 0.2s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform 0.2s, left 0.2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform 0.2s, right 0.2s;
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.2509803922));
	position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: scale(0);
	transform-origin: left top;
	width: 100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-horizontal > .swiper-pagination-progressbar, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0;
	width: 100%;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar {
	height: 100%;
	left: 0;
	top: 0;
	width: var(--swiper-pagination-progressbar-size, 4px);
}

.swiper-pagination-lock {
	display: none;
}

.swiper-scrollbar {
	background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1019607843));
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	position: relative;
	touch-action: none;
}
.swiper-scrollbar.swiper-scrollbar-disabled, .swiper-scrollbar-disabled > .swiper-scrollbar {
	display: none !important;
}
.swiper-scrollbar.swiper-scrollbar-horizontal, .swiper-horizontal > .swiper-scrollbar {
	bottom: var(--swiper-scrollbar-bottom, 4px);
	height: var(--swiper-scrollbar-size, 4px);
	left: var(--swiper-scrollbar-sides-offset, 1%);
	position: absolute;
	top: var(--swiper-scrollbar-top, auto);
	width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
	z-index: 50;
}
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
	height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
	left: var(--swiper-scrollbar-left, auto);
	position: absolute;
	right: var(--swiper-scrollbar-right, 4px);
	top: var(--swiper-scrollbar-sides-offset, 1%);
	width: var(--swiper-scrollbar-size, 4px);
	z-index: 50;
}

.swiper-scrollbar-drag {
	background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5019607843));
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	height: 100%;
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-zoom-container {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	text-align: center;
	width: 100%;
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
}

.swiper-slide-zoomed {
	cursor: move;
	touch-action: none;
}

.swiper .swiper-notification {
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
	margin: 0 auto;
	transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
	flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
	flex-direction: column;
	flex-wrap: wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-fade .swiper-slide-active {
	pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper.swiper-cube {
	overflow: visible;
}

.swiper-cube .swiper-slide {
	backface-visibility: hidden;
	height: 100%;
	pointer-events: none;
	transform-origin: 0 0;
	visibility: hidden;
	width: 100%;
	z-index: 1;
}
.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	width: 100%;
	z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
	background: #000;
	bottom: 0;
	content: "";
	filter: blur(50px);
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.swiper-cube .swiper-slide-next + .swiper-slide {
	pointer-events: auto;
	visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
	backface-visibility: hidden;
	z-index: 0;
}

.swiper.swiper-flip {
	overflow: visible;
}

.swiper-flip .swiper-slide {
	backface-visibility: hidden;
	pointer-events: none;
	z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
	backface-visibility: hidden;
	z-index: 0;
}

.swiper-creative .swiper-slide {
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
	overflow: visible;
}

.swiper-cards .swiper-slide {
	backface-visibility: hidden;
	overflow: hidden;
	transform-origin: center bottom;
}

.nice-select {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background-color: #fff;
	border-radius: 5px;
	border: solid 1px #e8e8e8;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 38px;
	line-height: 36px;
	outline: none;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	        user-select: none;
	white-space: nowrap;
}

.nice-select:hover {
	border-color: hsl(0, 0%, 85.9803921569%);
}

.nice-select:active, .nice-select:focus {
	border-color: #999;
}

.nice-select:after {
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	content: "";
	display: block;
	height: 5px;
	margin-top: -4px;
	pointer-events: none;
	position: absolute;
	right: 12px;
	top: 50%;
	transform-origin: 66% 66%;
	transform: rotate(45deg);
	transition: all 0.15s ease-in-out;
	width: 5px;
}

.nice-select.open {
	border-color: #999;
}

.nice-select.open:after {
	transform: rotate(-135deg);
}

.nice-select.open .nice-select-dropdown {
	opacity: 1;
	pointer-events: auto;
	transform: scale(1) translateY(0);
}

.nice-select.disabled {
	border-color: rgb(237, 237, 237);
	color: #999;
	pointer-events: none;
}

.nice-select.disabled:after {
	border-color: #ccc;
}

.nice-select.wide {
	width: 100%;
}

.nice-select.wide .nice-select-dropdown {
	left: 0 !important;
	right: 0 !important;
}

.nice-select.right {
	float: right;
}

.nice-select.right .nice-select-dropdown {
	left: auto;
	right: 0;
}

.nice-select.small {
	font-size: 12px;
	height: 36px;
	line-height: 34px;
}

.nice-select.small:after {
	height: 4px;
	width: 4px;
}

.nice-select.small .option {
	line-height: 34px;
	min-height: 34px;
}

.nice-select .has-multiple {
	white-space: inherit;
	height: auto;
	padding: 7px 12px;
	min-height: 36px;
	line-height: 22px;
}

.nice-select .has-multiple span.current {
	border: 1px solid #ccc;
	background: #eee;
	padding: 0 10px;
	border-radius: 3px;
	display: inline-block;
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 3px;
	margin-right: 3px;
}

.nice-select .has-multiple .multiple-options {
	display: block;
	line-height: 24px;
	padding: 0;
}

.nice-select .nice-select-search-box {
	box-sizing: border-box;
	width: 100%;
	padding: 5px;
	pointer-events: none;
	border-radius: 5px 5px 0 0;
}

.nice-select .nice-select-search {
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 3px;
	color: #444;
	display: inline-block;
	vertical-align: middle;
	padding: 7px 12px;
	margin: 0 10px 0 0;
	width: 100%;
	min-height: 36px;
	line-height: 22px;
	height: auto;
	outline: 0 !important;
	font-size: 14px;
}

.nice-select .nice-select-dropdown {
	margin-top: 4px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 0;
	transform-origin: 50% 0;
	transform: scale(0.75) translateY(19px);
	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	z-index: 9;
	opacity: 0;
	max-height: 230px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.nice-select .list {
	border-radius: 5px;
	box-sizing: border-box;
	padding: 0;
}

.nice-select .list:hover .option:not(:hover) {
	background-color: rgba(0, 0, 0, 0) !important;
}

.nice-select .option {
	cursor: pointer;
	font-weight: 400;
	line-height: 40px;
	list-style: none;
	outline: none;
	padding-left: 18px;
	padding-right: 29px;
	text-align: left;
	transition: all 0.2s;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
	background-color: #f6f6f6;
}

.nice-select .option.selected {
	font-weight: bold;
}

.nice-select .option.disabled {
	background-color: rgba(0, 0, 0, 0);
	color: #999;
	cursor: default;
}

.nice-select .extra {
	float: right;
}

.nice-select .optgroup {
	font-weight: bold;
}

.no-csspointerevents .nice-select .nice-select-dropdown {
	display: none;
}

.no-csspointerevents .nice-select.open .nice-select-dropdown {
	display: block;
}

.nice-select .list::-webkit-scrollbar {
	width: 0;
}

.hidden-select {
	opacity: 0;
	width: 0;
	padding: 0;
	height: 0;
	font-size: 0;
	min-height: auto;
}

.select-selection-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.select-selection-list .select-selection {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	box-sizing: border-box;
	display: inline-block;
	margin-left: 5px;
	margin-top: 5px;
	padding: 2px 5px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
	white-space: nowrap;
}

.select-selection-list button.remove-select-selection {
	height: 15px;
	width: 15px;
	line-height: 15px;
	padding: 0px;
	background-color: #bd2919;
	border-radius: 20%;
} 
*, *:after, *:before {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, div, span {
	max-height: 5000em;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
	position: relative;
}

img {
	border: none;
	object-fit: contain;
}

.bx-core-popup-menu-item[title="Редактировать страницу в визуальном редакторе"] {
	display: none !important;
}

.bx-core-adm-dialog .bx-core-adm-dialog-content:has(.bxce) {
	overflow: hidden;
}

.printr {
	position: fixed;
	right: 0;
	bottom: 0;
	width: min(90%, 900px);
	max-height: 90vh;
	z-index: 100000;
	background: #FFF;
	color: #000;
	border: 2px solid #d2d2d2;
	border-radius: 2px;
	overflow: auto;
}
.printr summary {
	position: sticky;
	top: 0;
	background: #eee;
	cursor: pointer;
}

:root {
	interpolate-size: allow-keywords;
	/* Enables keyword transitions for the entire page */
}

@font-face {
	font-family: "SerifFont";
	src: url("/local/templates/archione/css/../fonts/SerifFont.woff2") format("woff2 supports variations"), url("/local/templates/archione/css/../fonts/SerifFont.woff2") format("woff2-variations");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}
/* cyrillic */
@font-face {
	font-family: "Onest";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/local/templates/archione/css/../fonts/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
	font-family: "Onest";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/local/templates/archione/css/../fonts/gNMKW3F-SZuj7xmf-HY.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: "Onest";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/local/templates/archione/css/../fonts/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: "Rubik";
	font-style: normal;
	font-weight: 300 900;
	font-display: swap;
	src: url(/local/templates/archione/css/../fonts/iJWKBXyIfDnIV7nBrXw.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
	font-family: "Rubik";
	font-style: normal;
	font-weight: 300 900;
	font-display: swap;
	src: url(/local/templates/archione/css/../fonts/iJWKBXyIfDnIV7nFrXyi0A.woff2) format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
	font-family: "Rubik";
	font-style: normal;
	font-weight: 300 900;
	font-display: swap;
	src: url(/local/templates/archione/css/../fonts/iJWKBXyIfDnIV7nPrXyi0A.woff2) format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@view-transition {
	navigation: auto;
}
html {
	font-size: 0.522vw;
}
@media (width > 1920px) {
	html {
		font-size: 10px;
	}
}

body {
	font-family: var(--font);
	font-size: max(14px, 1.6rem);
	font-weight: 400;
	line-height: 1.3;
	color: var(--black);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: var(--font-title);
	font-weight: 600;
}

:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) :is(b, mark, strong, em) {
	font-family: var(--font-serif);
	font-weight: 500;
	font-style: italic;
	background: none;
}

h1, .h1 {
	font-size: max(28px, 6rem);
	line-height: 1;
}

h2, .h2 {
	font-size: max(24px, 4.8rem);
	line-height: 1;
}

h3, .h3 {
	font-size: max(20px, 3.6rem);
	line-height: 1.1;
}

h4, .h4 {
	font-size: max(18px, 3.2rem);
	line-height: 1.1;
}

h5, .h5 {
	font-size: max(16px, 2.8rem);
	line-height: 1.1;
}

h6, .h6 {
	font-size: max(16px, 2.6rem);
	line-height: 1.1;
}

.text-1 {
	font-size: max(14px, 1.6rem);
	line-height: 1.3;
}

.text-2 {
	font-size: max(14px, 1.8rem);
	line-height: 1.3;
}

.text-3 {
	font-size: max(14px, 2rem);
	line-height: 1.3;
}

.text-4 {
	font-size: max(14px, 2.4rem);
	line-height: 1.3;
}

a {
	color: inherit;
	text-decoration: none;
}

::selection {
	color: var(--black);
	background-color: var(--salat);
}

::-moz-selection {
	color: var(--black);
	background-color: var(--salat);
}

.link-blue {
	color: var(--violet-dark);
	text-decoration-line: underline;
	text-underline-offset: 0.2em;
	transition: -webkit-text-decoration 0.3s ease;
	transition: text-decoration 0.3s ease;
	transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
	-webkit-tap-highlight-color: transparent;
	text-decoration-color: transparent;
}
@media (hover: hover) {
	.link-blue:hover {
		text-decoration-color: var(--violet-dark);
	}
}
.link-blue:active {
	text-decoration-color: var(--violet-dark);
}

.container {
	margin: 0 auto;
	width: 100%;
	max-width: calc(var(--container-width) + 80px);
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
}
@media (max-width: 1024px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.container-wide {
	margin: 0 auto;
	width: 100%;
	max-width: calc(var(--container-width--wide) + 10px);
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
}

.s-def {
	padding: max(80px, 15rem) 0;
}
.s-def:not(.s-def--top) + .s-def:not(.s-def--important) {
	padding-top: 0;
}

.s-def--big {
	padding: max(100px, 20rem) 0;
}

.s-def--top {
	padding-bottom: 0;
}

.s-def--bottom {
	padding-top: 0;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: top;
	position: relative;
	padding: 0 2em;
	font-size: 16px;
	font-family: var(--font-title);
	font-weight: 500;
	line-height: 1.3;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	        user-select: none;
	background: var(--btn-bg, var(--salat));
	color: var(--black);
	border: none;
	border-radius: 10px;
	height: 60px;
	overflow: clip;
	-webkit-tap-highlight-color: transparent;
	transition: scale 0.1s ease, background 0.3s ease;
}
@media (max-width: 1024px) {
	.btn {
		height: 50px;
		font-size: 14px;
	}
}
@media (max-width: 680px) {
	.btn {
		height: 40px;
		font-size: 12px;
		border-radius: 8px;
	}
}
.btn:active:not(:disabled) {
	scale: 0.95;
}
.btn:focus {
	outline: none;
}
.btn:disabled {
	background: var(--gray-light);
	color: #bebebe;
	cursor: default;
}
.btn:disabled .btn__line {
	stroke: #e7e7e7;
}
.btn.loading .btn__line path {
	animation: btnLineDraw 0.5s linear infinite;
}
.btn span {
	position: relative;
	z-index: 2;
}

.btn__line {
	position: absolute;
	top: 0;
	right: 0;
	stroke: var(--btn-bg-light, var(--salat-light));
	width: 100px;
	height: auto;
	pointer-events: none;
	transition: stroke 0.3s ease;
}
@media (max-width: 1024px) {
	.btn__line {
		width: 82px;
	}
}
@media (max-width: 680px) {
	.btn__line {
		width: 72px;
	}
}
.btn__line path {
	stroke-dasharray: 126.6px;
	stroke-dashoffset: 0;
	animation: btnLineDraw 1.6s ease infinite;
	will-change: stroke-dashoffset;
	transform: translateZ(0px);
}

@keyframes btnLineDraw {
	from {
		stroke-dashoffset: 759.6px;
	}
	to {
		stroke-dashoffset: 506.4px;
	}
}
button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.btn-double {
	display: inline-flex;
	position: relative;
	z-index: 2;
	border: none;
	background: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: scale 0.1s ease;
}
.btn-double:active:not(:disabled) {
	scale: 0.95;
}
.btn-double:active:not(:disabled) .btn {
	scale: 1;
}
.btn-double:focus {
	outline: none;
}
.btn-double .btn__line path {
	animation: btnLineDraw 1.6s ease infinite;
}
.btn-double figure {
	display: block;
	position: relative;
	width: 57px;
	height: 60px;
	background: url(/local/templates/archione/css/../img/btn-stars.svg);
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: 10px;
	flex-shrink: 0;
	overflow: clip;
}
@media (max-width: 1024px) {
	.btn-double figure {
		width: 48px;
		height: 50px;
	}
}
@media (max-width: 680px) {
	.btn-double figure {
		width: 40px;
		height: 40px;
		border-radius: 8px;
	}
}
.btn-double figure:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--btn-bg-light, var(--salat-light));
	transition: background 0.3s ease;
}
.btn-double figure:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--btn-bg, var(--salat));
	transition: translate 0.3s ease, background 0.3s ease;
	animation: btnDouble 1.6s ease 0.4s infinite;
}

@keyframes btnDouble {
	from {
		translate: 0 -100%;
	}
	to {
		translate: 0 100%;
	}
}
.btn-double--mini .btn {
	height: 50px;
	font-size: 14px;
}
@media (max-width: 1024px) {
	.btn-double--mini .btn {
		height: 36px;
		font-size: 10px;
		border-radius: 8px;
	}
}
.btn-double--mini figure {
	width: 48px;
	height: 50px;
}
@media (max-width: 1024px) {
	.btn-double--mini figure {
		width: 36px;
		height: 36px;
		border-radius: 8px;
	}
}

.btn-double--tg figure {
	background: url(/local/templates/archione/css/../img/btn-tg.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.btn-arrow {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	font-family: var(--font-title);
	font-size: max(12px, 1.6rem);
	font-weight: 500;
	width: max(25px, 5rem);
	height: max(25px, 5rem);
	background: transparent;
	color: inherit;
	border-radius: max(5px, 1rem);
	overflow: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	        user-select: none;
	white-space: nowrap;
	flex-shrink: 0;
	transition: width 0.3s ease, background 0.3s ease, scale 0.1s ease, color 0.3s ease;
}
@media (hover: hover) {
	.btn-arrow:hover {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	.btn-arrow:hover path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	.btn-arrow:hover path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
	.btn-arrow:hover.btn-arrow--anim {
		width: var(--btn-width, auto);
	}
}
.btn-arrow:active {
	background: var(--btn-bg, var(--salat));
	color: var(--black);
	scale: 0.95;
}
.btn-arrow svg {
	stroke-width: 2.5px;
	flex-shrink: 0;
	width: max(25px, 5rem);
	height: auto;
	stroke: currentColor;
	pointer-events: none;
	will-change: transform;
}
.btn-arrow svg path:nth-child(1) {
	stroke-dasharray: 16px;
	stroke-dashoffset: 0;
	transition: all 0.5s ease;
}
.btn-arrow svg path:nth-child(2) {
	stroke-dasharray: 22px;
	stroke-dashoffset: 0;
	transition: all 0.5s ease;
	transition-delay: 0.1s;
}
.btn-arrow span {
	padding-right: max(10px, 2rem);
}

.btn-arrow--white {
	background: #FFF;
	color: var(--black);
}

.btn-arrow--gray {
	background: var(--gray-light);
	color: var(--black);
}

.btn-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: var(--gray-light);
	border: none;
	color: var(--violet-dark);
	font-size: max(16px, 2rem);
	white-space: nowrap;
	margin-top: max(30px, 6rem);
	border-radius: 1em;
	height: max(50px, 10rem);
	padding-left: 2em;
	padding-right: 2em;
	width: 100%;
	cursor: pointer;
	-webkit-user-select: none;
	        user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: background 0.3s ease, color 0.3s ease, scale 0.1s ease;
}
@media (hover: hover) {
	.btn-more:hover {
		background: var(--salat);
		color: var(--black);
	}
}
.btn-more:active {
	background: var(--salat);
	color: var(--black);
	scale: 0.97;
}
.btn-more svg {
	stroke: currentColor;
	width: 2em;
	height: auto;
}
.btn-more.disabled, .btn-more:disabled {
	pointer-events: none;
	opacity: 0.3;
}

.btn-more--white {
	background: #FFF;
}

.btn-more--white-half {
	background: #F6F6F9;
}

.btn--play {
	width: 60px;
	background: #FFF;
	padding: 0;
	overflow: clip;
	transition: background 0.3s ease, scale 0.1s ease, opacity 0.3s ease;
}
@media (max-width: 1024px) {
	.btn--play {
		width: 50px;
	}
}
@media (max-width: 680px) {
	.btn--play {
		width: 40px;
	}
}
@media (hover: hover) {
	.btn--play:hover {
		background: var(--btn-bg, var(--salat));
	}
}
.btn--play:active {
	background: var(--btn-bg, var(--salat));
}
.btn--play .btn__play-icon {
	flex-shrink: 0;
}

.btn--play-wide {
	width: 100px;
	background: var(--gray-light);
	padding: 0;
}
@media (max-width: 1024px) {
	.btn--play-wide {
		width: 80px;
	}
}
@media (max-width: 680px) {
	.btn--play-wide {
		width: 60px;
	}
}
.btn--play-wide .btn__line {
	stroke: rgba(255, 255, 255, 0.8);
}

.btn__play-icon {
	position: relative;
	z-index: 2;
	height: 100%;
	width: auto;
}

.btn--play-wide-salat {
	width: 100px;
	background: var(--salat);
	padding: 0;
}
@media (max-width: 1024px) {
	.btn--play-wide-salat {
		width: 80px;
	}
}
@media (max-width: 680px) {
	.btn--play-wide-salat {
		width: 60px;
	}
}
.btn--play-wide-salat .btn__line {
	stroke: var(--salat-light);
}

.s-footer {
	z-index: 21;
}

.btn--up {
	position: fixed;
	z-index: 20;
	bottom: max(5px, 2rem);
	right: max(5px, 2rem);
	background: var(--gray-light);
	gap: 1.6em;
	padding: 0 1.2em;
	opacity: 0;
	transform: translate3d(20px, 20px, 0) scale(0.8);
	transform-origin: right bottom;
	transition: all 0.3s ease;
}
.btn--up.visible {
	opacity: 1;
	transform: translate3d(0px, 0px, 0) scale(1);
}
.btn--up .btn__line {
	stroke: rgba(255, 255, 255, 0.5);
}
.btn--up .btn__line path {
	animation: unset;
}
@media (hover: hover) {
	.btn--up:hover .btn__line path {
		animation: btnLineDraw 0.8s ease 1;
	}
}

.btn__up-icon {
	position: relative;
	z-index: 2;
	width: calc(1em + 2px);
	height: auto;
	flex-shrink: 0;
}

.btn--back {
	position: fixed;
	z-index: 20;
	bottom: max(5px, 2rem);
	left: max(5px, 2rem);
	gap: 1.6em;
	padding: 0 1.2em;
	transform-origin: right bottom;
	transition: all 0.3s ease;
}
.btn--back.visible {
	opacity: 1;
	transform: translate3d(0px, 0px, 0) scale(1);
}
.btn--back .btn__line path {
	animation: unset;
}
@media (hover: hover) {
	.btn--back:hover .btn__line path {
		animation: btnLineDraw 0.8s ease 1;
	}
}

.btn__back-icon {
	position: relative;
	z-index: 2;
	width: calc(1em + 2px);
	height: auto;
	flex-shrink: 0;
}

.plus-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background: var(--plus-btn-bg, var(--salat));
	color: var(--plus-btn-color, var(--black));
	width: max(30px, 6rem);
	height: max(20px, 4rem);
	border-radius: max(5px, 1rem);
	transition: background 0.6s ease;
	z-index: 3;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
}
.plus-btn:before, .plus-btn:after {
	content: "";
	width: max(8px, 1rem);
	height: 2px;
	border-radius: 2px;
	background: currentColor;
	transition: transform 0.6s ease;
}
.plus-btn:after {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	rotate: 90deg;
}
.plus-btn.active {
	background: var(--plus-btn-bg-active, #FFF);
	color: var(--plus-btn-color-active, var(--black));
}
.plus-btn.active:after {
	transform: scaleX(0);
}

.modal {
	display: none;
	flex-direction: column;
	width: 500px;
	max-width: 100%;
}

.modal__title {
	font-size: 36px;
	max-width: calc(100% - 30px);
	margin-bottom: 0.3em;
}
@media (max-width: 480px) {
	.modal__title {
		font-size: 30px;
	}
}

.modal__descr {
	font-size: 18px;
	margin-bottom: 20px;
}
@media (max-width: 480px) {
	.modal__descr {
		font-size: 14px;
		margin-bottom: 15px;
	}
}

.fancybox__slide:has(.modal--aside) {
	padding: 8px !important;
	overflow: hidden;
}
@media (max-width: 680px) {
	.fancybox__slide:has(.modal--aside) {
		padding: 4px !important;
	}
}

.modal--aside {
	width: 400px;
	max-width: 95%;
	align-self: end;
	flex: 1;
	border-radius: 10px;
	background: #FFF;
	padding: max(40px, 5rem) 20px 30px 20px;
	overflow: auto;
}
@media (max-width: 480px) {
	.modal--aside {
		padding: 20px;
	}
}
.modal--aside.f-zoomInUp {
	animation: asideIn 0.3s ease;
}
.modal--aside.f-fadeOut {
	animation: asideOut 0.3s ease;
}

@keyframes asideIn {
	from {
		translate: 100%;
	}
	to {
		translate: 0%;
	}
}
@keyframes asideOut {
	from {
		translate: 0%;
	}
	to {
		translate: 100%;
	}
}
.modal-message {
	justify-content: center;
}

.modal-message--error {
	background: rgb(253, 216, 216);
}

.fancybox__container {
	--fancybox-backdrop-bg: rgba(0, 0, 0, 0.7);
}

.fancybox__viewport.is-draggable {
	cursor: default;
}

.fancybox__slide.has-html {
	padding-left: 25px;
	padding-right: 25px;
}
@media (max-width: 680px) {
	.fancybox__slide.has-html {
		padding-left: 4px;
		padding-right: 4px;
	}
}

.has-youtube .f-html {
	--f-video-width: 1920px;
	--f-video-height: 1080px;
	--f-video-aspect-ratio: 16 / 9;
	height: auto;
}

.has-iframe .f-html {
	padding: 0;
	width: 100%;
	max-width: 1800px;
	aspect-ratio: 16/9;
	height: auto;
	max-height: 90vh;
}

.is-horizontal .f-button.is-arrow.is-prev, .is-horizontal .f-button.is-arrow.is-next {
	--f-button-svg-stroke-width: 3;
	--f-arrow-pos: 5px ;
}

.fancybox__slide .f-button[data-fancybox-close] {
	--f-button-width: 36px;
	--f-button-height: 36px;
	--f-button-border-radius: 50%;
	--f-button-color: var(--black);
	--f-button-hover-color: var(--black);
	--f-button-bg: #FFF;
	--f-button-hover-bg: var(--salat);
	--f-button-active-bg: var(--salat);
	--f-button-svg-width: 18px;
	--f-button-svg-height: 18px;
	--f-button-svg-stroke-width: 3;
	position: absolute;
	top: 8px;
	right: 8px;
	opacity: 1;
	transition: all 0.3s ease;
}
@media (max-width: 680px) {
	.fancybox__slide .f-button[data-fancybox-close] {
		top: 5px;
		right: 5px;
	}
}

label {
	cursor: pointer;
}

.ajax-form input[name=phone] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
	-webkit-user-select: none;
	        user-select: none;
}

.form-gray .input__text {
	background: var(--gray-light);
}

.input {
	position: relative;
	display: block;
	cursor: auto;
}
.input:focus-within .input__label, .input:has(.input__text:not(:placeholder-shown)) .input__label {
	font-size: 14px;
	top: 6px;
}
@media (max-width: 1024px) {
	.input:focus-within .input__label, .input:has(.input__text:not(:placeholder-shown)) .input__label {
		font-size: 12px;
		top: 6px;
	}
}
.input:has(.error) .input__text {
	background: #f8baba;
}
.input:has(.error) .input__label {
	color: red;
}
.input:has(.error) .input__req {
	color: red;
}
.input:has(select):after {
	content: "";
	position: absolute;
	right: 16px;
	top: 24px;
	width: 14px;
	height: 14px;
	background: url(/local/templates/archione/css/../img/icons/select-ar.svg) no-repeat;
	background-size: contain;
	z-index: 5;
	pointer-events: none;
}
@media (max-width: 1024px) {
	.input:has(select):after {
		top: 20px;
	}
}
.input select {
	padding-right: 40px;
}

.input__text {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	font-family: var(--font-title);
	font-size: 18px;
	line-height: 1.25;
	font-weight: 500;
	appearance: none;
	border: none;
	padding: 28px 20px 10px;
	overflow: visible;
	background: transparent;
	background: #FFF;
	color: var(--black);
	border-radius: 10px;
	transition: background 0.3s ease;
}
@media (max-width: 1024px) {
	.input__text {
		font-size: 16px;
		padding: 24px 20px 6px;
	}
}
.input__text:focus {
	outline: none;
}
.input__text::placeholder {
	color: #FFF;
	opacity: 0;
}

.input__label {
	position: absolute;
	z-index: 2;
	top: 20px;
	left: 20px;
	font-family: var(--font-title);
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.5);
	transform-origin: left center;
	transition: all 0.2s ease;
	transform: translate3d(0, 0, 0);
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	white-space: nowrap;
	text-transform: lowercase;
}
@media (max-width: 1024px) {
	.input__label {
		font-size: 16px;
		top: 15px;
	}
}

.input__req {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	font-size: 24px;
	line-height: 1;
	color: var(--black);
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	transition: color 0.3s ease;
}

textarea.input__text {
	border-radius: 10px;
	resize: vertical;
}

.form-file {
	margin-top: 15px;
	display: flex;
	align-items: center;
	gap: 5px 20px;
}
@media (max-width: 480px) {
	.form-file {
		flex-direction: column;
		align-items: flex-start;
	}
}

.form-file__actions {
	position: relative;
}

.form-file__label {
	position: relative;
	color: var(--salat);
}
@media (hover: hover) {
	.form-file__label:hover {
		text-decoration-line: underline;
	}
}
.form-file__label:active {
	text-decoration-line: underline;
}
.form-file__label input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	width: 1px;
	height: 1px;
}

.form-file__clear {
	position: absolute;
	right: -2em;
	top: -0.1em;
	background: #FFF;
	border-radius: 50%;
	color: var(--black);
	width: 1.5em;
	height: 1.5em;
	flex-shrink: 0;
	text-align: center;
	line-height: 1.5em;
	font-size: 1em;
	font-weight: bold;
	visibility: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.form-file__clear.active {
	visibility: visible;
}

.vertical-form .input {
	width: 100%;
	margin-bottom: 10px;
}
.vertical-form .btn {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}
@media (max-width: 1024px) {
	.vertical-form .btn {
		margin-top: 0;
		margin-bottom: 10px;
	}
}

.style-checkbox {
	display: block;
	position: relative;
	cursor: pointer;
	font-size: max(12px, 1.6rem);
}
.style-checkbox input {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.style-checkbox input:checked + span:after {
	opacity: 1;
}
.style-checkbox input.error + span:before {
	border-color: red;
	background: #f8baba;
}
.style-checkbox span {
	display: block;
	position: relative;
	padding-left: 30px;
}
@media (max-width: 1024px) {
	.style-checkbox span {
		padding-top: 3px;
	}
}
.style-checkbox span:before {
	content: "";
	width: 20px;
	height: 20px;
	border: 2px solid currentColor;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
}
.style-checkbox span:after {
	content: "";
	width: 20px;
	height: 20px;
	background: url(/local/templates/archione/css/../img/icons/checkbox.svg) no-repeat;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.style-checkbox span a {
	color: currentColor;
	text-decoration: underline;
	text-underline-offset: 0.2em;
	transition: color 0.3s ease;
}
@media (hover: hover) {
	.style-checkbox span a:hover {
		color: var(--salat);
	}
}
.style-checkbox span a:active {
	color: var(--salat);
}

.anim--fadeIn {
	opacity: 0;
	will-change: opacity;
	transition: opacity 1.6s ease;
}
.anim--fadeIn.animated {
	opacity: 1;
}

.anim--fadeZoomIn {
	opacity: 0;
	transform: scale3d(0.8, 0.8, 1);
	will-change: opacity, transform;
	transition: opacity 1.6s ease, transform 1.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.anim--fadeZoomIn.animated {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}

.anim--clipImg .anim--clipImg__frame {
	clip-path: inset(50%);
	overflow: hidden;
	transform: translate3d(0, 0, 0);
	will-change: clip-path, transform;
	transition: clip-path 1.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.anim--clipImg.animated .anim--clipImg__frame {
	clip-path: inset(0%);
}

.anim.animated .anim--fadeIn {
	opacity: 1;
}
.anim.animated .anim--fadeZoomIn {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}

.draw-line {
	will-change: transform;
}
.draw-line path {
	stroke-dasharray: var(--path-total-length);
	stroke-dashoffset: calc(var(--path-total-length) * 3);
}
.draw-line.drawed path {
	stroke-dashoffset: calc(var(--path-total-length) * 2);
	transition: stroke-dashoffset var(--draw-speed, 4s) ease;
}

.draw-line--reverse path {
	stroke-dashoffset: calc(var(--path-total-length) * 1);
}

.sec-title-double {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	text-wrap: pretty;
	margin-bottom: max(30px, 5rem);
}
@media (max-width: 680px) {
	.sec-title-double {
		grid-template-columns: 1fr;
	}
}
.sec-title-double .h2 {
	max-width: 16em;
	text-wrap: balance;
}
.sec-title-double .text-3, .sec-title-double .text-4 {
	max-width: 34em;
	text-wrap: balance;
}
.sec-title-double .text-3 a, .sec-title-double .text-4 a {
	color: var(--violet-dark);
	text-decoration-line: underline;
	text-underline-offset: 0.2em;
	transition: -webkit-text-decoration 0.3s ease;
	transition: text-decoration 0.3s ease;
	transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
	-webkit-tap-highlight-color: transparent;
	text-decoration-color: rgba(102, 95, 169, 0.3);
}
@media (hover: hover) {
	.sec-title-double .text-3 a:hover, .sec-title-double .text-4 a:hover {
		text-decoration-color: var(--violet-dark);
	}
}
.sec-title-double .text-3 a:active, .sec-title-double .text-4 a:active {
	text-decoration-color: var(--violet-dark);
}

.sec-title-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	text-wrap: pretty;
	margin-bottom: max(30px, 5rem);
}
.sec-title-center .h1, .sec-title-center .h2 {
	max-width: 18em;
}
.sec-title-center:has(.text-3) .h1, .sec-title-center:has(.text-3) .h2 {
	margin-bottom: 0.5em;
}
.sec-title-center .text-3 {
	max-width: 35em;
}

.swiper-scrollbar.swiper-scrollbar-horizontal {
	--swiper-scrollbar-size: 4px;
	--swiper-scrollbar-drag-bg-color: var(--accent-color, var(--salat));
	--swiper-scrollbar-bg-color: var(--gray-light);
	--swiper-scrollbar-border-radius: 2px;
	position: relative;
	left: initial;
	bottom: initial;
	top: initial;
	width: 100%;
	margin-top: max(25px, 4rem);
	width: 58rem;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 680px) {
	.swiper-scrollbar.swiper-scrollbar-horizontal {
		width: 100%;
	}
}

.swiper-scrollbar-drag {
	transition-duration: 0.3s !important;
}

.swiper-scrollbar--transparent.swiper-scrollbar-horizontal {
	--swiper-scrollbar-bg-color: rgba(128, 128, 128, 0.1);
}

.slider-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	--swiper-pagination-color: rgba(0, 0, 0, 1);
	--swiper-pagination-bullet-inactive-color: rgba(0, 0, 0, 0.3);
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-bullet-size: 6px;
	--swiper-pagination-bullet-horizontal-gap: 4px;
	pointer-events: none;
}
@media (max-width: 1024px) {
	.slider-pagination {
		--swiper-pagination-bullet-size: 4px;
		--swiper-pagination-bullet-horizontal-gap: 3px;
	}
}
.slider-pagination .swiper-pagination-bullet {
	transition: scale 0.2s ease, background 0.3s ease;
	flex-shrink: 0;
	pointer-events: all;
}
.slider-pagination .swiper-pagination-bullet-active {
	scale: 1.8;
}
.slider-pagination.swiper-pagination-bullets-dynamic {
	justify-content: initial;
	height: 12px;
	font-size: initial;
}
.slider-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: none;
	transition: scale 0.2s ease, background 0.3s ease, left 0.3s ease !important;
}
.slider-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev, .slider-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	scale: 1;
}
.slider-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev, .slider-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	scale: 0.8;
}

.slider-pagination--white {
	--swiper-pagination-color: rgba(255, 255, 255, 1);
	--swiper-pagination-bullet-inactive-color: rgba(255, 255, 255, 0.3);
}

.slider-btn {
	display: inline-flex;
	align-items: center;
	width: 54px;
	height: 60px;
	background: #FFF;
	color: var(--black);
	border-radius: 10px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	flex-shrink: 0;
	transition: opacity 0.3s ease, background 0.3s ease, scale 0.1s ease;
}
@media (max-width: 1024px) {
	.slider-btn {
		width: 45px;
		height: 50px;
		border-radius: 8px;
	}
}
@media (hover: hover) {
	.slider-btn:hover {
		background: var(--salat);
	}
	.slider-btn:hover svg {
		stroke: var(--black);
	}
	.slider-btn:hover path {
		stroke-dashoffset: -46px;
	}
}
.slider-btn:active {
	scale: 0.95;
}
.slider-btn svg {
	flex-shrink: 0;
	width: 100%;
	height: auto;
	stroke: var(--black);
	pointer-events: none;
}
.slider-btn svg path {
	stroke-dasharray: 23px;
	stroke-dashoffset: 0;
	transition: all 0.5s ease;
}
.slider-btn.swiper-button-disabled {
	opacity: 0;
	cursor: default;
}

.slider-btn--gray {
	background: var(--gray-light);
}

.slider-btn--white-transparent {
	background: rgba(237, 238, 243, 0.1);
}
.slider-btn--white-transparent svg {
	stroke: #FFF;
}

.slider-hover-arrows {
	position: relative;
}
@media (hover: hover) {
	.slider-hover-arrows:hover .slider-btn {
		opacity: 1;
		translate: 0% 0;
	}
}
.slider-hover-arrows .slider-btn {
	position: absolute;
	z-index: 5;
	top: calc(50% - 30px);
	opacity: 0;
	transition: opacity 0.3s ease, background 0.3s ease, scale 0.1s ease, translate 0.3s ease;
}
@media (max-width: 1024px) {
	.slider-hover-arrows .slider-btn {
		top: calc(50% - 25px);
		display: none;
	}
}
.slider-hover-arrows .slider-btn--prev {
	left: 10px;
	translate: -100% 0;
}
.slider-hover-arrows .slider-btn--prev.swiper-button-disabled {
	opacity: 0;
	cursor: default;
	translate: -100% 0;
}
.slider-hover-arrows .slider-btn--next {
	right: 10px;
	translate: 100% 0;
}
.slider-hover-arrows .slider-btn--next.swiper-button-disabled {
	opacity: 0;
	cursor: default;
	translate: 100% 0;
}

.user-content {
	font-size: max(14px, 2.4rem);
}
.user-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
	margin-top: max(30px, 6rem);
	margin-bottom: max(15px, 3rem);
}
.user-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6):first-child {
	margin-top: 0;
}
.user-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6):last-child {
	margin-bottom: 0;
}
.user-content :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) + :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
	margin-top: 0;
}
.user-content p, .user-content ul, .user-content ol, .user-content table, .user-content img {
	margin-bottom: max(15px, 2rem);
}
.user-content p:first-child, .user-content ul:first-child, .user-content ol:first-child, .user-content table:first-child, .user-content img:first-child {
	margin-top: 0;
}
.user-content p:last-child, .user-content ul:last-child, .user-content ol:last-child, .user-content table:last-child, .user-content img:last-child {
	margin-bottom: 0;
}
.user-content ul {
	list-style: none;
}
.user-content ul li {
	position: relative;
	padding-left: 1.3em;
	margin-bottom: 0.8em;
}
.user-content ul li:last-child {
	margin-bottom: 0;
}
.user-content ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.45em;
	width: 0.41em;
	height: 0.41em;
	border-radius: 0.12em;
	background: var(--accent-color, var(--violet-dark));
	rotate: 45deg;
}
.user-content ol {
	list-style: none;
	counter-reset: ol;
}
.user-content ol li {
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 0.3em;
	counter-increment: ol;
}
.user-content ol li:last-child {
	margin-bottom: 0;
}
.user-content ol li:before {
	content: counter(ol) ".";
	position: absolute;
	left: 0;
	top: 0.2em;
	color: var(--accent-color, var(--violet-dark));
	text-align: right;
	font-size: 0.8em;
	font-weight: 500;
}
.user-content a:not(.btn, .btn-double) {
	color: var(--template-titles-color, var(--violet-dark));
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: currentColor;
	text-underline-offset: 0.3em;
	-webkit-tap-highlight-color: transparent;
	transition: color 0.3s ease;
}
@media (hover: hover) {
	.user-content a:not(.btn, .btn-double):hover {
		color: var(--salat);
	}
}
.user-content a:not(.btn, .btn-double):active {
	color: var(--salat);
}
.user-content b, .user-content strong {
	font-weight: 500;
}
.user-content p:empty {
	display: none;
}

.fav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	border: none;
	background: rgba(0, 0, 0, 0.2);
	color: inherit;
	position: absolute;
	z-index: 5;
	right: 15px;
	top: 15px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: background 0.3s ease;
	-webkit-user-select: none;
	        user-select: none;
	flex-shrink: 0;
}
@media (max-width: 680px) {
	.fav {
		width: 34px;
		height: 34px;
		top: 5px;
		right: 5px;
	}
}
@media (hover: hover) {
	.fav:hover svg {
		fill: #FFF;
	}
}
.fav:active {
	scale: 0.95;
}
.fav:active svg {
	fill: #FFF;
}
.fav svg {
	display: block;
	width: 100%;
	height: auto;
	stroke: #FFF;
	transition: fill 0.1s ease;
	fill: transparent;
	pointer-events: none;
}

.fav--white {
	background: rgba(255, 255, 255, 0.2);
}

.fav--added svg {
	fill: #FFF;
}

.fav__counter {
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 2;
	background: var(--violet-dark);
	color: #FFF;
	font-family: var(--font-title);
	font-size: 10px;
	font-weight: bold;
	white-space: nowrap;
	width: 13px;
	height: 13px;
	text-align: center;
	border-radius: 50%;
}
.fav__counter:empty {
	opacity: 0;
}

.fav__counter.updated {
	animation: favUpdate 1 0.3s ease;
}

@keyframes favUpdate {
	from {
		scale: 1;
	}
	50% {
		scale: 1.5;
	}
	to {
		scale: 1;
	}
}
.fav-panel {
	position: fixed;
	display: flex;
	flex-direction: column;
	top: 10px;
	right: 10px;
	height: calc(100% - 20px);
	background: #FFF;
	color: var(--black);
	border-radius: 20px;
	width: 400px;
	max-width: calc(100% - 20px);
	z-index: 50;
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
	translate: 110% 0;
	visibility: hidden;
	opacity: 0;
	transition: translate 0.3s ease, visibility 0.3s ease, opacity 0.3s ease;
}
@media (max-width: 680px) {
	.fav-panel {
		width: 300px;
		top: 5px;
		right: 5px;
		height: calc(100% - 10px);
	}
}
.fav-panel.active {
	translate: 0% 0;
	visibility: visible;
	opacity: 1;
}
.fav-panel.active ~ .body-overlay {
	z-index: 49 !important;
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

.fav-panel__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
@media (max-width: 680px) {
	.fav-panel__header {
		padding: 8px 20px;
		padding-right: 10px;
	}
}
.fav-panel__header .h3 {
	font-size: 36px;
}
@media (max-width: 680px) {
	.fav-panel__header .h3 {
		font-size: 24px;
	}
}

.fav-panel__list {
	flex: 1;
	padding: 15px 10px;
	overflow: auto;
	overscroll-behavior: none;
	transition: opacity 0.1s ease;
	opacity: 1;
	pointer-events: all;
}
@media (max-width: 680px) {
	.fav-panel__list {
		padding: 5px 5px;
	}
}
.fav-panel__list.loading {
	pointer-events: none;
}

.fav-panel__item {
	display: grid;
	grid-template-columns: 90px 1fr 34px;
	gap: 10px;
	padding: 10px;
	border-radius: 10px;
	transition: background 0.2s ease;
	-webkit-tap-highlight-color: transparent;
	transition: opacity 0.3s ease, scale 0.3s ease;
}
@media (max-width: 680px) {
	.fav-panel__item {
		grid-template-columns: 60px 1fr 34px;
		padding: 5px;
	}
}
@media (hover: hover) {
	.fav-panel__item:hover {
		background: var(--gray-light);
	}
	.fav-panel__item:hover .h6 {
		color: var(--violet-dark);
	}
	.fav-panel__item:hover .cross {
		color: var(--black);
	}
}
.fav-panel__item:active {
	background: var(--gray-light);
}
.fav-panel__item img {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 25px;
	background: var(--gray-light);
}
@media (max-width: 680px) {
	.fav-panel__item img {
		border-radius: 15px;
	}
}
.fav-panel__item .cross {
	width: 34px;
	height: 34px;
	color: var(--gray-dop);
}
.fav-panel__item .cross svg {
	stroke-width: 3px;
}
.fav-panel__item.faded {
	scale: 0.5;
	opacity: 0;
}

.fav-panel__item__middle {
	padding-top: 5px;
}
@media (max-width: 680px) {
	.fav-panel__item__middle {
		padding-top: 0;
	}
}
.fav-panel__item__middle .text-1 {
	color: var(--gray-dop);
	margin-bottom: 0.3em;
	font-size: 16px;
}
@media (max-width: 680px) {
	.fav-panel__item__middle .text-1 {
		font-size: 12px;
	}
}
.fav-panel__item__middle .h6 {
	font-size: 18px;
	transition: color 0.3s ease;
}
@media (max-width: 680px) {
	.fav-panel__item__middle .h6 {
		font-size: 15px;
	}
}

.fav-panel__empty {
	color: var(--gray-dop);
	padding: 15px 10px;
}
@media (max-width: 680px) {
	.fav-panel__empty {
		padding-left: 15px;
	}
}

.cross {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	background: none;
	border: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	border-radius: 10px;
	transition: background 0.1s ease, color 0.1s ease;
	-webkit-user-select: none;
	        user-select: none;
}
@media (hover: hover) {
	.cross:hover {
		background: var(--salat);
		color: var(--black);
	}
}
.cross:active {
	background: var(--salat);
	color: var(--black);
	scale: 0.95;
}
.cross svg {
	display: block;
	width: 100%;
	height: auto;
	fill: currentColor;
}

.breadcrumbs {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 4px);
	z-index: 5;
	margin-right: var(--fancybox-scrollbar-compensate);
}
@media (max-width: 1250px) {
	.breadcrumbs {
		display: none;
	}
}

.breadcrumbs__list {
	display: flex;
	align-items: center;
	font-size: 1.6rem;
	font-weight: 500;
	gap: 0.4em;
	white-space: nowrap;
}
.breadcrumbs__list li {
	display: flex;
	align-items: center;
	color: #FFF;
	gap: 0.25em;
}
.breadcrumbs__list li:last-child {
	color: rgba(255, 255, 255, 0.4);
}
.breadcrumbs__list li:last-child figure {
	display: none;
}

.breadcrumbs__item {
	transition: all 0.3s ease;
	-webkit-tap-highlight-color: transparent;
	white-space: nowrap;
	max-width: 30em;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (hover: hover) {
	.breadcrumbs__item:hover {
		color: var(--salat);
	}
}
.breadcrumbs__item:active {
	color: var(--salat);
}

.s-header--black .breadcrumbs__list li {
	color: var(--black);
}
.s-header--black .breadcrumbs__list li:last-child {
	color: rgba(0, 0, 0, 0.4);
}

.s-header {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	color: #FFF;
	font-family: var(--font-title);
}
@media (max-width: 1250px) {
	.s-header {
		display: none;
	}
}

.s-header--black {
	color: var(--black);
}
.s-header--black .header-top {
	border-color: rgba(0, 0, 0, 0.15);
}

.header-top {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	padding: max(5px, 1rem) 0;
}
.header-top .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.header-top__nav {
	display: flex;
	gap: 2em;
	font-size: 14px;
}

.header-top__nav__link {
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: color 0.3s ease;
	-webkit-user-select: none;
	        user-select: none;
}
@media (hover: hover) {
	.header-top__nav__link:hover {
		color: var(--salat);
	}
}
.header-top__nav__link:active {
	color: var(--salat);
}

.header-top__nav__link--has-sub {
	display: flex;
	align-items: center;
	gap: 0.3em;
}
.header-top__nav__link--has-sub svg {
	stroke: currentColor;
}
@media (hover: hover) {
	.header-top__nav__link--has-sub:hover .header-top__nav__sub {
		opacity: 1;
		visibility: visible;
		translate: 0 0;
	}
}

.header-top__nav__sub {
	position: absolute;
	z-index: 20;
	top: 100%;
	left: 0;
	padding-top: 10px;
	opacity: 0;
	translate: 0 -10px;
	visibility: hidden;
	transition: opacity 0.2s ease, translate 0.2s ease, visibility 0.2s ease;
}

.header-top__nav__sub-list {
	display: flex;
	flex-direction: column;
	background: var(--gray-light);
	border-radius: 10px;
	padding: 10px 5px;
	color: var(--black);
}
.header-top__nav__sub-list a {
	padding: 8px 15px;
	border-radius: 5px;
}
@media (hover: hover) {
	.header-top__nav__sub-list a:hover {
		background: var(--salat);
	}
}
.header-top__nav__sub-list a:active {
	scale: 0.95;
}

.header-top__right {
	display: flex;
	gap: 5px;
}

.fav--header {
	position: relative;
	top: initial;
	right: initial;
	background: rgba(255, 255, 255, 0.2);
	width: 34px;
	height: 34px;
}
@media (hover: hover) {
	.fav--header:hover {
		background: rgba(255, 255, 255, 0.3);
	}
}
.fav--header:active {
	background: rgba(255, 255, 255, 0.4);
}
.fav--header svg {
	fill: currentColor !important;
	stroke: currentColor !important;
}

.header-top__messangers {
	display: flex;
	gap: 5px;
}

.header-top__messanger {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	text-transform: uppercase;
	gap: 6px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 10px;
	height: 34px;
	padding: 0 12px;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	        user-select: none;
	transition: background 0.3s ease, scale 0.1s ease;
}
@media (hover: hover) {
	.header-top__messanger:hover {
		background: rgba(255, 255, 255, 0.3);
	}
}
.header-top__messanger:active {
	background: rgba(255, 255, 255, 0.4);
	scale: 0.96;
}
.header-top__messanger span {
	padding-top: 0.1em;
}
.header-top__messanger svg {
	width: 20px;
	height: auto;
	flex-shrink: 0;
}
.header-top__messanger path {
	fill: var(--accent-color);
}
.header-top__messanger rect {
	fill: #FFF;
}

.header-bottom {
	padding: max(15px, 2.5rem) 0;
}
.header-bottom .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
}

.header-bottom__logo {
	display: block;
	width: max(200px, 43.5rem);
	min-width: 200px;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.header-bottom__logo:hover svg {
		fill: var(--salat);
	}
}
.header-bottom__logo:active svg {
	fill: var(--salat);
}
.header-bottom__logo svg {
	display: block;
	width: 100%;
	height: auto;
	fill: currentColor;
	transition: fill 0.3s ease;
}

.header-bottom__nav {
	display: flex;
	gap: 1.6em;
	font-size: max(14px, 1.8rem);
}

.header-bottom__nav__link {
	font-weight: bold;
	text-transform: lowercase;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
	transition: color 0.3s ease;
}
@media (hover: hover) {
	.header-bottom__nav__link:hover {
		color: var(--salat);
	}
}
.header-bottom__nav__link:active {
	color: var(--salat);
}

.header-bottom__phone {
	font-size: max(18px, 2.2rem);
	font-weight: 600;
	white-space: nowrap;
}

.fixed-panel {
	position: fixed;
	z-index: 48;
	top: 0;
	left: 0;
	right: 0;
	height: 60px;
	margin-right: var(--f-scrollbar-compensate, 0px);
	background: #FFF;
	color: var(--black);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	translate: 0 -101%;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	visibility: hidden;
	transition: translate 0.3s ease, visibility 0.3s ease;
	font-family: var(--font-title);
}
@media (max-width: 1250px) {
	.fixed-panel {
		display: none;
	}
}
.fixed-panel.visible {
	translate: 0 0;
	visibility: visible;
	pointer-events: all;
}
.fixed-panel .container {
	display: flex;
	align-items: center;
	gap: 2rem;
	height: 60px;
}

.fixed-panel__logo {
	display: block;
	width: 42px;
	-webkit-tap-highlight-color: transparent;
	margin-right: 2rem;
}
@media (hover: hover) {
	.fixed-panel__logo:hover svg {
		fill: var(--salat);
	}
}
.fixed-panel__logo:active svg {
	fill: var(--salat);
}
.fixed-panel__logo svg {
	display: block;
	width: 100%;
	height: auto;
	transition: fill 0.3s ease;
}

.fixed-panel__nav {
	display: flex;
	gap: 1.1em;
	font-weight: bold;
	font-size: max(14px, 1.8rem);
	white-space: nowrap;
}

.fixed-panel__nav__link {
	transition: color 0.3s ease;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.fixed-panel__nav__link:hover {
		color: var(--salat);
	}
}
.fixed-panel__nav__link:active {
	color: var(--salat);
}

.fixed-panel__right {
	display: flex;
	align-items: center;
	margin-left: auto;
	gap: 5px;
}

.fixed-panel__phone {
	font-size: max(16px, 2rem);
	font-weight: 600;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
	margin-right: 10px;
}

.s-header-mob {
	position: absolute;
	z-index: 30;
	top: 0;
	left: 0;
	right: 0;
	display: none;
	color: #FFF;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	transition: border 0.2s ease, color 0.2s ease, background 0.2s ease;
}
@media (max-width: 1250px) {
	.s-header-mob {
		display: block;
	}
}

.header-mob {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	height: 50px;
	padding-left: 10px;
	padding-right: 10px;
}
.header-mob .fav--header {
	background: none;
}

.header-mob__left {
	display: flex;
	align-items: center;
	gap: 4px;
}

.header-mob__messangers {
	display: flex;
	align-items: center;
	gap: 10px;
}

.header-mob__messanger {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 34px;
	height: 34px;
	-webkit-tap-highlight-color: transparent;
}
.header-mob__messanger:active {
	scale: 0.95;
}
.header-mob__messanger svg {
	width: 28px;
	height: auto;
	flex-shrink: 0;
}
.header-mob__messanger path {
	fill: var(--accent-color);
}
.header-mob__messanger rect {
	fill: #FFF;
}

.header-mob__logo {
	width: 150px;
	-webkit-tap-highlight-color: transparent;
}
.header-mob__logo:active {
	scale: 0.97;
}
.header-mob__logo svg {
	display: block;
	width: 100%;
	height: auto;
	fill: currentColor;
}

.s-header-mob--black {
	color: var(--black);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.s-header-mob--scrolled {
	position: fixed;
	background: #FFF;
	color: var(--black);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.s-header-mob--opened {
	position: fixed;
	background: #FFF;
	color: var(--black);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.burger {
	position: relative;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	display: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	border-radius: 6px;
	background: transparent;
	-webkit-user-select: none;
	        user-select: none;
}
@media (max-width: 1250px) {
	.burger {
		display: flex;
	}
}
.burger figure {
	position: relative;
	z-index: 2;
	width: 14px;
	height: 2px;
	background: currentColor;
	transition: transform 0.4s ease, width 0.3s ease, background 0.1s ease;
}
.burger figure:before, .burger figure:after {
	content: "";
	width: 14px;
	height: 2px;
	background: currentColor;
	position: absolute;
	transition: transform 0.4s ease, width 0.3s ease;
}
.burger figure:before {
	transform: rotate(0) translate3d(0, -6px, 0);
}
.burger figure:after {
	transform: rotate(0) translate3d(0, 6px, 0);
}
.burger.active figure {
	width: 24px;
	background: transparent;
	transform: rotate(-180deg);
}
.burger.active figure:before {
	width: 24px;
	transform: rotate(-45deg) translate3d(0, 0, 0) scaleX(0.7);
}
.burger.active figure:after {
	width: 24px;
	transform: rotate(45deg) translate3d(0, 0, 0) scaleX(0.7);
}

.mob-panel {
	position: fixed;
	z-index: 29;
	top: 50px;
	left: 0;
	width: 450px;
	max-width: 100%;
	bottom: 0;
	background: #FFF;
	color: var(--black);
	overflow: auto;
	visibility: hidden;
	translate: -105% 0;
	transition: visibility 0.3s ease, translate 0.3s ease;
	overscroll-behavior: none;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	display: none;
}
@media (max-width: 1250px) {
	.mob-panel {
		display: block;
	}
}
.mob-panel.active {
	visibility: visible;
	translate: 0 0%;
}
.mob-panel.active ~ .body-overlay {
	z-index: 28;
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

.mob-panel__main {
	padding: 24px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-family: var(--font-title);
	font-weight: bold;
}

.mob-panel__big-links {
	font-size: 24px;
}

.mob-panel__big-link {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 0.5em;
	-webkit-tap-highlight-color: transparent;
}
.mob-panel__big-link:active {
	color: var(--salat);
}
.mob-panel__big-link:last-child {
	margin-bottom: 0;
}
.mob-panel__big-link img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.mob-panel__links {
	display: flex;
	flex-direction: column;
	padding: 12px 0;
	font-size: 22px;
}
.mob-panel__links a {
	padding: 0.3em 0;
	-webkit-tap-highlight-color: transparent;
}
.mob-panel__links a:active {
	color: var(--salat);
}

.mob-panel__toggler {
	margin-left: -15px;
	margin-right: -15px;
	border-radius: 10px;
	transition: background 0.3s ease;
}

.mob-panel__toggler--opened {
	background: var(--gray-light);
}
.mob-panel__toggler--opened .mob-panel__toggler__content {
	height: auto;
}
.mob-panel__toggler--opened .mob-panel__toggler__head svg {
	transform: scaleY(-1);
}

.mob-panel__toggler__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
	font-size: 22px;
	border-radius: 15px;
	padding: 15px;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	        user-select: none;
}
.mob-panel__toggler__head svg {
	width: 0.8em;
	height: auto;
	transition: transform 0.15s ease;
}

.mob-panel__toggler__content {
	overflow: hidden;
	height: 0;
	transition: height 0.3s ease;
	transition-behavior: allow-discrete;
}

.mob-panel__toggler__links {
	display: flex;
	flex-direction: column;
	font-size: 16px;
	padding: 2px 15px 15px 30px;
}
.mob-panel__toggler__links a {
	padding: 0.3em 0;
	-webkit-tap-highlight-color: transparent;
}
.mob-panel__toggler__links a:active {
	color: var(--salat);
}

.mob-panel__gray-links {
	padding-top: 24px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	font-size: 14px;
	text-transform: uppercase;
}
.mob-panel__gray-links a {
	-webkit-tap-highlight-color: transparent;
	color: var(--gray-dop);
}
.mob-panel__gray-links a:active {
	color: var(--salat);
}

.mob-panel__bottom {
	padding: 24px 20px;
}
.mob-panel__bottom .footer__socials {
	margin-top: 20px;
}
.mob-panel__bottom .footer__socials .soc {
	background: var(--gray-light);
}
.mob-panel__bottom .footer__socials .footer__socials__note {
	font-size: 10px;
}
.mob-panel__bottom .footer__catalog {
	margin-top: 40px;
	font-size: 16px;
	height: 90px;
	width: 300px;
	max-width: 100%;
	padding: 10px 15px;
	-webkit-tap-highlight-color: transparent;
}
.mob-panel__bottom .footer__catalog img {
	width: 150px;
	right: 10%;
}

.mob-panel__phone {
	font-size: 34px;
	white-space: nowrap;
}

.mob-panel__actions {
	display: flex;
	align-items: center;
	gap: 5px;
	padding-top: 12px;
}
.mob-panel__actions .btn {
	height: 40px;
	font-size: 12px;
	border-radius: 8px;
}

.mob-panel__messanger {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	flex-shrink: 0;
	background: var(--accent-color, #000);
	-webkit-user-select: none;
	        user-select: none;
	-webkit-tap-highlight-color: transparent;
}
.mob-panel__messanger:active {
	scale: 0.95;
}
.mob-panel__messanger svg {
	width: 22px;
	height: auto;
}
.mob-panel__messanger rect {
	fill: var(--accent-color, #000);
}
.mob-panel__messanger path {
	fill: #FFF;
}

.body-overlay {
	position: fixed;
	z-index: 28;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	visibility: hidden;
	pointer-events: none;
}
.body-overlay.active {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

.page-wrap {
	position: relative;
}

.top-panel {
	display: block;
	position: relative;
	height: 6rem;
	overflow: clip;
	transition: height 0.3s ease;
}
@media (width > 1920px) {
	.top-panel {
		height: 3vw;
	}
}
@media (max-width: 1250px) {
	.top-panel {
		height: 50px;
	}
}
@media (max-width: 680px) {
	.top-panel {
		height: auto;
	}
}
.top-panel.closed {
	height: 0;
}

.top-panel__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 680px) {
	.top-panel__img {
		height: auto;
	}
}

.top-panel__close {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: 10px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.3);
	border: none;
	cursor: pointer;
	transition: background 0.3s ease;
}
@media (hover: hover) {
	.top-panel__close:hover {
		background: rgba(0, 0, 0, 0.9);
	}
}
.top-panel__close:active {
	background: rgba(0, 0, 0, 0.9);
}

.s-footer {
	background: var(--black);
	color: #FFF;
}

.footer {
	display: flex;
	display: grid;
	grid-template-columns: 1fr 0.9fr 0.5fr 1fr minmax(306px, 0.8fr);
	gap: max(20px, 4rem);
	padding: max(40px, 8rem) 0;
}
@media (max-width: 1024px) {
	.footer {
		display: block;
	}
}

.footer__col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

@media (max-width: 1024px) {
	.footer__col--hide-mob {
		display: none;
	}
}

.footer__nav-title {
	font-size: max(18px, 4.8rem);
	white-space: nowrap;
	margin-bottom: 0.5em;
}

.footer__nav {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-family: var(--font-title);
	font-size: max(12px, 2.2rem);
	line-height: 1.3;
	font-weight: 400;
	gap: 0.5em;
}
.footer__nav a {
	-webkit-tap-highlight-color: transparent;
	transition: color 0.3s ease;
}
@media (hover: hover) {
	.footer__nav a:hover {
		color: var(--salat);
	}
}
.footer__nav a:active {
	color: var(--salat);
}
.footer__nav a.active {
	color: var(--salat);
}

.footer__col__bottom {
	margin-top: auto;
	padding-top: 20px;
	width: 100%;
}

.footer__catalog {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	gap: 5px;
	padding: max(8px, 1.6rem);
	background: var(--violet-dark);
	color: #FFF;
	border-radius: max(5px, 1rem);
	width: max(140px, 27.6rem);
	height: max(54px, 10.5rem);
	font-family: var(--font-title);
	font-size: max(9px, 1.8rem);
	font-weight: 500;
	line-height: 1;
	-webkit-user-select: none;
	        user-select: none;
	transition: background 0.3s ease, color 0.3s ease, scale 0.1s ease;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.footer__catalog:hover {
		background: var(--salat);
		color: var(--black);
	}
}
.footer__catalog:active {
	scale: 0.97;
}
.footer__catalog img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: max(80px, 16.3rem);
	height: auto;
	aspect-ratio: 163/123;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}

@media (max-width: 1024px) {
	.footer__col--last {
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		width: 100%;
		gap: 20px;
	}
}
@media (max-width: 680px) {
	.footer__col--last {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}
@media (max-width: 1024px) {
	.footer__col--last .footer__col__bottom {
		padding-top: initial;
		margin-top: initial;
		width: initial;
	}
}

.footer__col__phone-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
@media (max-width: 1024px) {
	.footer__col__phone-actions {
		width: initial;
	}
}
@media (max-width: 680px) {
	.footer__col__phone-actions {
		align-items: center;
	}
}

.footer__phone {
	font-size: max(16px, 3.6rem);
	padding-top: 0.1em;
	white-space: nowrap;
	letter-spacing: -0.02em;
}
@media (max-width: 1024px) {
	.footer__phone {
		font-size: 24px;
	}
}

.footer__callback {
	width: 100%;
	margin-top: max(10px, 3rem);
}
@media (max-width: 1024px) {
	.footer__callback {
		width: auto;
	}
}

.footer__messengers {
	display: flex;
	align-items: center;
	gap: 40px;
	background: #4B4B4B;
	border-radius: 15px;
	padding: 12px 15px;
	width: 100%;
}
.footer__messenger {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: var(--font-title);
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
	text-transform: uppercase;
	-webkit-user-select: none;
	        user-select: none;
	transition: color 0.3s ease;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.footer__messenger:hover {
		color: var(--salat);
	}
}
.footer__messenger:active {
	color: var(--salat);
}
.footer__messenger svg {
	width: 36px;
	height: auto;
	flex-shrink: 0;
}
.footer__messenger svg rect {
	fill: var(--accent-color);
}

.footer__socials {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-top: 10px;
}

.soc {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: #FFF;
	border-radius: 50%;
	transition: background 0.3s ease, scale 0.1s ease;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	        user-select: none;
	flex-shrink: 0;
}
@media (hover: hover) {
	.soc:hover {
		background: var(--salat);
	}
}
.soc:active {
	background: var(--salat);
	scale: 0.95;
}

.footer__socials__note {
	font-family: var(--font-title);
	font-size: 13px;
	line-height: 1.3;
	color: var(--gray-dop);
	text-align: left;
}

.footer-bottom {
	display: grid;
	gap: max(20px, 6rem) max(20px, 4rem);
	grid-template-columns: 1fr 0.9fr 0.5fr 1fr minmax(306px, 0.8fr);
	position: relative;
	padding: max(40px, 8rem) 0;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	font-family: var(--font-title);
	font-size: max(12px, 1.8rem);
	line-height: 1.3;
	font-weight: normal;
}
@media (max-width: 1024px) {
	.footer-bottom {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (max-width: 680px) {
	.footer-bottom {
		grid-template-columns: 1fr;
		gap: 10px;
		text-align: center;
	}
}
.footer-bottom > *:not(.footer-bottom__logo) {
	position: relative;
	z-index: 2;
}
.footer-bottom a {
	display: inline-block;
	color: var(--salat);
	transition: text-decoration-color 0.3s ease;
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba(0, 0, 0, 0.1);
	text-underline-offset: 0.3em;
	-webkit-tap-highlight-color: transparent;
	max-width: 18em;
}
@media (max-width: 680px) {
	.footer-bottom a {
		max-width: 100%;
	}
}
@media (hover: hover) {
	.footer-bottom a:hover {
		text-decoration-color: currentColor;
	}
}
.footer-bottom a:active {
	text-decoration-color: currentColor;
}

.footer-bottom__wide {
	grid-column: span 2;
}
@media (max-width: 1024px) {
	.footer-bottom__wide {
		grid-column: initial;
	}
}

@media (max-width: 680px) {
	.footer-bottom__pb {
		order: 2;
	}
}

.footer-bottom__logo {
	position: absolute;
	left: 0;
	top: 50%;
	translate: 0 -50%;
	width: 100%;
	height: auto;
	z-index: 0;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
@media (max-width: 680px) {
	.footer-bottom__logo {
		translate: initial;
		top: 30px;
	}
}
.footer-bottom__logo svg {
	display: block;
	width: 100%;
	height: auto;
	fill: #303030;
}
.footer-bottom__logo:after {
	content: "";
	position: absolute;
	top: 0;
	left: -2px;
	bottom: -2px;
	right: -2px;
	background: linear-gradient(to top, rgb(38, 38, 38), rgba(38, 38, 38, 0));
}
.footer-bottom__logo.anim path {
	opacity: 0;
	translate: -5% 0;
	transition: opacity 0.6s ease, translate 1s ease;
}
.footer-bottom__logo.anim path:nth-child(1) {
	transition-delay: 0.1s;
}
.footer-bottom__logo.anim path:nth-child(2) {
	transition-delay: 0.2s;
}
.footer-bottom__logo.anim path:nth-child(3) {
	transition-delay: 0.3s;
}
.footer-bottom__logo.anim path:nth-child(4) {
	transition-delay: 0.4s;
}
.footer-bottom__logo.anim path:nth-child(5) {
	transition-delay: 0.5s;
}
.footer-bottom__logo.anim path:nth-child(6) {
	transition-delay: 0.6s;
}
.footer-bottom__logo.anim path:nth-child(7) {
	transition-delay: 0.7s;
}
.footer-bottom__logo.anim path:nth-child(8) {
	transition-delay: 0.8s;
}
.footer-bottom__logo.animated path {
	opacity: 1;
	translate: 0 0%;
}

.s-cite {
	overflow: clip;
}

.cite {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.cite__title {
	max-width: 13em;
	margin-bottom: max(30px, 0.5em);
}
@media (max-width: 480px) {
	.cite__title {
		margin-bottom: 30px;
	}
}

.cite__subtitle {
	max-width: 20em;
	margin-top: max(40px, 6rem);
	font-size: max(16px, 3.2rem);
	margin-left: auto;
	margin-right: auto;
}

.cite-hero {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: max(30px, 6rem);
}
@media (max-width: 680px) {
	.cite-hero {
		flex-direction: column;
	}
}

.cite-hero__stage {
	position: relative;
	height: max(120px, 27rem);
	overflow-y: clip;
}

.cite-hero__stage__back {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: auto;
	margin: 0 auto;
	z-index: 1;
}

.cite-hero__stage__man {
	display: block;
	position: relative;
	height: 100%;
	width: auto;
	z-index: 2;
}

.cite-hero__stage__front {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 100%;
	width: auto;
	margin: 0 auto;
	z-index: 3;
}

.cite-hero.anim .cite-hero__name {
	opacity: 0;
	translate: 0 100%;
	transition: opacity 0.6s ease, translate 0.6s ease;
	transition-delay: 1s;
}
.cite-hero.anim .cite-hero__descr {
	opacity: 0;
	translate: 0 100%;
	transition: opacity 0.6s ease, translate 0.6s ease;
	transition-delay: 1.15s;
	color: var(--gray-text);
}
.cite-hero.anim .cite-hero__stage {
	opacity: 0;
	scale: 0.6;
	transition: opacity 0.6s ease, scale 0.6s ease;
}
.cite-hero.anim .cite-hero__stage__man {
	opacity: 0;
	translate: 0 10%;
	transform-origin: center bottom;
	transition: opacity 0.6s ease 0.6s, translate 0.6s ease 0.6s;
}
.cite-hero.anim.animated .cite-hero__name {
	opacity: 1;
	translate: 0 0%;
}
.cite-hero.anim.animated .cite-hero__descr {
	opacity: 1;
	translate: 0 0%;
}
.cite-hero.anim.animated .cite-hero__stage {
	opacity: 1;
	scale: 1;
}
.cite-hero.anim.animated .cite-hero__stage__man {
	opacity: 1;
	translate: 0 0%;
}

.s-cite--home .cite-hero__name {
	position: relative;
	left: 4rem;
}
@media (max-width: 680px) {
	.s-cite--home .cite-hero__name {
		left: initial;
	}
}

.cite__stage {
	position: relative;
	width: 100%;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}

.cite__items {
	position: relative;
	line-height: 1.2;
	height: 1.2em;
	font-family: var(--font-title);
	font-size: max(50px, 14rem);
	font-weight: 600;
	white-space: nowrap;
	text-transform: lowercase;
	letter-spacing: -0.02em;
}
@media (max-width: 480px) {
	.cite__items {
		font-size: 22rem;
	}
}

.cite__item {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0;
	translate: 0 50% 0;
	scale: 0.6;
	transition: translate 1s ease, scale 1s ease, opacity 1s ease;
	will-change: translate, opacity;
	color: var(--cite-color, var(--violet-light));
}

.cite__item.active {
	opacity: 1;
	translate: 0 0% 0;
	scale: 1;
	transition: translate 1.6s ease, scale 1.6s ease, opacity 1.6s ease;
}

.cite__item.past {
	opacity: 0;
	translate: 0 -50% 0;
	scale: 0.6;
	transition: translate 1s ease, scale 1s ease, opacity 1s ease;
}

.cite__labels-wrap {
	position: absolute;
	inset: 0;
	z-index: 2;
}

.cite__labels {
	position: absolute;
	inset: 0;
	color: var(--cite-color, var(--violet-light));
}

.cite__labels.past .cite__label {
	scale: 0.5;
	opacity: 0;
	transition-delay: 0 !important;
	transition-duration: 0.2s !important;
}

.cite__labels.active .cite__label {
	scale: 1;
	opacity: 1;
}

.cite__label {
	position: absolute;
	background: #FFF;
	border-radius: 1.8rem;
	font-family: var(--font-title);
	font-size: max(12px, 2rem);
	font-weight: 500;
	white-space: nowrap;
	padding: 0.8em 1.2em;
	box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, 0.1);
	color: var(--cite-color);
	opacity: 0;
	scale: 0.5;
	transition: scale 1s ease, opacity 1s ease;
}
@media (max-width: 680px) {
	.cite__label {
		padding: 0.4em 0.8em;
	}
}
.cite__label:nth-child(1) {
	transition-delay: 0s;
}
.cite__label:nth-child(2) {
	transition-delay: 0.1s;
}
.cite__label:nth-child(3) {
	transition-delay: 0.2s;
}
.cite__label:nth-child(4) {
	transition-delay: 0.3s;
}
.cite__label:nth-child(5) {
	transition-delay: 0.4s;
}

.cite__label:nth-child(1) {
	left: calc(50% - 55rem);
	top: -2rem;
}
@media (max-width: 480px) {
	.cite__label:nth-child(1) {
		left: 0;
		top: -20px;
	}
}

.cite__label:nth-child(2) {
	left: calc(50% - 35rem);
	bottom: -3rem;
}
@media (max-width: 480px) {
	.cite__label:nth-child(2) {
		bottom: -24px;
	}
}

.cite__label:nth-child(3) {
	left: 50%;
	top: 1rem;
}
@media (max-width: 480px) {
	.cite__label:nth-child(3) {
		left: 40%;
		top: -24px;
	}
}

.cite__label:nth-child(4) {
	left: calc(50% + 40rem);
	top: -1rem;
}
@media (max-width: 480px) {
	.cite__label:nth-child(4) {
		left: initial;
		right: 0;
		top: -20px;
	}
}

.cite__label:nth-child(5) {
	left: calc(50% + 25rem);
	bottom: -2rem;
}
@media (max-width: 480px) {
	.cite__label:nth-child(5) {
		bottom: -28px;
	}
}

.cite.anim .cite__title {
	opacity: 0;
	translate: 0 50%;
	transition: translate 1s ease, opacity 1s ease;
}
.cite.anim .cite__items {
	opacity: 0;
	scale: 0.8;
	transition: scale 1s ease 0.4s, opacity 1s ease 0.4s;
}
.cite.anim .cite__bottom {
	opacity: 0;
	translate: 0 10%;
	transition: translate 1s ease 0.8s, opacity 1s ease 0.8s;
}
.cite.anim .cite__labels.active .cite__label {
	opacity: 0;
	scale: 0.5;
}
.cite.anim.animated .cite__title {
	opacity: 1;
	translate: 0 0%;
}
.cite.anim.animated .cite__items {
	opacity: 1;
	scale: 1;
}
.cite.anim.animated .cite__labels.active .cite__label {
	opacity: 1;
	scale: 1;
}
.cite.anim.animated .cite__bottom {
	opacity: 1;
	translate: 0 0%;
}

.order {
	display: grid;
	grid-template-columns: 1fr 1fr;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 146.5rem;
	max-width: 100%;
	min-height: 60rem;
	border-radius: var(--br-25);
	background: var(--accent-color, var(--black));
	color: #FFF;
	margin-top: 10rem;
}
@media (max-width: 1550px) {
	.order {
		width: 90%;
		grid-template-columns: 0.8fr 1fr;
	}
}
@media (max-width: 1250px) {
	.order {
		width: 100%;
		grid-template-columns: 0.6fr 1fr;
	}
}
@media (max-width: 1024px) {
	.order {
		margin-top: initial;
	}
}
@media (max-width: 680px) {
	.order {
		max-width: 440px;
		margin-left: auto;
		margin-right: auto;
		grid-template-columns: 1fr;
	}
}

.order--black-text {
	background: var(--accent-color, var(--gray-light));
	color: var(--black);
}

.order.anim {
	opacity: 0;
	scale: 0.9;
	transition: scale 1s ease, opacity 1s ease;
}
.order.anim .order__img {
	opacity: 0;
	scale: 0.9;
	transform-origin: center bottom;
	transition: scale 1s ease 0.5s, opacity 1s ease 0.5s;
}
.order.anim.animated {
	opacity: 1;
	scale: 1;
}
.order.anim.animated .order__img {
	opacity: 1;
	scale: 1;
}

.order__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 70% center;
	border-radius: var(--br-25);
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}

.order__left {
	position: relative;
	z-index: 2;
}
@media (max-width: 680px) {
	.order__left {
		order: 2;
		position: static;
	}
}

.order__img {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 73rem;
	height: auto;
	max-width: 100%;
	aspect-ratio: 730/720;
	object-position: center bottom;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	border-radius: 0 0 0 var(--br-25);
}
@media (max-width: 680px) {
	.order__img {
		display: block;
		width: 65%;
		position: relative;
		border-radius: 0 0 var(--br-25) var(--br-25);
	}
}

.order__img-blur-wrap {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow-y: clip;
	opacity: 0.7;
}
@media (max-width: 1024px) {
	.order__img-blur-wrap {
		display: none;
	}
}

.order__img--blurred {
	filter: blur(50px);
}

.order__right {
	position: relative;
	z-index: 5;
	align-self: center;
	padding: 6rem 6rem 6rem 5px;
}
@media (max-width: 680px) {
	.order__right {
		padding: 20px;
	}
}

.order__title {
	max-width: 16em;
	margin-bottom: 0.6em;
}

.order__descr {
	max-width: 30em;
}
@media (max-width: 680px) {
	.order__descr--hide-mob {
		display: none;
	}
}

.order__form {
	margin-top: max(15px, 2.5rem);
}
@media (max-width: 1024px) {
	.order__form {
		max-width: 400px;
	}
}
.order__form .style-checkbox {
	margin-top: 12px;
}

.order__form__row {
	display: flex;
	gap: 7px;
}
@media (max-width: 1024px) {
	.order__form__row {
		flex-wrap: wrap;
	}
}
.order__form__row .input {
	max-width: 300px;
}
@media (max-width: 1024px) {
	.order__form__row .input {
		width: 100%;
		max-width: 100%;
		flex-shrink: 0;
	}
}
.order__form__row .btn {
	width: 190px;
	flex-shrink: 0;
}
@media (max-width: 1024px) {
	.order__form__row .btn {
		flex: 1;
		order: 1;
	}
}

.order__socs {
	display: flex;
	gap: 7px;
	padding-left: 7px;
}
@media (max-width: 1024px) {
	.order__socs {
		padding-left: 0;
		order: 2;
	}
}
.order__socs .soc-icon path {
	fill: var(--violet-light);
}

.soc-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: top;
	background: #FFF;
	border-radius: 15px;
	width: 60px;
	height: 60px;
	flex-shrink: 0;
	transition: scale 0.1s ease;
	-webkit-tap-highlight-color: transparent;
}
@media (max-width: 1024px) {
	.soc-icon {
		width: 50px;
		height: 50px;
		border-radius: 12px;
	}
}
@media (max-width: 680px) {
	.soc-icon {
		width: 40px;
		height: 40px;
		border-radius: 10px;
	}
}
@media (hover: hover) {
	.soc-icon:hover {
		scale: 1.05;
	}
}
.soc-icon:active {
	scale: 0.95;
}
.soc-icon svg {
	width: 32px;
	height: auto;
}
@media (max-width: 1024px) {
	.soc-icon svg {
		width: 26px;
	}
}
@media (max-width: 680px) {
	.soc-icon svg {
		width: 22px;
	}
}
.soc-icon rect {
	fill: #FFF;
}
.soc-icon path {
	fill: var(--accent-color, var(--violet-light));
}

.soc-icon-text {
	display: flex;
	align-items: center;
	gap: max(6px, 1rem);
}
@media (hover: hover) {
	.soc-icon-text:hover .soc-icon {
		scale: 1.05;
	}
}
.soc-icon-text:active .soc-icon {
	scale: 0.95;
}

.intro-slider-wrap {
	overflow: clip;
}

.intro-slider {
	width: calc(round(to-zero, 100%, 1px) + 2px);
}
.intro-slider .swiper-slide {
	height: auto;
	display: flex;
	overflow: clip;
}
.intro-slider .slider-pagination {
	position: absolute;
	z-index: 10;
	bottom: max(20px, 7rem);
}
@media (max-width: 680px) {
	.intro-slider .slider-pagination {
		bottom: 35px;
		left: initial;
		right: 20px;
		width: auto;
	}
}

.intro {
	display: flex;
	position: relative;
	width: 100%;
	padding-top: max(100px, 23rem);
	padding-bottom: max(20px, 5.5rem);
	min-height: 90rem;
	background: var(--bg-color, var(--black));
	color: #FFF;
	overflow: clip;
	transform: translateZ(0px);
}
@media (max-width: 1250px) {
	.intro {
		padding-top: 68px;
	}
}
@media (max-width: 680px) {
	.intro {
		min-height: 110vw;
	}
}
@media (max-width: 480px) {
	.intro {
		min-height: 140vw;
	}
}
.intro .container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	z-index: 5;
	transform: translateZ(0px);
}
.intro:before {
	content: "";
	position: absolute;
	z-index: 4;
	inset: 0;
	background: rgba(0, 0, 0, 0.1);
	opacity: 0;
	transform: translateZ(0px);
}
@media (max-width: 680px) {
	.intro:before {
		opacity: 1;
	}
}
.intro:after {
	content: "";
	position: absolute;
	z-index: 4;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 20%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0));
	opacity: 0;
	transform: translateZ(0px);
}
@media (max-width: 680px) {
	.intro:after {
		opacity: 1;
	}
}

.intro--black-text {
	background: var(--bg-color, #FFF);
	color: var(--black);
}
.intro--black-text:after {
	background: linear-gradient(to top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
}
.intro--black-text .intro__picture:before {
	background: linear-gradient(to bottom, var(--bg-color, #FFF), transparent);
}

.intro--video:before {
	background: rgba(0, 0, 0, 0.3);
	opacity: 1;
}

.intro__top {
	display: flex;
	flex-direction: column;
}
@media (max-width: 680px) {
	.intro__top {
		width: 100%;
	}
}

.intro__top--middle {
	margin-top: auto;
	translate: 0 -4rem;
}
@media (max-width: 680px) {
	.intro__top--middle {
		margin-top: initial;
		translate: 0;
	}
}

.intro__uptitle {
	font-family: var(--font-title);
	text-transform: uppercase;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 1em;
	font-size: max(12px, 1.8rem);
}

.intro__title {
	max-width: 13em;
	text-wrap: balance;
}
@media (max-width: 680px) {
	.intro__title {
		font-size: max(24px, 12rem);
	}
}

.intro__title--big-strong strong {
	display: block;
	font-size: 1.6em;
}
@media (max-width: 680px) {
	.intro__title--big-strong strong {
		font-size: 1em;
	}
}

.intro__descr {
	max-width: 30em;
	margin-top: max(15px, 3rem);
	text-wrap: pretty;
}
@media (max-width: 1024px) {
	.intro__descr {
		font-size: max(14px, 2rem);
		max-width: 25em;
	}
}

.intro__bottom {
	margin-top: auto;
	padding-top: 40px;
}

.intro__cta-text {
	max-width: 30em;
	text-wrap: balance;
	margin-bottom: max(12px, 2rem);
}
@media (max-width: 680px) {
	.intro__cta-text {
		display: none;
		font-size: max(12px, 4rem);
	}
}

.intro__picture {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 680px) {
	.intro__picture:not(.intro__picture--mob-full) {
		width: 210%;
		height: auto;
		aspect-ratio: 769/360;
		top: initial;
		bottom: 0;
		left: -90%;
	}
}
.intro__picture:before {
	content: "";
	position: absolute;
	z-index: 3;
	top: -2px;
	left: 0;
	width: 100%;
	height: 25%;
	background: linear-gradient(to bottom, var(--bg-color, var(--black)), transparent);
	opacity: 0;
	pointer-events: none;
}
@media (max-width: 680px) {
	.intro__picture:before {
		opacity: 1;
	}
}
.intro__picture img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.intro__video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translateZ(0px);
}

.intro-tags {
	display: flex;
	gap: max(4px, 0.7rem);
	flex-wrap: wrap;
	margin-bottom: max(15px, 2rem);
}

.intro-tag {
	display: flex;
	gap: max(8px, 1rem);
	align-items: center;
	background: #FFF;
	color: var(--black);
	font-size: max(10px, 1.8rem);
	padding: 0.5em 0.7em;
	border-radius: max(6px, 1rem);
}
.intro-tag:after {
	content: "";
	width: max(10px, 1.6rem);
	height: max(10px, 1.6rem);
	border-radius: 50%;
	flex-shrink: 0;
	background: var(--black);
	border: max(3px, 0.4rem) solid var(--accent-color, var(--salat));
}

.intro-actions {
	display: flex;
	gap: 10px;
}
.intro-actions .fav {
	position: relative;
	top: initial;
	right: initial;
	width: 60px;
	height: 60px;
}
@media (max-width: 1024px) {
	.intro-actions .fav {
		width: 50px;
		height: 50px;
	}
}
@media (max-width: 680px) {
	.intro-actions .fav {
		width: 40px;
		height: 40px;
	}
}
.intro-actions .fav svg {
	max-width: 50px;
	height: auto;
}

.intro-preims {
	display: flex;
	flex-wrap: wrap;
	gap: max(4px, 1rem);
	max-width: max(360px, 70rem);
	margin-top: max(15px, 3rem);
}
@media (max-width: 680px) {
	.intro-preims {
		display: none;
	}
}

.intro-preims--mob {
	display: none;
}
@media (max-width: 680px) {
	.intro-preims--mob {
		display: flex;
		display: none;
	}
}

.intro-preim {
	font-style: italic;
	font-size: max(9px, 1.8rem);
	border: 1px solid rgba(255, 255, 225, 0.5);
	padding: 0.5em 0.9em;
	border-radius: 20px;
	white-space: nowrap;
	text-transform: lowercase;
}

.s-quiz:has(.modal), .s-quiz:has([inert]) {
	display: none;
}

.quiz {
	display: grid;
	grid-template-columns: minmax(0, 808fr) minmax(0, 500fr);
	gap: 5px 10px;
	width: 131.8rem;
	margin-left: auto;
	margin-right: auto;
	min-height: 63rem;
	margin-top: max(50px, 12rem);
}
@media (max-width: 1250px) {
	.quiz {
		width: 160rem;
	}
}
@media (max-width: 1024px) {
	.quiz {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.quiz {
		width: 100%;
		grid-template-columns: minmax(0, 1fr);
	}
}

.quiz__left {
	position: relative;
	background: var(--quiz-bg, var(--violet-dark));
	color: #FFF;
	padding: max(20px, 5rem);
	border-radius: var(--br-25);
}
@media (max-width: 768px) {
	.quiz__left {
		min-height: 100rem;
	}
}
@media (max-width: 768px) {
	.quiz__left {
		min-height: 55rem;
	}
}
.quiz__left .h2 {
	max-width: 7em;
	margin-bottom: 0.7em;
	position: relative;
	z-index: 2;
}
@media (max-width: 768px) {
	.quiz__left .h2 {
		max-width: 10em;
		font-size: 11rem;
	}
}
.quiz__left .text-3 {
	max-width: 13em;
	position: relative;
	z-index: 2;
	font-size: max(14px, 2rem);
}
@media (max-width: 768px) {
	.quiz__left .text-3 {
		font-size: 5rem;
		display: none;
	}
}

.quiz__line-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--br-25);
	overflow: clip;
}

.quiz__line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	border-radius: var(--br-25);
	stroke: var(--quiz-line, #5A548F);
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
.quiz__img {
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: var(--br-25);
	width: 55rem;
	height: auto;
	aspect-ratio: 550/750;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
@media (max-width: 768px) {
	.quiz__img {
		width: 90rem;
	}
}
@media (max-width: 768px) {
	.quiz__img {
		width: 60rem;
	}
}

.quiz__right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	background: var(--quiz-bg, var(--violet-dark));
	color: #FFF;
	border-radius: var(--br-25);
	-webkit-user-select: none;
	        user-select: none;
}

.quiz__slider {
	width: 100%;
}

.quiz-step {
	padding: max(20px, 4rem);
	padding-bottom: 2px;
}

.quiz-step__title {
	margin-bottom: 0.5em;
}

.quiz-step__radios {
	display: grid;
	gap: 5px;
	-webkit-user-select: none;
	        user-select: none;
}

.quiz-radio {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	position: relative;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	border: 1px solid #FFF;
	border-radius: 10px;
	font-size: max(14px, 2rem);
	padding: max(14px, 1.7rem);
	line-height: 1.2;
	opacity: 0.5;
	transition: opacity 0.1s ease, background 0.1s ease, color 0.1s ease, scale 0.1s ease;
}
.quiz-radio input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
}
.quiz-radio span {
	pointer-events: none;
}
.quiz-radio svg {
	width: max(12px, 2rem);
	height: auto;
	flex-shrink: 0;
	stroke: currentColor;
	pointer-events: none;
}
.quiz-radio:has(:checked) {
	background: #FFF;
	color: var(--black);
	opacity: 1;
}
@media (hover: hover) {
	.quiz-radio:hover {
		opacity: 1;
		background: #FFF;
		color: var(--black);
	}
}
.quiz-radio:active {
	scale: 0.97;
}

.quiz__form {
	margin-top: 20px;
}

.quiz__nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 max(20px, 4rem) max(15px, 2rem);
	position: relative;
}

.modal--quiz {
	width: 131.8rem;
	padding: 0;
	background: none;
}
@media (max-width: 1250px) {
	.modal--quiz {
		width: 160rem;
	}
}
@media (max-width: 1024px) {
	.modal--quiz {
		width: 100%;
	}
}
.modal--quiz .f-button[data-fancybox-close] {
	top: -15px;
	right: -15px;
}
@media (max-width: 680px) {
	.modal--quiz .f-button[data-fancybox-close] {
		top: -18px;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
}
.modal--quiz .quiz {
	margin-top: 0;
}
.modal--quiz .quiz-step__title {
	padding-right: 15px;
}

.show-preview {
	display: block;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.show-preview:hover .show-preview__img {
		scale: 1.05;
	}
	.show-preview:hover .btn-arrow {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	.show-preview:hover .btn-arrow path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	.show-preview:hover .btn-arrow path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
	.show-preview:hover .btn-arrow.btn-arrow--anim {
		width: var(--btn-width, auto);
	}
}
.show-preview:active .show-preview__img {
	scale: 1.05;
}
.show-preview:active .btn-arrow {
	background: var(--btn-bg, var(--salat));
}

.show-preview__stage {
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
	width: 100%;
	height: auto;
	aspect-ratio: 573/650;
	background: var(--gray-light);
}
.show-preview__stage:before {
	content: "";
	position: absolute;
	z-index: 1;
	width: max(200px, 50rem);
	height: max(200px, 50rem);
	border-radius: 50%;
	background: radial-gradient(circle closest-side at 50% 50%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	bottom: min(-100px, -25rem);
	right: min(-100px, -25rem);
}
.show-preview__stage .btn--play {
	position: absolute;
	z-index: 5;
	bottom: max(10px, 2rem);
	left: max(10px, 2rem);
}

.show-preview__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: scale 0.3s ease;
}

.show-preview__bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: max(5px, 2rem);
	padding-top: max(10px, 2rem);
}

.show-preview__title {
	font-size: max(14px, 3.6rem);
}

.show-preview__descr {
	padding-top: max(8px, 1.5rem);
	font-size: max(10px, 1.8rem);
	max-width: 40em;
}
@media (max-width: 480px) {
	.show-preview__descr {
		display: none;
	}
}

.show-label {
	display: inline-block;
	width: max(40px, 10.6rem);
	height: auto;
	aspect-ratio: 1/1;
	position: absolute;
	bottom: max(8px, 2rem);
	right: max(8px, 2rem);
	z-index: 2;
}

.show-preview__bottom-row {
	display: grid;
	grid-template-columns: 1fr 1fr max(25px, 5rem);
	gap: 10px 20px;
	padding-top: max(15px, 4rem);
}
@media (max-width: 680px) {
	.show-preview__bottom-row {
		grid-template-columns: 1fr 25px;
	}
}
.show-preview__bottom-row .show-preview__title {
	max-width: 14em;
}
@media (max-width: 680px) {
	.show-preview__bottom-row .show-preview__title {
		order: 1;
		max-width: 100%;
		font-size: max(24px, 4.8rem);
	}
}
.show-preview__bottom-row .show-preview__descr {
	padding-top: 0;
	max-width: 25em;
}
@media (max-width: 680px) {
	.show-preview__bottom-row .show-preview__descr {
		grid-column: span 2;
		order: 3;
		font-size: max(14px, 1.8rem);
	}
}
@media (max-width: 480px) {
	.show-preview__bottom-row .show-preview__descr {
		display: block;
	}
}
@media (max-width: 680px) {
	.show-preview__bottom-row .btn-arrow {
		order: 2;
	}
}
.show-preview__bottom-row .intro-tags {
	padding-top: max(10px, 2rem);
	margin-bottom: initial;
}
.show-preview__bottom-row .btn-double {
	margin-top: max(10px, 2rem);
}

.show-preview-big {
	display: block;
	position: relative;
	height: 70rem;
	border-radius: var(--br-25);
	overflow: clip;
	--bg-color: 0, 0, 0;
	background: var(--bg-color);
	color: #FFF;
	-webkit-tap-highlight-color: transparent;
}
@media (max-width: 1024px) {
	.show-preview-big {
		height: 380px;
	}
}
@media (max-width: 680px) {
	.show-preview-big {
		height: 300px;
	}
}
@media (max-width: 480px) {
	.show-preview-big {
		height: auto;
	}
}
@media (hover: hover) {
	.show-preview-big:hover .btn-arrow {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	.show-preview-big:hover .btn-arrow path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	.show-preview-big:hover .btn-arrow path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
	.show-preview-big:hover .btn-arrow.btn-arrow--anim {
		width: var(--btn-width, auto);
	}
}
.show-preview-big:active .btn-arrow {
	background: var(--btn-bg, var(--salat));
	color: var(--black);
}
.show-preview-big:active .btn-arrow path:nth-child(1) {
	stroke-dashoffset: -32px;
}
.show-preview-big:active .btn-arrow path:nth-child(2) {
	stroke-dashoffset: -44px;
}
.show-preview-big:active .btn-arrow.btn-arrow--anim {
	width: var(--btn-width, auto);
}
.show-preview-big > *:not(.show-preview-big__stage) {
	z-index: 2;
}

.show-preview-big__stage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 480px) {
	.show-preview-big__stage {
		position: relative;
		height: auto;
	}
}
.show-preview-big__stage:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	height: 10%;
	background: linear-gradient(to bottom, var(--bg-color), transparent);
	display: none;
}
@media (max-width: 480px) {
	.show-preview-big__stage:after {
		display: block;
	}
}
.show-preview-big__stage:before {
	content: "";
	position: absolute;
	z-index: 1;
	width: max(200px, 50rem);
	height: max(200px, 50rem);
	border-radius: 50%;
	background: radial-gradient(circle closest-side at 50% 50%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	bottom: min(-100px, -25rem);
	right: min(-100px, -25rem);
}

.show-preview-big__img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
@media (max-width: 480px) {
	.show-preview-big__img {
		position: relative;
		height: 70vw;
		object-position: bottom right;
	}
}

.show-preview-big__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: absolute;
	inset: 0;
	z-index: 2;
	padding: max(20px, 4rem);
}
@media (max-width: 480px) {
	.show-preview-big__content {
		position: static;
		padding-bottom: 0;
	}
}
.show-preview-big__content .btn-arrow {
	margin-top: auto;
}
@media (max-width: 480px) {
	.show-preview-big__content .btn-arrow {
		position: absolute;
		bottom: 15px;
		left: 15px;
		z-index: 5;
	}
}
.show-preview-big__content .intro-tags {
	margin-bottom: max(10px, 2rem);
}
@media (max-width: 480px) {
	.show-preview-big__content .intro-tags {
		margin-top: max(10px, 2rem);
	}
}

.show-preview-big__title {
	max-width: 10em;
	margin-bottom: 0.5em;
	font-size: max(22px, 4.8rem);
}
@media (max-width: 480px) {
	.show-preview-big__title {
		max-width: initial;
	}
}

.show-preview-big__descr {
	max-width: 25em;
	font-size: max(12px, 2rem);
	margin-bottom: max(10px, 2rem);
}
@media (max-width: 480px) {
	.show-preview-big__descr {
		max-width: initial;
		margin-bottom: 0;
	}
}

.show-preview-big__actions {
	margin-top: auto;
	display: flex;
	gap: 5px;
}
@media (max-width: 480px) {
	.show-preview-big__actions {
		position: absolute;
		bottom: 15px;
		left: 15px;
		z-index: 5;
	}
}
.show-preview-big__actions .btn--play {
	background: var(--accent-color, #FFF);
}
@media (hover: hover) {
	.show-preview-big__actions .btn--play:hover {
		background: #FFF;
	}
}
.show-preview-big__actions .btn--play:active {
	background: #FFF;
}

.services-wall {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: max(15px, 5rem) var(--gap);
}

.service-wall-item {
	display: flex;
	flex-direction: column;
	gap: max(5px, 2rem);
	position: relative;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	        user-select: none;
	grid-column: span 4;
}
@media (max-width: 680px) {
	.service-wall-item {
		grid-column: span 12;
	}
}
@media (hover: hover) {
	.service-wall-item:hover .btn-arrow {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	.service-wall-item:hover .btn-arrow path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	.service-wall-item:hover .btn-arrow path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
	.service-wall-item:hover .btn-arrow.btn-arrow--anim {
		width: var(--btn-width, auto);
	}
	.service-wall-item:hover .service-wall-item__img:not(video.service-wall-item__img) {
		scale: 1.05;
	}
}
.service-wall-item:active .service-wall-item__img:not(video.service-wall-item__img) {
	scale: 1.05;
}

div.service-wall-item {
	cursor: default;
}
div.service-wall-item .btn-arrow {
	visibility: hidden;
}

.service-wall-item__bottom {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.service-wall-item__title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	font-size: max(14px, 3.2rem);
	padding-top: 0.2em;
}
@media (max-width: 480px) {
	.service-wall-item__title {
		font-size: 14px;
	}
}

.service-wall-item__stage {
	position: relative;
	background: var(--gray-light);
	border-radius: var(--br-25);
	overflow: clip;
	aspect-ratio: 573/660;
}
@media (max-width: 680px) {
	.service-wall-item__stage {
		aspect-ratio: 4/3;
	}
}

.service-wall-item__img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	pointer-events: none;
	transition: scale 0.3s ease;
	will-change: transform;
}

video.service-wall-item__img {
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	opacity: 0.99;
}

.service-wall-item--big {
	grid-column: span 6;
	grid-row: span 2;
}
@media (max-width: 680px) {
	.service-wall-item--big {
		grid-column: span 12;
		grid-row: span 1;
	}
}
.service-wall-item--big .service-wall-item__stage {
	aspect-ratio: 870/670;
}

.service-wall-item--tall {
	grid-column: span 3;
	grid-row: span 2;
}
@media (max-width: 680px) {
	.service-wall-item--tall {
		grid-column: span 6;
		grid-row: span 2;
	}
}
.service-wall-item--tall .service-wall-item__stage {
	aspect-ratio: 425/670;
}

.service-wall-item--small {
	grid-column: span 3;
}
@media (max-width: 680px) {
	.service-wall-item--small {
		grid-column: span 6;
	}
}
.service-wall-item--small .service-wall-item__stage {
	aspect-ratio: 425/290;
}
.service-wall-item--small + .service-wall-item--small {
	margin-top: min(-10px, -3rem);
}

.service-wall-item--1-2 {
	grid-column: span 6;
}
@media (max-width: 768px) {
	.service-wall-item--1-2 {
		grid-column: span 12;
	}
}
.service-wall-item--1-2 .service-wall-item__stage {
	aspect-ratio: 870/660;
}

.service-wall-item--1-4 {
	grid-column: span 3;
}
@media (max-width: 768px) {
	.service-wall-item--1-4 {
		grid-column: span 6;
	}
}
.service-wall-item--1-4 .service-wall-item__stage {
	aspect-ratio: 425/660;
}

.services-wall--complex {
	grid-auto-flow: dense;
}

.service-wall-item--complex-1-3 {
	grid-column: span 4;
}
@media (max-width: 768px) {
	.service-wall-item--complex-1-3 {
		grid-column: span 6;
	}
}
@media (max-width: 480px) {
	.service-wall-item--complex-1-3 {
		grid-column: span 12;
	}
}
.service-wall-item--complex-1-3 .service-wall-item__stage {
	aspect-ratio: 573/500;
}

.services-wall--decor {
	grid-auto-flow: dense;
}
.services-wall--decor .service-wall-item__title {
	white-space: initial;
}

.service-wall-item--decor-big {
	grid-column: span 6;
}
@media (max-width: 680px) {
	.service-wall-item--decor-big {
		grid-column: span 12;
	}
}
.service-wall-item--decor-big .service-wall-item__stage {
	aspect-ratio: 870/660;
}

.service-wall-item--decor-wide {
	grid-column: span 6;
}
@media (max-width: 680px) {
	.service-wall-item--decor-wide {
		grid-column: span 12;
	}
}
.service-wall-item--decor-wide .service-wall-item__stage {
	aspect-ratio: 870/500;
}

.service-wall-item--decor-small {
	grid-column: span 3;
}
@media (max-width: 680px) {
	.service-wall-item--decor-small {
		grid-column: span 6;
	}
}
.service-wall-item--decor-small .service-wall-item__stage {
	aspect-ratio: 425/660;
}

.s-video-reviews {
	overflow-x: clip;
}

.video-reviews-slider {
	overflow: visible;
}
.video-reviews-slider .swiper-slide {
	width: max(280px, 43.3rem);
}
@media (max-width: 480px) {
	.video-reviews-slider .swiper-slide {
		width: 90%;
	}
}
@media (max-width: 680px) {
	.video-reviews-slider .video-review {
		pointer-events: none;
	}
	.video-reviews-slider .swiper-slide-active .video-review {
		pointer-events: all;
	}
}

.video-review {
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	background: var(--gray-light);
	transform: translateZ(0px);
	aspect-ratio: 433/690;
}
.video-review:after {
	content: "";
	position: absolute;
	z-index: 2;
	inset: 0;
	background: rgba(0, 0, 0, 0.3);
	transition: opacity 0.3s ease;
}
.video-review:before {
	z-index: 0;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	transform: translateX(-100%);
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0) 100%);
	/* Применяем анимацию */
	animation: shimmer 0.7s infinite ease;
}
.video-review.active:after {
	opacity: 0.1;
}
.video-review.active .video-review__btn--play {
	display: none;
}
.video-review.active .video-review__btn--pause {
	display: block;
}
.video-review.active .video-review__volume-state {
	opacity: 1;
}

@keyframes shimmer {
	100% {
		transform: translateX(100%);
	}
}
.video-review__video {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	aspect-ratio: 433/690;
	object-fit: cover;
	opacity: 0;
	transition: all 1s ease;
}
.video-review__video.lazy-video--loaded {
	opacity: 1;
}

.video-review__play-state {
	position: absolute;
	z-index: 5;
	bottom: max(8px, 1.5rem);
	right: max(8px, 1.5rem);
}

.video-review__btn {
	position: absolute;
	width: max(35px, 5rem);
	height: auto;
	bottom: 0;
	right: 0;
}

.video-review__btn--play {
	display: block;
}

.video-review__btn--pause {
	display: none;
}

.video-review__volume-state {
	position: absolute;
	z-index: 5;
	top: max(8px, 1.5rem);
	right: max(8px, 1.5rem);
	width: 45px;
	height: 45px;
	opacity: 0.5;
}
.video-review__volume-state--muted .video-review__vol--muted {
	display: block;
}
.video-review__volume-state--muted .video-review__vol--not-muted {
	display: none;
}
.video-review__volume-state--volume .video-review__vol--muted {
	display: none;
}
.video-review__volume-state--volume .video-review__vol--not-muted {
	display: block;
}

.video-review__vol {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: auto;
}

.video-review__vol--muted {
	display: block;
}

.video-review__vol--not-muted {
	display: none;
}

.video-reviews-slider .swiper-slide {
	opacity: 0;
	translate: 20% 0;
	transition: opacity 1s ease, translate 1s ease;
}
.video-reviews-slider .swiper-slide:nth-child(1) {
	transition-delay: 0.1s;
}
.video-reviews-slider .swiper-slide:nth-child(2) {
	transition-delay: 0.2s;
}
.video-reviews-slider .swiper-slide:nth-child(3) {
	transition-delay: 0.3s;
}
.video-reviews-slider .swiper-slide:nth-child(4) {
	transition-delay: 0.4s;
}
.video-reviews-slider .swiper-slide:nth-child(5) {
	transition-delay: 0.5s;
}
.video-reviews-slider .swiper-slide:nth-child(6) {
	transition-delay: 0.6s;
}
.video-reviews-slider .swiper-slide:nth-child(7) {
	transition-delay: 0.7s;
}
.video-reviews-slider .swiper-slide:nth-child(8) {
	transition-delay: 0.8s;
}
.video-reviews-slider .swiper-slide:nth-child(9) {
	transition-delay: 0.9s;
}
.video-reviews-slider .swiper-slide:nth-child(10) {
	transition-delay: 1s;
}
.video-reviews-slider.animated .swiper-slide {
	opacity: 1;
	translate: 0 0;
}

.anim-preview {
	display: block;
	cursor: pointer;
	-webkit-user-select: none;
	        user-select: none;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.anim-preview:hover .anim-preview__img {
		scale: 1.05;
	}
	.anim-preview:hover .btn-arrow {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	.anim-preview:hover .btn-arrow path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	.anim-preview:hover .btn-arrow path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
	.anim-preview:hover .btn-arrow.btn-arrow--anim {
		width: var(--btn-width, auto);
	}
}
.anim-preview:active .anim-preview__img {
	scale: 1.05;
}
.anim-preview:active .btn-arrow {
	background: var(--salat);
}

.anim-preview__stage {
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
}

.anim-preview__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 425/490;
	background: var(--gray-light);
	transition: scale 0.3s ease;
	object-fit: cover;
}

.anim-preview__bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: max(5px, 2rem);
	padding-top: max(10px, 2rem);
}

.anim-preview__title {
	font-size: max(14px, 3.2rem);
}

.anim-preview__descr {
	padding-top: max(8px, 1.5rem);
	font-size: max(10px, 2rem);
}
@media (max-width: 480px) {
	.anim-preview__descr {
		display: none;
	}
}

.s-seo .user-content {
	width: 100rem;
	margin-left: auto;
	margin-right: auto;
	font-size: max(14px, 2.4rem);
}
@media (max-width: 1024px) {
	.s-seo .user-content {
		width: 100%;
	}
}

.anims-preims-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap);
}
@media (max-width: 1024px) {
	.anims-preims-grid {
		grid-template-columns: repeat(3, 300px);
		margin-left: -20px;
		margin-right: -20px;
		overflow: auto;
		padding: 0 20px 10px 20px;
	}
}

.anims-preim {
	display: flex;
	flex-direction: column;
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
	background: var(--black);
	color: #FFF;
	aspect-ratio: 576/660;
	padding: max(15px, 3.5rem);
}
.anims-preim > * {
	position: relative;
	z-index: 3;
}
.anims-preim:before {
	--gradient-dest: to bottom;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: round(to-zero, 40%, 1px);
	background: linear-gradient(var(--gradient-dest), #000, transparent);
	z-index: 2;
}
.anims-preim img, .anims-preim video {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.99;
}
.anims-preim .h4 {
	margin-bottom: 0.5em;
}
.anims-preim .anims-preim__big-title {
	font-size: max(55px, 11rem);
	line-height: 1;
	margin-bottom: 0.05em;
}
.anims-preim .text-2 {
	max-width: 24em;
	font-size: max(12px, 1.8rem);
}
.anims-preim figure {
	position: absolute;
	bottom: -0.35em;
	right: -0.12em;
	font-family: var(--font-title);
	font-size: max(400px, 80rem);
	font-weight: 500;
	line-height: 1;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #FFF;
	color: transparent;
}
@media (max-width: 1024px) {
	.anims-preim figure {
		-webkit-text-stroke-width: 1px;
	}
}

.anims-preim--black-text {
	background: #FFF;
	color: var(--black);
}
.anims-preim--black-text:before {
	background: linear-gradient(var(--gradient-dest), #FFF, rgba(255, 255, 255, 0));
}

.anims-preim--text-bottom {
	justify-content: flex-end;
}
.anims-preim--text-bottom .h4 {
	max-width: 13em;
}
.anims-preim--text-bottom .text-2 {
	max-width: 20em;
}
.anims-preim--text-bottom figure {
	bottom: -0.3em;
	right: -0.25em;
}
.anims-preim--text-bottom:before {
	top: initial;
	bottom: 0;
	--gradient-dest: to top;
}
.anims-preim--text-bottom:nth-child(1) figure {
	right: -0.12em;
}

.anims-preims-grid.anim .anims-preim:nth-child(1) {
	transition-delay: 0.2s;
}
.anims-preims-grid.anim .anims-preim:nth-child(2) {
	transition-delay: 0.4s;
}
.anims-preims-grid.anim .anims-preim:nth-child(3) {
	transition-delay: 0.6s;
}
.anims-preims-grid.anim .anims-preim:nth-child(4) {
	transition-delay: 0.8s;
}
.anims-preims-grid.anim .anims-preim:nth-child(5) {
	transition-delay: 1s;
}
.anims-preims-grid.anim .anims-preim:nth-child(6) {
	transition-delay: 1.2s;
}
.anims-preims-grid.anim .anims-preim:nth-child(7) {
	transition-delay: 1.4s;
}
.anims-preims-grid.anim .anims-preim:nth-child(8) {
	transition-delay: 1.6s;
}
.anims-preims-grid.anim .anims-preim:nth-child(9) {
	transition-delay: 1.8s;
}
.anims-preims-grid.anim .anims-preim:nth-child(10) {
	transition-delay: 2s;
}

.anims-preims-grid--4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1024px) {
	.anims-preims-grid--4 {
		grid-template-columns: repeat(4, 250px);
	}
}
.anims-preims-grid--4 .anims-preim {
	aspect-ratio: 425/700;
}

.concert-preview {
	display: block;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.concert-preview:hover .btn-arrow {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	.concert-preview:hover .btn-arrow path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	.concert-preview:hover .btn-arrow path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
	.concert-preview:hover .btn-arrow.btn-arrow--anim {
		width: var(--btn-width, auto);
	}
}
.concert-preview:active .btn-arrow {
	background: var(--salat);
}

.concert-preview__slider {
	border-radius: var(--br-25);
}

.concert-preview__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 573/700;
	object-fit: cover;
}

.concert-preview__bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: max(5px, 2rem);
	padding-top: max(10px, 2rem);
}

.concert-preview__title {
	font-size: max(16px, 3.6rem);
}

.concert-preview__descr {
	padding-top: max(8px, 1.5rem);
	font-size: max(10px, 1.8rem);
	max-width: 30em;
}
@media (max-width: 480px) {
	.concert-preview__descr {
		display: none;
	}
}

.mk-preview {
	display: block;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.mk-preview:hover .btn-arrow {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	.mk-preview:hover .btn-arrow path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	.mk-preview:hover .btn-arrow path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
	.mk-preview:hover .btn-arrow.btn-arrow--anim {
		width: var(--btn-width, auto);
	}
}
.mk-preview:active .btn-arrow {
	background: var(--salat);
}

.mk-preview__slider {
	border-radius: var(--br-25);
}

.mk-preview__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 870/550;
	object-fit: cover;
}

.mk-preview__bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: max(5px, 2rem);
	padding-top: max(10px, 2rem);
}

.mk-preview__title {
	font-size: max(14px, 2.8rem);
}

.mk-preview__descr {
	padding-top: max(8px, 1.5rem);
	font-size: max(10px, 1.8rem);
	max-width: 30em;
}
@media (max-width: 480px) {
	.mk-preview__descr {
		display: none;
	}
}

.addon-preview {
	display: block;
	-webkit-user-select: none;
	        user-select: none;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.addon-preview:hover .addon-preview__img {
		scale: 1.05;
	}
	.addon-preview:hover .btn-arrow {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	.addon-preview:hover .btn-arrow path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	.addon-preview:hover .btn-arrow path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
	.addon-preview:hover .btn-arrow.btn-arrow--anim {
		width: var(--btn-width, auto);
	}
}
.addon-preview:active .addon-preview__img {
	scale: 1.05;
}
.addon-preview:active .btn-arrow {
	background: var(--salat);
}

.addon-preview__stage {
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
}

.addon-preview__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1146/900;
	background: var(--gray-light);
	transition: scale 0.3s ease;
	object-fit: cover;
}

.addon-preview__bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: max(5px, 2rem);
	padding-top: max(10px, 2rem);
}

.addon-preview__title {
	font-size: max(14px, 3.2rem);
}

.addon-preview__descr {
	padding-top: max(8px, 1.5rem);
	font-size: max(10px, 2rem);
}
@media (max-width: 480px) {
	.addon-preview__descr {
		display: none;
	}
}

.chat-block {
	position: relative;
	background: var(--gray-light);
	border-radius: var(--br-25);
	min-height: max(40px, 60rem);
	padding: max(20px, 3rem) max(20px, 3rem) max(40px, 8rem) max(20px, 3rem);
	overflow: clip;
}
.chat-block .container {
	z-index: 2;
}

.s-chat__line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
@media (max-width: 680px) {
	.s-chat__line {
		opacity: 0.5;
	}
}

.chat-block__call {
	text-align: center;
	color: var(--gray-dop);
	margin-bottom: 10px;
}

.chat__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: max(5px, 1rem);
	margin-bottom: max(15px, 2.2rem);
	overflow: auto;
	margin-left: -40px;
	width: calc(100% + 80px);
	padding: 0 40px 5px 40px;
	-webkit-user-select: none;
	        user-select: none;
}
@media (max-width: 1024px) {
	.chat__nav {
		margin-left: -20px;
		width: calc(100% + 40px);
		padding: 0 20px 5px 20px;
		justify-content: initial;
		flex-wrap: nowrap;
	}
}
.chat__nav::-webkit-scrollbar {
	display: none;
}

.chat__nav__item {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	font-size: max(14px, 1.8rem);
	height: max(40px, 8.5rem);
	padding: 0 max(10px, 2rem);
	transition: color 0.3s ease;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
	color: var(--black);
	white-space: nowrap;
}
@media (hover: hover) {
	.chat__nav__item:hover {
		color: var(--violet);
	}
}
.chat__nav__item svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.chat__nav__item path {
	transition: stroke-dashoffset var(--draw-speed, 1s) ease;
}
.chat__nav__item.active {
	color: var(--violet);
}
.chat__nav__item.active path {
	stroke-dashoffset: calc(var(--path-total-length) * 2);
}

.chats {
	position: relative;
}

.chat {
	display: none;
	width: max(280px, 48rem);
	margin-left: auto;
	margin-right: auto;
}
.chat.active {
	display: flex;
	flex-direction: column;
}
.chat.animated .chat__message {
	opacity: 1;
	scale: 1;
}

.chat__message {
	position: relative;
	border-radius: 10px;
	font-size: max(14px, 1.8rem);
	padding: 1em;
	max-width: max(250px, 36rem);
	width: -moz-fit-content;
	width: fit-content;
	scale: 0.9;
	opacity: 0;
	transition: scale 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
}
.chat__message:nth-child(1) {
	transition-delay: 0.3s;
}
.chat__message:nth-child(2) {
	transition-delay: 1.3s;
}
.chat__message:nth-child(3) {
	transition-delay: 2.3s;
}
.chat__message:nth-child(4) {
	transition-delay: 3.3s;
}
.chat__message:nth-child(5) {
	transition-delay: 4.3s;
}
.chat__message:nth-child(6) {
	transition-delay: 5.3s;
}
.chat__message:nth-child(7) {
	transition-delay: 6.3s;
}
.chat__message:nth-child(8) {
	transition-delay: 7.3s;
}
.chat__message:nth-child(9) {
	transition-delay: 8.3s;
}
.chat__message:nth-child(10) {
	transition-delay: 9.3s;
}
.chat__message:before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: contain;
}
.chat__message a {
	color: var(--violet-dark);
	text-decoration-line: underline;
	text-underline-offset: 0.2em;
	transition: -webkit-text-decoration 0.3s ease;
	transition: text-decoration 0.3s ease;
	transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
	-webkit-tap-highlight-color: transparent;
	text-decoration-color: transparent;
}
@media (hover: hover) {
	.chat__message a:hover {
		text-decoration-color: var(--violet-dark);
	}
}
.chat__message a:active {
	text-decoration-color: var(--violet-dark);
}

.chat__message--q {
	background: var(--violet-dark);
	color: #FFF;
	align-self: start;
	border-bottom-left-radius: 0;
	transform-origin: left bottom;
}
.chat__message--q:before {
	background-image: url(/local/templates/archione/css/../img/animator/chat-q.svg);
	left: -19px;
}
.chat__message--q + .chat__message--q {
	margin-top: 5px;
}
.chat__message--q + .chat__message--a {
	margin-top: 10px;
}

.chat__message--a {
	background: #FFF;
	color: var(--black);
	align-self: end;
	border-bottom-right-radius: 0;
	transform-origin: right bottom;
}
.chat__message--a:before {
	background-image: url(/local/templates/archione/css/../img/animator/chat-a.svg);
	right: -19px;
}
.chat__message--a + .chat__message--q {
	margin-top: 10px;
}
.chat__message--a + .chat__message--a {
	margin-top: 5px;
}

.related {
	display: grid;
	grid-template-columns: 1fr 0.5fr;
	gap: var(--gap);
}
@media (hover: hover) {
	.related:hover .btn-arrow {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	.related:hover .btn-arrow path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	.related:hover .btn-arrow path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
	.related:hover .btn-arrow.btn-arrow--anim {
		width: var(--btn-width, auto);
	}
}

.related--black .related__left {
	color: var(--black);
}

.related__left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	border-radius: var(--br-25);
	background: var(--bg-color, var(--black));
	color: inherit;
	padding: max(20px, 5rem);
}
.related__left .h1 {
	font-size: max(18px, 6rem);
	max-width: 15em;
}
.related__left .text-3 {
	margin-bottom: 1em;
	font-size: max(12px, 2rem);
}
.related__left .btn-arrow {
	margin-top: max(20px, 4rem);
}

.related__right {
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
	background: var(--bg-color, var(--black));
	min-height: max(150px, 45rem);
}

.related__img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 30%;
}

.heroes-slider-block {
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
	background: #2C4F41;
	color: #FFF;
	padding-top: max(30px, 5rem);
}
.heroes-slider-block .container {
	z-index: 5;
}
.heroes-slider-block .sec-title-double .h2 {
	max-width: 18em;
}

.heroes-slider {
	overflow: visible;
}
.heroes-slider .swiper-slide {
	width: max(320px, 70rem);
}
.heroes-slider .swiper-slide-active .heroes-slide {
	scale: 1;
}
.heroes-slider .swiper-slide-active .h4 {
	opacity: 1;
}
.heroes-slider .swiper-slide-prev .heroes-slide {
	translate: 10% 0;
}
.heroes-slider .swiper-slide-next .heroes-slide {
	translate: -10% 0;
}

.heroes-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	scale: 0.8;
	transition: scale 0.3s ease, translate 0.3s ease;
	transform-origin: center top;
	-webkit-user-select: none;
	        user-select: none;
	aspect-ratio: 700/800;
}
@media (max-width: 680px) {
	.heroes-slide {
		scale: 1;
	}
}
.heroes-slide .h4 {
	max-width: 18em;
	opacity: 0.5;
	transition: opacity 0.3s ease;
	font-size: max(16px, 3.2rem);
}
.heroes-slide .text-2 {
	padding-top: max(5px, 1rem);
	max-width: 25em;
	font-size: max(12px, 1.8rem);
}
.heroes-slide .text-2 a {
	color: var(--accent-color, currencolor);
	-webkit-tap-highlight-color: transparent;
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: currentColor;
	text-underline-offset: 0.3em;
	transition: text-decoration-color 0.3s ease;
}
@media (hover: hover) {
	.heroes-slide .text-2 a:hover {
		text-decoration-color: transparent;
	}
}
.heroes-slide .text-2 a:active {
	text-decoration-color: transparent;
}
.heroes-slide picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	display: block;
	width: 100%;
	pointer-events: none;
}
@media (max-width: 680px) {
	.heroes-slide picture {
		top: 10px;
	}
}

.heroes-slide__img {
	display: block;
	max-width: 100%;
	height: auto;
	aspect-ratio: 700/800;
}

.heroes-slider-block__bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	padding-bottom: max(25px, 5rem);
	background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}
@media (hover: hover) {
	.heroes-slider-block__bottom:hover .swiper-scrollbar.swiper-scrollbar-horizontal {
		opacity: 1;
	}
}
@media (max-width: 1024px) {
	.heroes-slider-block__bottom {
		position: relative;
	}
}
.heroes-slider-block__bottom .container {
	display: grid;
	grid-template-columns: 250px 1fr 250px;
	align-items: center;
}
@media (max-width: 1024px) {
	.heroes-slider-block__bottom .container {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		gap: 20px;
	}
}
.heroes-slider-block__bottom .swiper-scrollbar.swiper-scrollbar-horizontal {
	--swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.15);
	margin-top: 0;
	opacity: 0;
	transition: opacity 0.3s ease;
}
@media (max-width: 1024px) {
	.heroes-slider-block__bottom .swiper-scrollbar.swiper-scrollbar-horizontal {
		opacity: 1;
	}
}

.heroes-slider__nav {
	display: flex;
	justify-content: flex-end;
	gap: 5px;
	-webkit-user-select: none;
	        user-select: none;
}
@media (max-width: 1024px) {
	.heroes-slider__nav {
		display: none;
	}
}

.s-intro--home .intro__uptitle {
	margin-top: auto;
}
@media (max-width: 680px) {
	.s-intro--home .intro__uptitle {
		margin-top: initial;
	}
}

.s-contents {
	overflow-x: clip;
}
.s-contents .container {
	z-index: 3;
}

.s-contents__line {
	position: absolute;
	z-index: -1;
	top: 20rem;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-x: clip;
	height: 1400px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	z-index: 1;
}
@media (max-width: 680px) {
	.s-contents__line {
		display: none;
	}
}
.s-contents__line svg {
	display: block;
	flex-shrink: 0;
	stroke: var(--gray-light);
	width: 2596px;
	height: auto;
}
@media (max-width: 1680px) {
	.s-contents__line svg {
		width: 160%;
	}
}

.contents-nav {
	position: relative;
	z-index: 3;
	text-align: center;
	white-space: nowrap;
	overflow: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	-webkit-user-select: none;
	        user-select: none;
	margin-bottom: max(20px, 7rem);
}
@media (max-width: 1024px) {
	.contents-nav::-webkit-scrollbar {
		display: none;
	}
}

.contents-nav__item {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	background: none;
	border-radius: 25px;
	width: 144px;
	text-align: center;
	padding: 20px 20px 10px 20px;
	transition: background 0.2s ease;
	white-space: normal;
}
@media (max-width: 1024px) {
	.contents-nav__item {
		width: 100px;
		padding: 10px;
		border-radius: 15px;
		margin: 0 4px;
	}
}
@media (hover: hover) {
	.contents-nav__item:hover {
		background: rgba(217, 217, 217, 0.2);
	}
}
.contents-nav__item:active {
	background: rgba(217, 217, 217, 0.2);
	scale: 0.95;
}
.contents-nav__item.active {
	background: var(--salat);
	background: rgba(217, 217, 217, 0.6);
}
.contents-nav__item.active .contents-nav__item__img {
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px var(--salat);
}

.contents-nav__item__img {
	display: block;
	width: 100px;
	height: auto;
	aspect-ratio: 1/1;
	background: var(--gray-light);
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px var(--gray-light);
	transition: background 0.3s ease;
}
@media (max-width: 1024px) {
	.contents-nav__item__img {
		width: 70px;
	}
}

.contents-nav__item__title {
	min-height: 2.6em;
}

.contents {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	gap: 40px;
	align-items: center;
}
@media (max-width: 680px) {
	.contents {
		grid-template-columns: minmax(0, 1fr);
	}
}

.contents__left {
	transition: opacity 0.4s ease, scale 0.4s ease;
}
@media (max-width: 680px) {
	.contents__left {
		display: none;
	}
}
.contents__left .h1, .contents__left .h2 {
	max-width: 12em;
	margin-bottom: 0.5em;
}
@media (max-width: 680px) {
	.contents__left .h1, .contents__left .h2 {
		max-width: initial;
	}
}
.contents__left .text-3 {
	margin-bottom: 30px;
	max-width: 20em;
	text-wrap: pretty;
	display: flex;
	flex-direction: column;
	gap: 0.75em;
}
@media (max-width: 680px) {
	.contents__left .text-3 {
		max-width: initial;
	}
}

.contents__left--mob {
	display: none;
	margin-bottom: 30px;
}
@media (max-width: 680px) {
	.contents__left--mob {
		display: block;
	}
}

.contents__left--hidden {
	opacity: 0;
	scale: 0.8;
}
@media (max-width: 680px) {
	.contents__left--hidden {
		opacity: 1;
	}
}

.contents-slider {
	overflow: visible;
	width: max(320px, 43.2rem);
	margin: initial;
}

.contents-slider__slide {
	width: 100%;
}

.contents-slider__slide--hidden .contents-story {
	opacity: 0;
	scale: 0.5;
	pointer-events: none;
}

.contents-story {
	position: relative;
	background: var(--gray-light);
	border-radius: var(--br-25);
	overflow: clip;
	-webkit-user-select: none;
	        user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: opacity 0.3s ease, scale 0.3s ease;
}
.contents-story:after {
	content: "";
	position: absolute;
	z-index: 4;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.4);
	pointer-events: none;
	opacity: 1;
	transition: opacity 0.3s ease;
	transform: translateZ(0px);
}
.contents-story.active {
	pointer-events: all;
	cursor: default;
}
.contents-story.active:after {
	opacity: 0;
}
.contents-story.active .swiper-pagination {
	opacity: 1;
}
.contents-story.active .contents-story__dots {
	opacity: 1;
}
.contents-story.active .contents-story__slider__nav {
	pointer-events: all;
}
.contents-story__slider {
	display: block;
	width: 100%;
}
.contents-story__slider .swiper-slide {
	position: relative;
}
.contents-story__slider .swiper-slide:before {
	content: "";
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40%;
	background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
	pointer-events: none;
	transform: translateZ(0px);
}
.contents-story__slider .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	top: 0;
	left: 0;
	width: 100%;
	bottom: initial;
	margin-top: max(15px, 4rem);
	margin-left: max(15px, 4rem);
	width: calc(100% - max(30px, 8rem));
	opacity: 0;
	transition: opacity 0.3s ease;
}
.contents-story__slider .swiper-pagination .swiper-pagination-bullet {
	display: block;
	background: var(--salat);
	opacity: 1;
	flex: 1 1 0%;
	border-radius: 4px;
	height: 4px;
	width: auto;
	margin: 0;
}
.contents-story__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--salat);
}
.contents-story__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active ~ .swiper-pagination-bullet {
	opacity: 0.6;
	background: #FFF;
}

.contents-story__slider__nav {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	z-index: 5;
	-webkit-tap-highlight-color: transparent;
	transition: background 0.15s ease;
	pointer-events: none;
}
@media (hover: hover) {
	.contents-story__slider__nav:hover {
		background: rgba(0, 0, 0, 0);
	}
}
.contents-story__slider__nav:active {
	background: rgba(0, 0, 0, 0.05);
}
.contents-story__slider__nav:focus {
	outline: none;
	box-shadow: none;
}
.contents-story__slider__nav.swiper-button-disabled {
	cursor: default;
}
.contents-story__slider__nav.swiper-button-lock {
	display: block;
}

.contents-story__slider__nav--prev {
	left: 0;
}

.contents-story__slider__nav--next {
	right: 0;
}
.contents-story__slider__nav--next.swiper-button-disabled {
	cursor: pointer;
}

.contents-story__video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 432/700;
	object-fit: cover;
	pointer-events: none;
}

.contents-story__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 432/700;
	object-fit: cover;
	pointer-events: none;
}

.contents-story__descr {
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	color: #FFF;
	padding: 0 max(15px, 4rem) max(20px, 6rem);
	pointer-events: none;
	transform: translateZ(0px);
}
.contents-story__descr .text-1 {
	margin-top: max(5px, 1rem);
	font-size: max(12px, 1.6rem);
	overflow: hidden;
	transition: height 0.3s ease;
}
@media (max-width: 1024px) {
	.contents-story__descr .text-1 {
		height: auto;
	}
}

.contents-story__dots {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	top: 0;
	left: 0;
	width: 100%;
	bottom: initial;
	margin-top: max(15px, 4rem);
	margin-left: max(15px, 4rem);
	width: calc(100% - max(30px, 8rem));
	z-index: 4;
	transition: opacity 0.3s ease;
	opacity: 0;
	transform: translateZ(1px);
}

.contents-story__dot {
	display: block;
	position: relative;
	background: rgba(255, 255, 255, 0.6);
	opacity: 1;
	flex: 1 1 0%;
	border-radius: 4px;
	height: 4px;
	width: auto;
	margin: 0;
	overflow: clip;
	--progress: 0%;
}
.contents-story__dot:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: var(--progress);
	border-radius: 4px;
	background: var(--salat);
}
.contents-story__dot.past {
	--progress: 100%;
}
.contents-story__dot.past:before {
	width: 100%;
}
.contents-story__dot.future {
	--progress: 0%;
}
.contents-story__dot.future:before {
	width: 0%;
}

.s-contents:has(.contents.anim) .contents-slider__slide {
	translate: 50% 0;
	opacity: 0;
	transition: translate 2s cubic-bezier(0.33, 1, 0.68, 1), opacity 1s cubic-bezier(0.33, 1, 0.68, 1);
}
.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(1) {
	transition-delay: 1.1s;
}
@media (max-width: 680px) {
	.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(1) {
		transition-delay: 0.1s;
	}
}
.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(2) {
	transition-delay: 1.2s;
}
@media (max-width: 680px) {
	.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(2) {
		transition-delay: 0.2s;
	}
}
.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(3) {
	transition-delay: 1.3s;
}
@media (max-width: 680px) {
	.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(3) {
		transition-delay: 0.3s;
	}
}
.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(4) {
	transition-delay: 1.4s;
}
@media (max-width: 680px) {
	.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(4) {
		transition-delay: 0.4s;
	}
}
.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(5) {
	transition-delay: 1.5s;
}
@media (max-width: 680px) {
	.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(5) {
		transition-delay: 0.5s;
	}
}
.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(6) {
	transition-delay: 1.6s;
}
@media (max-width: 680px) {
	.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(6) {
		transition-delay: 0.6s;
	}
}
.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(7) {
	transition-delay: 1.7s;
}
@media (max-width: 680px) {
	.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(7) {
		transition-delay: 0.7s;
	}
}
.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(8) {
	transition-delay: 1.8s;
}
@media (max-width: 680px) {
	.s-contents:has(.contents.anim) .contents-slider__slide:nth-child(8) {
		transition-delay: 0.8s;
	}
}
.s-contents:has(.contents.animated) .contents-slider__slide {
	translate: 0% 0;
	opacity: 1;
}
.s-contents:has(.contents.animated) .s-contents__line path {
	stroke-dashoffset: calc(var(--path-total-length) * 2);
	transition: stroke-dashoffset 4s ease;
}

.swiper-wrapper {
	will-change: transform;
}

.s-contents--dr .s-contents__line .draw-line {
	transform: scale(1, -1);
}

.s-contents--hw {
	background: var(--color-hw);
	color: #FFF;
	overflow: clip;
	margin-bottom: max(80px, 15rem);
}
.s-contents--hw:before {
	content: "";
	position: absolute;
	top: 25rem;
	left: 0;
	width: 100%;
	height: 80rem;
	border-radius: 50%;
	background: radial-gradient(ellipse 50% 50%, #123D73, rgba(18, 61, 115, 0));
	opacity: 0.6;
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
	z-index: 2;
}
@media (max-width: 480px) {
	.s-contents--hw:before {
		top: 75rem;
		height: 450rem;
	}
}
.s-contents--hw .s-contents__line {
	top: 37rem;
}
.s-contents--hw .s-contents__line .draw-line {
	stroke: #06274C;
}
.s-contents--hw .contents-story {
	background: #000;
}
.s-contents--hw .contents-nav__item__img {
	background: #141E2C;
	box-shadow: 0 0 0 3px var(--color-hw), 0 0 0 6px #141E2C;
}
.s-contents--hw .contents-nav__item.active .contents-nav__item__img {
	background: var(--gray-light);
}

.home-anims-slider {
	--stage-w: 58rem;
	--stage-h: 72rem;
}
@media (max-width: 1024px) {
	.home-anims-slider {
		--stage-w: 300px;
		--stage-h: 372px;
	}
}
.home-anims-slider .swiper-scrollbar {
	width: var(--stage-w);
	margin-left: auto;
	margin-right: auto;
}
.home-anims-slider .swiper-slide {
	transition: translate 0.6s ease;
	pointer-events: none;
	width: var(--stage-w);
}
.home-anims-slider .anim-preview__stage {
	transition: scale 0.6s ease, border-radius 0.6s ease, transform-origin 0.6s ease;
	transform-origin: center top;
	border-radius: max(30px, 5rem);
}
.home-anims-slider .anim-preview__img {
	aspect-ratio: 580/720;
	pointer-events: all;
}
.home-anims-slider .anim-preview__title {
	font-size: 32px;
	transition: translate 0.6s ease, scale 0.6s ease;
	transform-origin: left top;
}
@media (max-width: 1550px) {
	.home-anims-slider .anim-preview__title {
		font-size: 28px;
	}
}
@media (max-width: 1250px) {
	.home-anims-slider .anim-preview__title {
		font-size: 24px;
	}
}
.home-anims-slider .btn-arrow {
	opacity: 0;
	transition: opacity 0.6s ease, background 0.6s ease, scale 0.1s ease;
}
.home-anims-slider .fav {
	opacity: 0;
	transition: opacity 0.6s ease, background 0.6s ease;
}
.home-anims-slider .anim-preview__descr {
	font-size: max(10px, 1.6rem);
	opacity: 0;
	transition: opacity 0.6s ease;
}
.home-anims-slider .swiper-slide-active .anim-preview {
	pointer-events: all;
}
.home-anims-slider .swiper-slide-active .anim-preview__stage {
	border-radius: max(15px, 2.5rem);
}
.home-anims-slider .swiper-slide-active .anim-preview__img {
	pointer-events: none;
}
.home-anims-slider .swiper-slide-active .btn-arrow {
	opacity: 1;
}
.home-anims-slider .swiper-slide-active .anim-preview__descr {
	opacity: 1;
}
.home-anims-slider .swiper-slide-active .fav {
	opacity: 1;
}
.home-anims-slider .slider-btn {
	top: calc(var(--stage-h) / 4 - 30px);
}

.ha--next {
	translate: calc(var(--stage-w) * -1 / 2 * var(--slide-position, 1)) 0;
}
.ha--next .anim-preview__stage {
	scale: 0.5;
	transform-origin: left top;
}
.ha--next .anim-preview__title {
	translate: 0 calc(var(--stage-h) / 2 * -1);
	scale: 0.5;
}

.ha--prev {
	translate: calc(var(--stage-w) / 2 * var(--slide-position, 1)) 0;
}
.ha--prev .anim-preview__stage {
	scale: 0.5;
	transform-origin: right top;
}
.ha--prev .anim-preview__title {
	translate: calc(var(--stage-w) / 2 * 1) calc(var(--stage-h) / 2 * -1);
	scale: 0.5;
}

.bottom-call-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding-top: max(40px, 7rem);
}
.bottom-call-block .h5 {
	max-width: 20em;
	margin-bottom: 0.7em;
}

.bottom-call-block__actions {
	display: flex;
	align-items: center;
	gap: 20px;
}
.bottom-call-block__actions .link-blue {
	max-width: 10em;
	text-align: left;
	text-wrap: balance;
}

.home-shows-slider .swiper-slide {
	width: 116.7rem;
}
@media (max-width: 1024px) {
	.home-shows-slider .swiper-slide {
		width: 85vw;
	}
}
.home-shows-slider .swiper-slide .show-preview {
	scale: 0.8;
	transform-origin: center top;
	transition: scale 0.4s ease, transform-origin 0.4s ease;
	pointer-events: none;
}
.home-shows-slider .swiper-slide .show-preview__stage {
	aspect-ratio: 1167/650;
}
.home-shows-slider .swiper-slide .show-preview__bottom-row {
	opacity: 0;
	transition: opacity 0.4s ease;
}
.home-shows-slider .swiper-scrollbar {
	width: 116.7rem;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 1024px) {
	.home-shows-slider .swiper-scrollbar {
		width: 85vw;
	}
}
.home-shows-slider .slider-btn {
	top: calc(26rem - 30px);
}
.home-shows-slider .swiper-slide-active .show-preview {
	scale: 1;
	pointer-events: all;
}
.home-shows-slider .swiper-slide-active .show-preview__bottom-row {
	opacity: 1;
}
.home-shows-slider .swiper-slide-prev .show-preview {
	transform-origin: right top;
}
.home-shows-slider .swiper-slide-next .show-preview {
	transform-origin: left top;
}

.home-complex-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: max(20px, 4rem) max(10px, 4rem);
}
@media (max-width: 768px) {
	.home-complex-grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.home-complex-grid__item {
		grid-column: span 2;
	}
}
@media (max-width: 480px) {
	.home-complex-grid__item {
		grid-column: span 3;
	}
}
.home-complex-grid__item:nth-child(4), .home-complex-grid__item:nth-child(5), .home-complex-grid__item:nth-child(6) {
	align-self: end;
}
@media (max-width: 768px) {
	.home-complex-grid__item:nth-child(4), .home-complex-grid__item:nth-child(5), .home-complex-grid__item:nth-child(6) {
		align-self: start;
	}
}
@media (max-width: 768px) {
	.home-complex-grid__item:nth-child(4), .home-complex-grid__item:nth-child(5) {
		order: 3;
		grid-column: span 3;
	}
}
@media (max-width: 768px) {
	.home-complex-grid__item:nth-child(3) {
		align-self: end;
	}
}
@media (max-width: 480px) {
	.home-complex-grid__item:nth-child(3) {
		align-self: start;
	}
}

.home-complex-grid__item--big {
	grid-column: span 2;
}
@media (max-width: 768px) {
	.home-complex-grid__item--big {
		grid-column: span 4;
	}
}
@media (max-width: 480px) {
	.home-complex-grid__item--big {
		grid-column: span 6;
	}
}
.home-complex-grid__item--big .complex-preview {
	max-width: 83rem;
}
@media (max-width: 1024px) {
	.home-complex-grid__item--big .complex-preview {
		max-width: initial;
	}
}
.home-complex-grid__item--big:last-child {
	margin-top: -20rem;
}
@media (max-width: 768px) {
	.home-complex-grid__item--big:last-child {
		order: 2;
		margin-top: initial;
	}
}
.home-complex-grid__item--big:last-child .complex-preview {
	margin-left: auto;
}

.hover-slider {
	-webkit-user-select: none;
	        user-select: none;
	background: var(--gray-light);
	border-radius: var(--br-25);
}
.hover-slider .swiper-slide[role=group] img {
	scale: 1.1;
	transition: scale 0.6s ease;
}
.hover-slider .swiper-slide-active img {
	scale: 1 !important;
}
.hover-slider .swiper-wrapper {
	pointer-events: none;
}
@media (max-width: 1024px) {
	.hover-slider .swiper-wrapper {
		pointer-events: initial;
	}
}
.hover-slider .slider-pagination {
	position: absolute;
	bottom: max(15px, 2.4rem);
	z-index: 10;
}
.hover-slider:after {
	content: "";
	position: absolute;
	z-index: 9;
	bottom: 0;
	left: 0;
	width: 100%;
	height: max(40px, 7rem);
	background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
	pointer-events: none;
}
.hover-slider img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.hover-slider--white:after {
	background: linear-gradient(to top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}

.complex-preview {
	display: block;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.complex-preview:hover .btn-arrow {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	.complex-preview:hover .btn-arrow path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	.complex-preview:hover .btn-arrow path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
	.complex-preview:hover .btn-arrow.btn-arrow--anim {
		width: var(--btn-width, auto);
	}
}
.complex-preview:active .btn-arrow {
	background: var(--salat);
}

.complex-preview__img {
	aspect-ratio: 1/1;
}

.complex-preview__content {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: max(10px, 2rem);
	padding-top: max(10px, 2rem);
}

.complex-preview__title {
	font-size: max(14px, 2.8rem);
}

.s-home-steps {
	overflow: clip;
}

.steps-slider {
	overflow: visible;
}
.steps-slider .swiper-slide {
	width: max(500px, 87.4rem);
}
@media (max-width: 680px) {
	.steps-slider .swiper-slide {
		display: flex;
		width: 300px;
		height: auto;
	}
}

.step-panel {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	border-radius: var(--br-25);
	min-height: 60rem;
	overflow: clip;
	padding: max(15px, 4rem);
	background: var(--bg-color, var(--gray-light));
	aspect-ratio: 874/600;
	opacity: 0.5;
	transition: opacity 0.6s ease, scale 0.2s ease;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	        user-select: none;
}
@media (max-width: 680px) {
	.step-panel {
		padding: 15px;
		aspect-ratio: initial;
		width: 100%;
	}
}
@media (hover: hover) {
	.step-panel:hover:not(.active) {
		scale: 1.02;
	}
}
@media (hover: hover) and (max-width: 1024px) {
	.step-panel:hover:not(.active) {
		scale: 1;
	}
}
.step-panel > *:not(.step-panel__picture) {
	position: relative;
	z-index: 2;
}
.step-panel .btn-double {
	margin-top: auto;
	opacity: 0;
	pointer-events: none;
	transition: scale 0.1s ease, opacity 0.6s ease;
}
.step-panel.active {
	opacity: 1;
	cursor: default;
}
.step-panel.active .btn-double {
	opacity: 1;
	pointer-events: all;
}

.step-panel__num {
	font-family: var(--font-title);
	font-size: max(12px, 2rem);
	font-weight: 600;
	text-transform: uppercase;
	color: rgba(38, 38, 38, 0.5);
	margin-bottom: 1.2em;
}

.step-panel__title {
	max-width: 9em;
	margin-bottom: 0.5em;
}
@media (max-width: 680px) {
	.step-panel__title {
		font-size: 18px;
		max-width: initial;
	}
}

.step-panel__descr {
	font-size: max(12px, 1.8rem);
	max-width: 20em;
	padding-bottom: 20px;
}
@media (max-width: 680px) {
	.step-panel__descr {
		max-width: initial;
	}
}

.step-panel__picture {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
@media (max-width: 680px) {
	.step-panel__picture {
		position: relative;
		margin-left: -15px;
		margin-bottom: -15px;
		margin-top: -20px;
		width: calc(100% + 30px);
		order: 2;
		height: auto;
	}
}

.step-panel__img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}
@media (max-width: 680px) {
	.step-panel__img {
		height: 280px;
		object-position: bottom right;
	}
}

.steps-slider .swiper-slide {
	opacity: 0;
	translate: 20% 0;
	transition: opacity 1s ease, translate 1s ease;
}
.steps-slider .swiper-slide:nth-child(1) {
	transition-delay: 0.1s;
}
.steps-slider .swiper-slide:nth-child(2) {
	transition-delay: 0.2s;
}
.steps-slider .swiper-slide:nth-child(3) {
	transition-delay: 0.3s;
}
.steps-slider .swiper-slide:nth-child(4) {
	transition-delay: 0.4s;
}
.steps-slider .swiper-slide:nth-child(5) {
	transition-delay: 0.5s;
}
.steps-slider .swiper-slide:nth-child(6) {
	transition-delay: 0.6s;
}
.steps-slider .swiper-slide:nth-child(7) {
	transition-delay: 0.7s;
}
.steps-slider .swiper-slide:nth-child(8) {
	transition-delay: 0.8s;
}
.steps-slider .swiper-slide:nth-child(9) {
	transition-delay: 0.9s;
}
.steps-slider .swiper-slide:nth-child(10) {
	transition-delay: 1s;
}
.steps-slider.animated .swiper-slide {
	opacity: 1;
	translate: 0 0;
}

.home-steps-nav {
	display: flex;
	align-items: center;
	gap: max(5px, 1rem);
	margin-bottom: max(15px, 2.2rem);
	overflow: auto;
	margin-left: -40px;
	width: calc(100% + 80px);
	padding: 0 40px 5px 40px;
}
@media (max-width: 1024px) {
	.home-steps-nav {
		margin-left: -20px;
		width: calc(100% + 40px);
		padding: 0 20px 5px 20px;
	}
}
.home-steps-nav::-webkit-scrollbar {
	display: none;
}

.home-steps-nav__item {
	display: flex;
	align-items: center;
	gap: 2rem;
	border-radius: 50px;
	padding: max(5px, 1rem);
	padding-right: max(22px, 4.5rem);
	font-size: max(14px, 2rem);
	background: transparent;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	        user-select: none;
	white-space: nowrap;
	transition: background 0.3s ease, scale 0.1s ease;
}
@media (hover: hover) {
	.home-steps-nav__item:hover {
		background: var(--gray-light);
	}
}
.home-steps-nav__item:active {
	background: var(--gray-light);
	scale: 0.96;
}
.home-steps-nav__item.active {
	background: var(--gray-light);
}
.home-steps-nav__item.active img {
	background: #D9CCBC;
}
.home-steps-nav__item img {
	width: max(40px, 8rem);
	height: max(40px, 8rem);
	object-fit: cover;
	flex-shrink: 0;
	border-radius: 50%;
	background: var(--gray-light);
	transition: background 0.3s ease;
}

.s-home-video {
	position: relative;
	z-index: 2;
}

.s-home-video__line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: clip;
	height: 1400px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
.s-home-video__line svg {
	display: block;
	flex-shrink: 0;
	stroke: var(--gray-light);
	width: 115%;
	height: auto;
}
@media (max-width: 680px) {
	.s-home-video__line svg {
		width: 160%;
	}
}

.home-video-top {
	text-align: center;
	margin-bottom: max(40px, 6rem);
}

.home-video__team-img {
	display: block;
	width: 100%;
	height: auto;
	margin: max(30px, 6rem) 0;
}
@media (max-width: 480px) {
	.home-video__team-img {
		margin-left: -20px;
		width: calc(100% + 40px);
	}
}

.home-video__main-title {
	max-width: 17em;
	margin-left: auto;
	margin-right: auto;
}

.home-video__second-title {
	max-width: 15em;
	margin-left: auto;
	margin-right: auto;
}

.home-video-spacer {
	height: 200svh;
	margin-bottom: -20svh;
}

.home-video {
	position: sticky;
	background: var(--black);
	width: 100%;
	height: calc(100svh - 140px);
	top: calc(25svh + 40px);
	overflow: clip;
	translate: 0 -25%;
	scale: 0.5;
	border-radius: 50px;
}
@media (max-width: 680px) {
	.home-video {
		height: calc(100svh - 80px);
		top: calc(25svh + 40px);
	}
}
.home-video:before {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 25px;
}

.home-video--not-anim {
	scale: initial;
	position: relative;
	top: initial;
	translate: initial;
	overflow: visible;
	border-radius: 25px;
}
.home-video--not-anim .home-video__title {
	opacity: 1;
	translate: initial;
}
.home-video--not-anim .home-video__descr {
	opacity: 1;
	translate: initial;
}
.home-video--not-anim .home-video__video {
	scale: initial;
	transform: initial;
	border-radius: 25px;
}
.home-video--not-anim .home-video__content .btn {
	opacity: 1;
}

.home-video__video {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	transform: scale3d(2, 2, 1);
	border-radius: 50px;
}

.home-video__content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: max(60px, 7rem) max(20px, 5rem);
	color: #FFF;
}
@media (max-width: 680px) {
	.home-video__content {
		grid-template-columns: 1fr;
	}
}
.home-video__content .btn {
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: 0;
}
@media (max-width: 1024px) {
	.home-video__content .btn {
		bottom: -25px;
	}
}
@media (max-width: 680px) {
	.home-video__content .btn {
		bottom: -20px;
	}
}

.home-video__title {
	max-width: 14em;
	opacity: 0;
	translate: 0 -20px;
}
@media (max-width: 680px) {
	.home-video__title {
		max-width: initial;
	}
}

.home-video__descr {
	max-width: 30em;
	opacity: 0;
	translate: 0 -20px;
}
@media (max-width: 680px) {
	.home-video__descr {
		max-width: initial;
	}
}

.s-home-team {
	overflow-x: clip;
}

.s-home-team__line {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-x: clip;
	height: 1400px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
.s-home-team__line svg {
	display: block;
	flex-shrink: 0;
	stroke: var(--gray-light);
	width: 3109px;
	height: auto;
	margin-top: -28rem;
}
@media (max-width: 1680px) {
	.s-home-team__line svg {
		width: 180%;
	}
}

.home-team {
	position: relative;
	z-index: 2;
	padding-top: 30rem;
}
@media (max-width: 1024px) {
	.home-team {
		padding-top: 15rem;
	}
}
.home-team .btn-double {
	margin-top: max(15px, 3rem);
}

.home-team__title {
	max-width: 11em;
	text-wrap: balance;
	margin-bottom: 0.5em;
}

.home-team__descr {
	max-width: 28em;
}
.home-team__descr p:not(:last-child) {
	margin-bottom: 0.5em;
}

.home-team__logo {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	margin-top: max(30px, 7rem);
}
@media (max-width: 680px) {
	.home-team__logo {
		margin-top: -5rem;
	}
}
.home-team__logo.anim path {
	translate: 0 100%;
	transition: opacity 0.6s ease, translate 1s ease;
}
.home-team__logo.anim path:nth-child(1) {
	transition-delay: 0.1s;
}
.home-team__logo.anim path:nth-child(2) {
	transition-delay: 0.2s;
}
.home-team__logo.anim path:nth-child(3) {
	transition-delay: 0.3s;
}
.home-team__logo.anim path:nth-child(4) {
	transition-delay: 0.4s;
}
.home-team__logo.anim path:nth-child(5) {
	transition-delay: 0.5s;
}
.home-team__logo.anim path:nth-child(6) {
	transition-delay: 0.6s;
}
.home-team__logo.anim path:nth-child(7) {
	transition-delay: 0.7s;
}
.home-team__logo.anim path:nth-child(8) {
	transition-delay: 0.8s;
}
.home-team__logo.animated path {
	opacity: 1;
	translate: 0 0%;
}

.home-team__stage {
	position: absolute;
	z-index: 0;
	left: 45%;
	top: 25rem;
	width: 100rem;
	height: auto;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
@media (max-width: 680px) {
	.home-team__stage {
		position: relative;
		left: initial;
		top: initial;
		width: 100%;
		height: auto;
		aspect-ratio: 16/11;
		margin-top: 20px;
	}
}
.home-team__stage:after {
	content: "";
	position: absolute;
	top: -2px;
	bottom: -2px;
	left: -2px;
	right: -2px;
	box-shadow: inset 0 0 6rem 8rem white;
	z-index: 1;
}
@media (max-width: 680px) {
	.home-team__stage:after {
		background: linear-gradient(to bottom, #FFF, rgba(255, 255, 255, 0));
		bottom: initial;
		height: 30%;
		box-shadow: none;
	}
}

.home-team__video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.s-cite--dr .cite__items {
	font-size: max(34px, 14rem);
}
@media (max-width: 480px) {
	.s-cite--dr .cite__items {
		font-size: 14rem;
	}
}
.s-cite--dr .cite-hero__name {
	position: relative;
	left: 6rem;
}
@media (max-width: 680px) {
	.s-cite--dr .cite-hero__name {
		left: initial;
	}
}
.s-cite--dr .cite-hero__descr {
	position: relative;
	left: -6rem;
}
@media (max-width: 680px) {
	.s-cite--dr .cite-hero__descr {
		left: initial;
	}
}

.s-cite__line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	overflow-x: clip;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	top: 40px;
}
.s-cite__line svg {
	width: 220rem;
	height: auto;
	flex-shrink: 0;
}
@media (max-width: 680px) {
	.s-cite__line svg {
		width: 200%;
	}
}
@media (max-width: 480px) {
	.s-cite__line svg {
		width: 250%;
	}
}

.dr-quiz-line {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	overflow-x: clip;
	width: 100%;
	height: 100%;
	z-index: -1;
}
@media (max-width: 680px) {
	.dr-quiz-line {
		display: none;
	}
}
.dr-quiz-line svg {
	width: 288.8rem;
	height: auto;
	flex-shrink: 0;
}
.dr-quiz-line + .s-quiz {
	margin-top: max(-80px, -15rem);
}

.dr-complex-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: max(20px, 4rem) max(10px, 4rem);
}
@media (max-width: 768px) {
	.dr-complex-grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.dr-complex-grid__item {
		grid-column: span 3;
	}
}
@media (max-width: 480px) {
	.dr-complex-grid__item {
		grid-column: span 3;
	}
}
.dr-complex-grid__item:nth-child(3), .dr-complex-grid__item:nth-child(4), .dr-complex-grid__item:nth-child(5) {
	align-self: end;
}
@media (max-width: 768px) {
	.dr-complex-grid__item:nth-child(3), .dr-complex-grid__item:nth-child(4), .dr-complex-grid__item:nth-child(5) {
		align-self: start;
	}
}
@media (max-width: 768px) {
	.dr-complex-grid__item:nth-child(4) {
		grid-column: span 2;
		align-self: end;
	}
}
@media (max-width: 480px) {
	.dr-complex-grid__item:nth-child(4) {
		grid-column: span 6;
		align-self: start;
	}
}

.dr-complex-grid__item--wide {
	grid-column: span 3;
}
@media (max-width: 768px) {
	.dr-complex-grid__item--wide {
		grid-column: span 6;
	}
}
.dr-complex-grid__item--wide .complex-preview__img {
	aspect-ratio: 1310/800;
}

.dr-complex-grid__item--big {
	grid-column: span 2;
}
@media (max-width: 768px) {
	.dr-complex-grid__item--big {
		grid-column: span 4;
	}
}
@media (max-width: 480px) {
	.dr-complex-grid__item--big {
		grid-column: span 6;
	}
}
.dr-complex-grid__item--big .complex-preview {
	max-width: 83rem;
}
@media (max-width: 1024px) {
	.dr-complex-grid__item--big .complex-preview {
		max-width: initial;
	}
}
.dr-complex-grid__item--big:last-child .complex-preview {
	margin-left: auto;
}

.steps-slider--dr .swiper-slide {
	width: max(600px, 105rem);
}
@media (max-width: 680px) {
	.steps-slider--dr .swiper-slide {
		display: flex;
		width: 300px;
		height: auto;
	}
}
.steps-slider--dr .step-panel {
	aspect-ratio: 1050/600;
	background: var(--black);
	color: #FFF;
}
@media (max-width: 680px) {
	.steps-slider--dr .step-panel {
		aspect-ratio: initial;
	}
}
.steps-slider--dr .step-panel:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 60%;
	background: linear-gradient(to right, #262626, rgba(0, 0, 0, 0));
}
@media (max-width: 680px) {
	.steps-slider--dr .step-panel:after {
		right: 0;
		width: 100%;
		top: initial;
		bottom: calc(100% - 242px);
		height: 70px;
		background: linear-gradient(to top, #262626, rgba(0, 0, 0, 0));
	}
}
.steps-slider--dr .step-panel__num {
	color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 680px) {
	.steps-slider--dr .step-panel__picture {
		order: -1;
		margin-top: -15px;
		margin-bottom: 0;
	}
}
@media (max-width: 680px) {
	.steps-slider--dr .step-panel__img {
		height: 240px;
	}
}

.dr-steps-nav {
	display: flex;
	align-items: center;
	gap: max(5px, 1rem);
	margin-bottom: max(15px, 2.2rem);
	overflow: auto;
	margin-left: -40px;
	width: calc(100% + 80px);
	padding: 0 40px 5px 40px;
}
@media (max-width: 1024px) {
	.dr-steps-nav {
		margin-left: -20px;
		width: calc(100% + 40px);
		padding: 0 20px 5px 20px;
	}
}
.dr-steps-nav::-webkit-scrollbar {
	display: none;
}
.dr-steps-nav figure {
	position: relative;
	overflow: clip;
	border-radius: 5px;
	flex: 1;
	background: var(--gray-light);
	height: 4px;
	transition: background 0.3s ease;
	min-width: 20px;
}
@media (max-width: 1024px) {
	.dr-steps-nav figure {
		height: 3px;
	}
}
@media (max-width: 680px) {
	.dr-steps-nav figure {
		height: 2px;
	}
}
.dr-steps-nav figure:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	transform: scaleX(0);
	transform-origin: left center;
	border-radius: 5px;
	background: var(--violet);
	transition: transform 0.6s ease;
}
.dr-steps-nav figure:last-child {
	display: none;
}

.dr-steps-nav__item {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	font-size: max(14px, 2.4rem);
	height: max(40px, 8.5rem);
	padding: 0 max(10px, 2.7rem);
	transition: color 0.3s ease;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
	color: var(--gray-dop);
}
@media (hover: hover) {
	.dr-steps-nav__item:hover {
		color: var(--violet);
	}
}
.dr-steps-nav__item svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.dr-steps-nav__item path {
	transition: stroke-dashoffset var(--draw-speed, 4s) ease;
}
.dr-steps-nav__item.active {
	color: var(--violet);
}
.dr-steps-nav__item.active path {
	stroke-dashoffset: calc(var(--path-total-length) * 2);
}
.dr-steps-nav__item.active-prev {
	color: var(--violet);
}
.dr-steps-nav__item.active-prev + figure:before {
	transform: scaleX(1);
}

.s-dr-incs {
	overflow: hidden;
}

.dr-incs-nav {
	display: flex;
	align-items: center;
	gap: max(5px, 1rem);
	margin-bottom: max(15px, 2.2rem);
	overflow: auto;
	margin-left: -40px;
	width: calc(100% + 80px);
	padding: 0 40px 5px 40px;
}
@media (max-width: 1024px) {
	.dr-incs-nav {
		margin-left: -20px;
		width: calc(100% + 40px);
		padding: 0 20px 5px 20px;
	}
}
.dr-incs-nav::-webkit-scrollbar {
	display: none;
}

.dr-incs-nav__item {
	display: flex;
	align-items: center;
	gap: 2rem;
	border-radius: 50px;
	padding: max(5px, 1rem);
	padding-right: max(22px, 4.5rem);
	font-size: max(14px, 2rem);
	background: transparent;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	        user-select: none;
	white-space: nowrap;
	transition: background 0.3s ease, scale 0.1s ease;
}
@media (hover: hover) {
	.dr-incs-nav__item:hover {
		background: var(--gray-light);
	}
}
.dr-incs-nav__item:active {
	background: var(--gray-light);
	scale: 0.96;
}
.dr-incs-nav__item.active {
	background: var(--gray-light);
}
.dr-incs-nav__item.active figure {
	background: var(--salat);
}
.dr-incs-nav__item.active img {
	filter: brightness(500%);
}
.dr-incs-nav__item figure {
	width: max(40px, 8rem);
	height: max(40px, 8rem);
	background: var(--gray-light);
	border-radius: 50%;
	overflow: clip;
	flex-shrink: 0;
	transition: background 0.3s ease;
}
.dr-incs-nav__item img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
	transition: filter 0.3s ease;
}

.dr-incs {
	position: relative;
}

.dr-incs-set {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	top: 0;
	left: 0;
	width: 100%;
	scale: 0.96;
	transition: opacity 0.6s ease, scale 0.6s ease, visibility 0.6s ease;
}
.dr-incs-set.active {
	position: relative;
	opacity: 1;
	scale: 1;
	visibility: visible;
}

.dr-incs-slider {
	overflow: visible;
}
.dr-incs-slider .swiper-slide {
	width: max(320px, 46.7rem);
}

.dr-inc {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 467/620;
	border-radius: var(--br-25);
	background: var(--black);
	color: #FFF;
	padding: max(15px, 2.5rem);
	overflow: clip;
}
.dr-inc .h3 {
	position: relative;
	z-index: 5;
	margin-bottom: 0.4em;
	transform: translateZ(1px);
}
.dr-inc .text-3 {
	position: relative;
	z-index: 5;
	transform: translateZ(1px);
}
.dr-inc:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.2);
	transform: translateZ(0px);
}
.dr-inc:after {
	content: "";
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
	transform: translateZ(0px);
}

.dr-inc__num {
	position: absolute;
	z-index: 5;
	top: max(15px, 2.5rem);
	left: max(15px, 2.5rem);
	transform: translateZ(1px);
}

.dr-inc__img {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dr-inc__video {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 2s ease;
	transform: translateZ(0px);
}
.dr-inc__video.lazy-video--loaded {
	opacity: 1;
}

.s-dr-anims {
	overflow: clip;
}

.dr-anims-panel {
	position: relative;
	margin-left: 25px;
	margin-right: 25px;
	border-radius: var(--br-25);
	background: var(--gray-light);
	padding: max(40px, 7rem) 0;
}
@media (max-width: 1024px) {
	.dr-anims-panel {
		margin-left: 5px;
		margin-right: 5px;
	}
}

.dr-anims-panel__line {
	position: absolute;
	top: 10rem;
	bottom: 0;
	width: 100%;
	height: auto;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
@media (max-width: 480px) {
	.dr-anims-panel__line {
		top: 40%;
	}
}

.dr-anims-slider {
	overflow: visible;
}
.dr-anims-slider .swiper-slide {
	width: 111rem;
	cursor: pointer;
}
@media (hover: hover) {
	.dr-anims-slider .swiper-slide:not(.swiper-slide-active):hover .dr-anim .dr-anim__stage:after {
		opacity: 0.5;
	}
}
@media (max-width: 1024px) {
	.dr-anims-slider .swiper-slide {
		width: 85vw;
	}
}
.dr-anims-slider .swiper-slide .dr-anim {
	pointer-events: none;
}
.dr-anims-slider .swiper-scrollbar {
	width: 111rem;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 1024px) {
	.dr-anims-slider .swiper-scrollbar {
		width: 85vw;
	}
}
.dr-anims-slider .slider-btn {
	top: calc(24.8rem - 30px);
}
.dr-anims-slider .swiper-slide-active .dr-anim {
	scale: 1;
	pointer-events: all;
}
.dr-anims-slider .swiper-slide-active .dr-anim__content {
	opacity: 1;
}
.dr-anims-slider .swiper-slide-active .dr-anim__stage {
	border-radius: max(15px, 2.5rem);
}
.dr-anims-slider .swiper-slide-active .dr-anim__stage:after {
	opacity: 0;
}
.dr-anims-slider .swiper-slide-prev .dr-anim {
	transform-origin: right top;
}
.dr-anims-slider .swiper-slide-next .dr-anim {
	transform-origin: left top;
}

.dr-anim {
	display: block;
	scale: 0.8;
	transform-origin: center top;
	transition: scale 0.4s ease, transform-origin 0.4s ease;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.dr-anim:hover .btn-arrow {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	.dr-anim:hover .btn-arrow path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	.dr-anim:hover .btn-arrow path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
	.dr-anim:hover .btn-arrow.btn-arrow--anim {
		width: var(--btn-width, auto);
	}
}

.dr-anim__stage {
	position: relative;
	border-radius: max(18px, 3rem);
	overflow: clip;
	transition: border-radius 0.4s ease;
}
.dr-anim__stage:after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.7);
	transition: opacity 0.6s ease;
}
@media (max-width: 1024px) {
	.dr-anim__stage:after {
		display: none;
	}
}

.dr-anim__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1110/620;
	background: var(--gray-light);
}

.dr-anim__content {
	display: flex;
	justify-content: space-between;
	width: 100%;
	gap: 15px;
	padding-top: max(15px, 3rem);
	opacity: 0;
	transition: opacity 0.4s ease;
}
@media (max-width: 680px) {
	.dr-anim__content {
		grid-template-columns: 1fr 25px;
	}
}
.dr-anim__title {
	margin-bottom: 0.3em;
}

.dr-anim__descr {
	max-width: 40em;
}

.dr-shows {
	position: relative;
	perspective: 2000px;
}
.dr-shows:after {
	content: "";
	display: block;
	height: 20vh;
}
.dr-shows .show-preview-big {
	position: sticky;
	top: 70px;
	margin-top: 10rem;
	max-height: calc(90svh - 60px - 20px);
	transform-origin: center top;
	will-change: transform;
}
.dr-shows .show-preview-big:first-child {
	margin-top: 0;
}
.dr-shows .show-preview-big:nth-child(2) {
	top: 110px;
}
.dr-shows .show-preview-big:nth-child(3) {
	top: 150px;
}
.dr-shows .show-preview-big:nth-child(4) {
	top: 190px;
}
.dr-shows .show-preview-big:nth-child(5) {
	top: 230px;
}

.s-dr-preims {
	overflow-x: clip;
}

.dr-preims__logo {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: -5rem;
}
@media (max-width: 680px) {
	.dr-preims__logo {
		margin-bottom: 20px;
	}
}

.dr-preims-grid {
	display: grid;
	grid-template-columns: minmax(250px, 47rem) minmax(0, 1fr);
	gap: 20px;
}
@media (max-width: 680px) {
	.dr-preims-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

.dr-preims__left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	z-index: 2;
}
.dr-preims__left .h2 {
	max-width: 9em;
	margin-bottom: 0.5em;
}
@media (max-width: 680px) {
	.dr-preims__left .h2 {
		max-width: initial;
		z-index: 10;
	}
}
@media (max-width: 680px) {
	.dr-preims__left .text-3 {
		position: relative;
		z-index: 10;
	}
}

.dr-preims__right {
	z-index: 3;
}

.dr-preims__line {
	position: absolute;
	bottom: 0;
	left: 0;
	translate: -12% 36%;
	width: 2207px;
	height: auto;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
@media (max-width: 1550px) {
	.dr-preims__line {
		width: 1680px;
		translate: -12% 35%;
	}
}
@media (max-width: 1250px) {
	.dr-preims__line {
		width: 1520px;
		translate: -14% 36%;
	}
}
@media (max-width: 680px) {
	.dr-preims__line {
		width: 920px;
		translate: -7% 39%;
	}
}

.dr-preims-hero {
	display: flex;
	align-items: flex-start;
	position: relative;
	margin-top: 20px;
}

.dr-preims-hero__photo {
	width: 30rem;
	height: auto;
	aspect-ratio: 300/315;
	flex-shrink: 0;
	margin-left: -8rem;
}
@media (max-width: 1024px) {
	.dr-preims-hero__photo {
		width: 150px;
	}
}
@media (max-width: 680px) {
	.dr-preims-hero__photo {
		width: 100px;
		margin-left: 0px;
	}
}

.dr-preims-hero__content {
	padding-top: 4rem;
	z-index: 10;
}
@media (max-width: 680px) {
	.dr-preims-hero__content {
		padding-top: 20px;
	}
}

.dr-preims-hero__name {
	margin-bottom: 0.2em;
	font-size: max(16px, 2.2rem);
}

.dr-preims-hero__name-descr {
	color: var(--gray-dop);
	max-width: 8em;
}

.dr-preims__nav {
	z-index: 10;
	display: flex;
	align-items: center;
	gap: 5px;
	padding-top: max(30px, 4rem);
	-webkit-user-select: none;
	        user-select: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}
@media (max-width: 680px) {
	.dr-preims__nav {
		display: none;
	}
}
.dr-preims__nav .slider-btn.swiper-button-disabled {
	opacity: 0.3;
	cursor: default;
	pointer-events: none;
}

@media (hover: hover) {
	.dr-preims-grid:hover .dr-preims__nav {
		opacity: 1;
	}
}

.dr-preims-slider {
	overflow: visible;
}
.dr-preims-slider .swiper-slide {
	width: max(300px, 43.4rem);
}
.dr-preims-slider .swiper-slide.swiper-slide--hidden .dr-preim {
	opacity: 0;
	transform: translateZ(0px) scale(0.5);
}
.dr-preims-slider .swiper-scrollbar {
	margin-left: 0;
	margin-right: initial;
}

.dr-preim {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 434/700;
	background: var(--black);
	border-radius: var(--br-25);
	overflow: clip;
	padding: max(15px, 3rem);
	color: #FFF;
	-webkit-user-select: none;
	        user-select: none;
	-webkit-tap-highlight-color: transparent;
	opacity: 1;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.dr-preim__title {
	position: relative;
	z-index: 2;
	margin-bottom: 0.5em;
	max-width: 8em;
	transform: translateZ(0px);
}

.dr-preim__descr {
	position: relative;
	z-index: 2;
	max-width: 20em;
	font-size: max(12px, 1.6rem);
	transform: translateZ(0px);
}

.dr-preim__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}

.dr-preim__video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	opacity: 0;
	transition: opacity 1s ease;
}
.dr-preim__video.lazy-video--loaded {
	opacity: 0.8;
}

.dr-preims-slider .swiper-slide {
	opacity: 0;
	translate: 20% 0;
	transition: opacity 1s ease, translate 1s ease;
}
.dr-preims-slider .swiper-slide:nth-child(1) {
	transition-delay: 0.1s;
}
.dr-preims-slider .swiper-slide:nth-child(2) {
	transition-delay: 0.2s;
}
.dr-preims-slider .swiper-slide:nth-child(3) {
	transition-delay: 0.3s;
}
.dr-preims-slider .swiper-slide:nth-child(4) {
	transition-delay: 0.4s;
}
.dr-preims-slider .swiper-slide:nth-child(5) {
	transition-delay: 0.5s;
}
.dr-preims-slider .swiper-slide:nth-child(6) {
	transition-delay: 0.6s;
}
.dr-preims-slider .swiper-slide:nth-child(7) {
	transition-delay: 0.7s;
}
.dr-preims-slider .swiper-slide:nth-child(8) {
	transition-delay: 0.8s;
}
.dr-preims-slider .swiper-slide:nth-child(9) {
	transition-delay: 0.9s;
}
.dr-preims-slider .swiper-slide:nth-child(10) {
	transition-delay: 1s;
}
.dr-preims-slider.animated .swiper-slide {
	opacity: 1;
	translate: 0 0;
}

.s-animators {
	margin-top: max(40px, 6rem);
}

.filter-section {
	display: flex;
	gap: 1px;
	margin-bottom: max(30px, 6rem);
	position: relative;
}
@media (max-width: 768px) {
	.filter-section {
		flex-direction: column;
	}
}

.filter-section__anchor {
	position: absolute;
	top: -80px;
}
@media (max-width: 1250px) {
	.filter-section__anchor {
		top: -60px;
	}
}

.filter {
	background: var(--gray-light);
	padding: max(10px, 2rem);
	border-radius: 15px;
	flex: auto;
}

.filter__title {
	color: var(--gray-dop);
	opacity: 0.5;
	margin-bottom: max(5px, 1.5rem);
}

.filter__list {
	display: flex;
	flex-wrap: wrap;
	gap: max(5px, 1rem);
}

.filter__btn {
	font-family: var(--font-title);
	color: var(--violet-dark);
	font-weight: 500;
	font-size: max(12px, 1.8rem);
	line-height: 1;
	white-space: nowrap;
	border-radius: 0.7em;
	border: 1px solid #FFF;
	padding: 1.1em;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
	transition: background 0.3s ease;
}
.filter__btn.active {
	background: #FFF;
}
@media (hover: hover) {
	.filter__btn:hover {
		background: #FFF;
	}
}
.filter__btn:active {
	scale: 0.96;
}

.filter-select.hidden-select {
	position: absolute;
}

.filter-select {
	font-family: var(--font-title);
	color: var(--violet-dark);
	font-weight: 500;
	font-size: max(12px, 1.8rem);
	height: 3.33em;
	display: flex;
	align-items: center;
	min-width: 33rem;
	border-radius: 0.7em;
	background: transparent;
	border: 1px solid #FFF;
}
@media (max-width: 768px) {
	.filter-select {
		width: 100%;
		max-width: 300px;
	}
}
@media (hover: hover) {
	.filter-select:hover {
		background: #FFF;
		border: 1px solid #FFF;
	}
}
.filter-select:focus {
	border: 1px solid #FFF;
}

.filter--order {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
@media (max-width: 768px) {
	.filter--order .filter__title {
		display: none;
	}
}

.filter-select .nice-select-dropdown {
	width: 100%;
	box-shadow: 0 0 0 1px var(--violet-light);
	overflow: auto;
}

.animators-title {
	margin-bottom: 1em;
}

.animators-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: max(30px, 10rem) var(--gap);
	grid-auto-flow: dense;
}
@media (max-width: 768px) {
	.animators-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (max-width: 680px) {
	.animators-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 480px) {
	.animators-grid {
		margin-left: -15px;
		margin-right: -15px;
		gap: 30px 5px;
	}
}

.animators-grid__item--big {
	grid-column: span 2;
}
.animators-grid__item--big .anim-preview__img {
	aspect-ratio: 870/830;
}

.animators-grid__order {
	grid-column: span 4;
}
@media (max-width: 768px) {
	.animators-grid__order {
		grid-column: span 3;
	}
}
@media (max-width: 680px) {
	.animators-grid__order {
		grid-column: span 2;
	}
}

.s-shows {
	margin-top: max(40px, 6rem);
}

.shows-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: max(30px, 10rem) var(--gap);
	grid-auto-flow: dense;
}
@media (max-width: 768px) {
	.shows-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 480px) {
	.shows-grid {
		margin-left: -15px;
		margin-right: -15px;
		gap: 30px 5px;
	}
}

.shows-grid__item--big {
	grid-column: span 3;
}
@media (max-width: 768px) {
	.shows-grid__item--big {
		grid-column: span 2;
	}
}

.shows-grid__item--wide {
	grid-column: span 3;
}
@media (max-width: 768px) {
	.shows-grid__item--wide {
		grid-column: span 2;
	}
}
.shows-grid__item--wide .show-preview__stage {
	aspect-ratio: 1760/700;
}
@media (max-width: 768px) {
	.shows-grid__item--wide .show-preview__stage {
		aspect-ratio: 1167/650;
	}
}

@media (width > 768px) {
	.shows-grid__item--middle {
		grid-column: span 2;
	}
	.shows-grid__item--middle .show-preview__stage {
		aspect-ratio: 1167/650;
	}
}

.shows-grid__order {
	grid-column: span 3;
}
@media (max-width: 768px) {
	.shows-grid__order {
		grid-column: span 2;
	}
}

.concerts-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: max(30px, 10rem) var(--gap);
	grid-auto-flow: dense;
}
@media (max-width: 680px) {
	.concerts-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 480px) {
	.concerts-grid {
		margin-left: -15px;
		margin-right: -15px;
		gap: 30px 5px;
	}
}

.concerts-grid__item {
	grid-column: span 2;
}
@media (max-width: 680px) {
	.concerts-grid__item {
		grid-column: span 1;
	}
}

.concerts-grid__item--big {
	grid-column: span 3;
}
@media (max-width: 680px) {
	.concerts-grid__item--big {
		grid-column: span 2;
	}
}
.concerts-grid__item--big .concert-preview__img {
	aspect-ratio: 870/700;
}

.intro--anim {
	display: block;
	min-height: 120rem;
	padding-bottom: 0;
}
.intro--anim:before, .intro--anim:after {
	display: none;
}

.anim-intro {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	position: relative;
	padding-bottom: 20px;
	width: 100%;
}
@media (max-width: 680px) {
	.anim-intro {
		flex-direction: column;
	}
}
@media (max-width: 680px) {
	.anim-intro .intro__cta-text {
		display: block;
	}
}

.anim-intro__left .h1 {
	max-width: 9em;
	margin-bottom: 0.5em;
	text-wrap: balance;
}
@media (max-width: 480px) {
	.anim-intro__left .h1 {
		max-width: initial;
	}
}
.anim-intro__left .text-3 {
	max-width: 25em;
	text-wrap: balance;
}
@media (max-width: 480px) {
	.anim-intro__left .text-3 {
		max-width: 25em;
	}
}

.anim-intro__img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}
@media (min-width: 2000px) {
	.anim-intro__img {
		object-position: center center;
	}
}
@media (max-width: 768px) {
	.anim-intro__img {
		position: relative;
		height: 66vw;
		object-position: center bottom;
		margin-top: -20vw;
	}
}

.anim-intro__links {
	display: flex;
	justify-content: flex-end;
	gap: max(5px, 1.2rem);
}
@media (max-width: 680px) {
	.anim-intro__links {
		flex-wrap: wrap;
		justify-content: start;
	}
}

.anim-intro__link {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: max(10px, 4rem);
	width: max(140px, 25rem);
	border-radius: var(--br-25);
	padding: max(10px, 2.5rem);
	color: #FFF;
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(5px);
	-webkit-tap-highlight-color: transparent;
	transition: background 0.3s ease;
}
@media (hover: hover) {
	.anim-intro__link:hover {
		background: rgba(255, 255, 255, 0.3);
	}
	.anim-intro__link:hover svg {
		stroke: var(--salat);
	}
}
.anim-intro__link:active {
	background: rgba(255, 255, 255, 0.3);
	scale: 0.95;
}
.anim-intro__link .text-2 {
	font-size: max(12px, 1.6rem);
}

.anim-intro__link__bottom {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
}
.anim-intro__link__bottom img {
	display: block;
	flex-shrink: 0;
	border-radius: max(8px, 1.5rem);
	width: max(70px, 11rem);
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
}
.anim-intro__link__bottom svg {
	position: relative;
	translate: 25% 25%;
	width: max(35px, 5rem);
	height: auto;
	transition: stroke 0.3s ease;
}

.intro--black-text .anim-intro__link {
	color: var(--black);
	background: rgba(255, 255, 255, 0.8);
}
@media (hover: hover) {
	.intro--black-text .anim-intro__link:hover {
		background: rgba(255, 255, 255, 0.8);
	}
	.intro--black-text .anim-intro__link:hover svg {
		stroke: var(--salat);
	}
}
.intro--black-text .anim-intro__link:active {
	background: rgba(255, 255, 255, 0.8);
	box-shadow: none;
}
.intro--black-text .anim-intro__link svg {
	stroke: var(--black);
}

.s-anim-about {
	position: relative;
	overflow-x: clip;
}

.anim-about-wrap {
	display: flex;
	align-items: flex-start;
}
@media (max-width: 680px) {
	.anim-about-wrap {
		flex-direction: column;
	}
}

.anim-about {
	width: max(320px, 59rem);
	max-width: 100%;
	flex-shrink: 0;
	padding-top: 10rem;
}
@media (max-width: 1024px) {
	.anim-about {
		padding-top: 0;
	}
}
@media (max-width: 680px) {
	.anim-about {
		width: 400px;
	}
}

.anim-about__stage {
	position: relative;
	display: flex;
	justify-content: center;
	flex: 1;
}
@media (max-width: 680px) {
	.anim-about__stage {
		margin-left: -20px;
		margin-right: -20px;
		width: calc(100% + 40px);
		flex: initial;
	}
}

.anim-about__stage__fade {
	position: relative;
}
.anim-about__stage__fade:has(video):after {
	content: "";
	position: absolute;
	z-index: 1;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	box-shadow: inset 0 0 10rem 10rem #FFF, inset 0 0 10rem 10rem #FFF;
}
@media (max-width: 680px) {
	.anim-about__stage__fade:has(video):after {
		box-shadow: inset 0 0 20rem 10rem #FFF, inset 0 0 20rem 10rem #FFF;
	}
}

.anim-about__video {
	display: block;
	width: 125rem;
	height: auto;
	aspect-ratio: 1250/930;
	object-fit: cover;
	opacity: 0.99;
}
@media (max-width: 1024px) {
	.anim-about__video {
		width: 100%;
	}
}

.anim-about__video--vertical {
	aspect-ratio: 9/12;
	width: max(400px, 70rem);
}
@media (max-width: 680px) {
	.anim-about__video--vertical {
		width: 100%;
	}
}

.anim-about__picture {
	flex: 1;
}
@media (max-width: 680px) {
	.anim-about__picture {
		align-self: stretch;
	}
}

.anim-about__img {
	width: auto;
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
@media (max-width: 680px) {
	.anim-about__img {
		margin-top: 15px;
		margin-left: -20px;
		margin-right: -20px;
		width: calc(100% + 40px);
	}
}

.s-photo-slider {
	overflow-x: clip;
	position: relative;
}

.s-photo-slider__line {
	position: absolute;
	z-index: 2;
	top: -30rem;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
}
@media (max-width: 680px) {
	.s-photo-slider__line {
		top: -60rem;
	}
}
.s-photo-slider__line svg {
	width: 290rem;
	height: auto;
	flex-shrink: 0;
	stroke: var(--line-color, #EDEEF3);
}

.photo-slider {
	position: relative;
	z-index: 3;
	overflow: visible;
	-webkit-user-select: none;
	        user-select: none;
	cursor: none;
}
@media (max-width: 680px) {
	.photo-slider .swiper-scrollbar {
		width: calc(100% - 40px);
	}
}

.photo-slider__slide {
	display: flex;
	align-items: flex-end;
	width: auto;
	height: auto;
}

@media (min-width: 680px) {
	.photo-slider__slide--odd:not(.photo-slider__slide--big) {
		align-items: flex-start;
		margin-top: min(-25px, -5rem);
	}
}

@media (max-width: 680px) {
	.photo-slider__slide--odd {
		align-items: flex-start;
		margin-top: min(-25px, -5rem);
	}
}

.photo-slider__slide--big .photo-slider__img {
	height: max(200px, 84rem);
}

.photo-slider__img {
	display: block;
	height: max(200px, 62rem);
	width: auto;
	aspect-ratio: var(--w)/var(--h);
	border-radius: var(--br-25);
	background: var(--gray-light);
	object-fit: cover;
	pointer-events: none;
	opacity: 0.99;
}

.photo-slider.anim .swiper-slide {
	opacity: 0;
	translate: 100px 0;
	transition: opacity 1s ease, translate 1s ease;
}
.photo-slider.anim .swiper-slide:nth-child(1) {
	transition-delay: 0.1s;
}
.photo-slider.anim .swiper-slide:nth-child(2) {
	transition-delay: 0.2s;
}
.photo-slider.anim .swiper-slide:nth-child(3) {
	transition-delay: 0.3s;
}
.photo-slider.anim .swiper-slide:nth-child(4) {
	transition-delay: 0.4s;
}
.photo-slider.anim .swiper-slide:nth-child(5) {
	transition-delay: 0.5s;
}
.photo-slider.anim .swiper-slide:nth-child(6) {
	transition-delay: 0.6s;
}
.photo-slider.anim .swiper-slide:nth-child(7) {
	transition-delay: 0.7s;
}
.photo-slider.anim .swiper-slide:nth-child(8) {
	transition-delay: 0.8s;
}
.photo-slider.anim .swiper-slide:nth-child(9) {
	transition-delay: 0.9s;
}
.photo-slider.anim .swiper-slide:nth-child(10) {
	transition-delay: 1s;
}
.photo-slider.anim.animated .swiper-slide {
	opacity: 1;
	translate: 0 0;
}

.photo-slider-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--salat);
	width: 9rem;
	height: 10rem;
	border-radius: 10px;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.6s ease;
	pointer-events: none;
	transform: translate3d(var(--nav-x, 0), var(--nav-y, 0), 0);
	will-change: transform;
}
@media (max-width: 1024px) {
	.photo-slider-nav {
		visibility: hidden;
		opacity: 0;
		display: none;
	}
}
.photo-slider-nav.visible {
	opacity: 1;
	transition: opacity 0.3s ease 0.2s;
}
.photo-slider-nav svg {
	position: absolute;
	top: -10%;
	left: calc((10% + 0.5rem) * -1);
	height: 120%;
	width: auto;
	transition: all 0.3s ease;
	opacity: 0;
}
.photo-slider-nav.visible {
	opacity: 1;
}
.photo-slider-nav.left svg:first-child {
	opacity: 1;
	scale: 1;
}
.photo-slider-nav.left svg:last-child {
	opacity: 0;
	scale: 0.5;
}
.photo-slider-nav.right svg:last-child {
	opacity: 1;
	scale: 1;
}
.photo-slider-nav.right svg:first-child {
	opacity: 0;
	scale: 0.5;
}

.s-anim-incs {
	padding-left: 5px;
	padding-right: 5px;
}

.anim-incs {
	position: relative;
	background: var(--gray-dop);
	border-radius: var(--br-25);
	padding: max(35px, 6rem) 0;
	width: 1870px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: clip;
	color: #FFF;
}
.anim-incs .container {
	z-index: 5;
}
.anim-incs:before {
	content: "";
	position: absolute;
	z-index: 2;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
}
.anim-incs:after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	width: 60%;
	background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}

.anim-incs__bg {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.anim-incs__line {
	position: absolute;
	z-index: 4;
	bottom: 0;
	left: 0;
	height: 100%;
	width: auto;
	opacity: 0.5;
}

.anim-incs__grid {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	gap: 40px 30px;
}
@media (max-width: 1024px) {
	.anim-incs__grid {
		grid-template-columns: 1fr;
	}
}

.anim-incs__title {
	max-width: 12em;
}
@media (max-width: 1024px) {
	.anim-incs__title {
		max-width: initial;
	}
}

.anim-incs__list {
	counter-reset: inc;
}

.anim-incs__item {
	display: grid;
	grid-template-columns: minmax(20px, 0.3fr) 1fr 1fr;
	gap: 20px;
	align-items: flex-start;
	border-bottom: 2px solid rgba(255, 255, 255, 0.5);
	padding: max(15px, 3.5rem) 0;
	counter-increment: inc;
}
@media (max-width: 680px) {
	.anim-incs__item {
		grid-template-columns: 15px 1fr;
		gap: 5px;
	}
}
.anim-incs__item:first-child {
	padding-top: 0;
}
.anim-incs__item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.anim-incs__item:before {
	content: counter(inc, decimal-leading-zero);
	display: block;
}
@media (max-width: 680px) {
	.anim-incs__item:before {
		font-size: 12px;
	}
}
.anim-incs__item .h3 {
	margin-top: -0.2em;
}
@media (max-width: 680px) {
	.anim-incs__item .text-2 {
		grid-column: span 2;
		padding-left: 20px;
	}
}

.anim-incs__list.anim .anim-incs__item {
	translate: 0 -50px;
	opacity: 0;
	transition: translate 0.6s ease, opacity 0.6s ease;
}
.anim-incs__list.anim .anim-incs__item:nth-child(1) {
	transition-delay: 0.1s;
}
.anim-incs__list.anim .anim-incs__item:nth-child(2) {
	transition-delay: 0.2s;
}
.anim-incs__list.anim .anim-incs__item:nth-child(3) {
	transition-delay: 0.3s;
}
.anim-incs__list.anim .anim-incs__item:nth-child(4) {
	transition-delay: 0.4s;
}
.anim-incs__list.anim .anim-incs__item:nth-child(5) {
	transition-delay: 0.5s;
}
.anim-incs__list.anim .anim-incs__item:nth-child(6) {
	transition-delay: 0.6s;
}
.anim-incs__list.anim .anim-incs__item:nth-child(7) {
	transition-delay: 0.7s;
}
.anim-incs__list.anim .anim-incs__item:nth-child(8) {
	transition-delay: 0.8s;
}
.anim-incs__list.anim .anim-incs__item:nth-child(9) {
	transition-delay: 0.9s;
}
.anim-incs__list.anim .anim-incs__item:nth-child(10) {
	transition-delay: 1s;
}
.anim-incs__list.anim .anim-incs__item:nth-child(11) {
	transition-delay: 1.1s;
}
.anim-incs__list.anim .anim-incs__item:nth-child(12) {
	transition-delay: 1.2s;
}
.anim-incs__list.anim .anim-incs__item:nth-child(13) {
	transition-delay: 1.3s;
}
.anim-incs__list.anim .anim-incs__item:nth-child(14) {
	transition-delay: 1.4s;
}
.anim-incs__list.anim .anim-incs__item:nth-child(15) {
	transition-delay: 1.5s;
}
.anim-incs__list.anim.animated .anim-incs__item {
	translate: 0 0px;
	opacity: 1;
}

.s-complex-anim {
	padding-left: 5px;
	padding-right: 5px;
}

.complex-anim {
	position: relative;
	background: var(--gray-light);
	border-radius: max(20px, 3.5rem);
	padding: max(25px, 6rem) 0;
	width: 1870px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: clip;
}
@media (max-width: 680px) {
	.complex-anim {
		border-radius: 15px;
	}
}

.complex-anim__line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.mini-cta {
	background: var(--gray-light);
	margin-top: max(30px, 6rem);
	border-radius: var(--br-25);
	padding: max(20px, 4rem);
	display: flex;
	align-items: flex-start;
	gap: 10px max(25px, 5rem);
}
@media (max-width: 1024px) {
	.mini-cta {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}
.mini-cta .h5 {
	max-width: 15em;
	text-wrap: balance;
}
@media (max-width: 1024px) {
	.mini-cta .h5 {
		max-width: initial;
	}
}
.mini-cta .text-2 {
	max-width: 25em;
	text-wrap: balance;
}
@media (max-width: 1024px) {
	.mini-cta .text-2 {
		max-width: 35em;
	}
}

.mini-cta__right {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-left: auto;
	align-self: center;
}
@media (max-width: 1024px) {
	.mini-cta__right {
		justify-content: center;
		margin-left: initial;
		padding-top: 10px;
		gap: 5px;
	}
}
@media (max-width: 1024px) {
	.mini-cta__right .soc-icon-text span {
		display: none;
	}
}

.intro--show {
	display: flex;
	min-height: 120rem;
	padding-bottom: 0;
}
@media (max-width: 680px) {
	.intro--show {
		display: block;
	}
}
.intro--show:before, .intro--show:after {
	display: none;
}
.intro--show .intro__cta-text {
	margin-top: max(30px, 6rem);
}
@media (max-width: 680px) {
	.intro--show .intro__picture {
		display: block;
		position: relative;
		height: auto;
		width: 100%;
		aspect-ratio: 573/650;
		margin-top: -20vw;
		left: initial;
	}
}

.show-intro {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-bottom: max(20px, 6rem);
}
@media (max-width: 680px) {
	.show-intro .intro__cta-text {
		display: block;
	}
}

.show-intro__panels {
	margin-top: auto;
	display: flex;
	flex-wrap: wrap;
	gap: max(5px, 1.2rem);
	padding-top: 20px;
}
@media (max-width: 480px) {
	.show-intro__panels {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
}

.show-intro__panel {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 10px;
	border-radius: var(--br-25);
	background: rgba(0, 0, 0, 0.35);
	color: #FFF;
	backdrop-filter: blur(5px);
	font-size: max(10px, 2rem);
	padding: 1.2em;
	width: 12.5em;
	min-height: 8.5em;
}
@media (max-width: 480px) {
	.show-intro__panel {
		width: auto;
	}
}
.show-intro__panel svg {
	height: 1.1em;
	width: auto;
	align-self: end;
	flex-shrink: 0;
	fill: currentColor;
}

.intro--black-text .show-intro__panel {
	background: rgba(255, 255, 255, 0.5);
	color: var(--black);
}

.s-photo-slider--show .photo-slider {
	margin-top: max(50px, 10rem);
}
.s-photo-slider--show .photo-slider__slide--big .photo-slider__img {
	height: max(200px, 60rem);
}
.s-photo-slider--show .photo-slider__img {
	height: max(200px, 45rem);
}

.show-about {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px 20px;
}
@media (max-width: 680px) {
	.show-about {
		grid-template-columns: 1fr;
	}
}

.show-about__left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}

.show-about__title-wrap {
	flex: 1;
}

.show-about__title {
	max-width: 15em;
	margin-bottom: 1em;
	position: sticky;
	top: 70px;
}
@media (max-width: 680px) {
	.show-about__title {
		max-width: 20em;
	}
}

.show-about__bottom {
	display: flex;
	align-items: flex-end;
	gap: max(15px, 3rem);
}

.show-about__video-wrap {
	position: relative;
	width: max(100px, 43rem);
	border-radius: var(--br-25);
	overflow: clip;
}
@media (max-width: 680px) {
	.show-about__video-wrap {
		width: 200px;
	}
}
.show-about__video-wrap:after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.1);
}

.show-about__video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 43/30;
	object-fit: cover;
}

.show-about__label .text-2 {
	max-width: 8em;
}
@media (max-width: 680px) {
	.show-about__label .text-2 {
		font-size: 12px;
	}
}

.show-about__label-stage {
	position: relative;
	margin-bottom: max(10px, 2rem);
	width: max(50px, 11rem);
}
.show-about__label-stage svg {
	display: block;
	width: 100%;
	height: auto;
}
.show-about__label-stage img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	animation: labelRotate 10s infinite linear;
	aspect-ratio: 1/1;
}

@keyframes labelRotate {
	to {
		rotate: -1turn;
	}
}
.show-about__right {
	width: 71.4rem;
}
@media (max-width: 1024px) {
	.show-about__right {
		width: 100%;
	}
}

.show-about__inc-title {
	margin-bottom: 0.9em;
	margin-top: max(30px, 8rem);
}

.show-about__inc-list {
	list-style: none;
	counter-reset: inc;
	width: 100%;
}
.show-about__inc-list li {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	position: relative;
	counter-increment: inc;
	padding: 0.8em 0;
	border-top: 2px solid var(--gray-light);
}
.show-about__inc-list li:first-child {
	border-top: none;
	padding-top: 0;
}
.show-about__inc-list li:last-child {
	padding-bottom: 0;
}
.show-about__inc-list li:after {
	content: counter(inc, decimal-leading-zero);
	font-size: max(10px, 1.6rem);
	color: var(--gray-dop);
}

.show-video__title {
	margin-bottom: max(25px, 5rem);
	max-width: 20em;
}

.show-video {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.show-video:hover .show-video__video-wrap:after {
		opacity: 0;
	}
}

.show-video__video-wrap {
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
	width: 100%;
}
.show-video__video-wrap:after {
	content: "";
	inset: 0;
	position: absolute;
	background: rgba(0, 0, 0, 0.2);
	transition: opacity 0.3s ease;
}

.show-video__video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1760/600;
	object-fit: cover;
	opacity: 0.99;
}
@media (max-width: 680px) {
	.show-video__video {
		aspect-ratio: 1920/1080;
	}
}

.show-video__bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	justify-content: center;
	margin-top: -30px;
}
@media (max-width: 1024px) {
	.show-video__bottom {
		margin-top: -25px;
	}
}
@media (max-width: 680px) {
	.show-video__bottom {
		margin-top: -20px;
	}
}
.show-video__bottom .btn {
	margin-bottom: 10px;
}
.show-video__bottom .text-1 {
	color: var(--gray-dop);
}

@media (max-width: 680px) {
	.intro--concert {
		flex-direction: column;
		padding-bottom: 0;
		min-height: initial;
	}
}
.intro--concert:after {
	height: 100px;
	background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0));
	opacity: 1;
}
.intro--concert:before {
	display: none;
}
@media (max-width: 680px) {
	.intro--concert .intro__bottom {
		margin-top: initial;
		padding-top: 15px;
	}
}
@media (max-width: 680px) {
	.intro--concert .intro__cta-text {
		display: block;
	}
}
@media (max-width: 680px) {
	.intro--concert .intro__picture {
		display: block;
		position: relative;
		width: 100%;
		left: 0;
		aspect-ratio: 1.1/1;
		margin-top: -17rem;
	}
}
@media (max-width: 680px) {
	.intro--concert .intro__picture img {
		object-position: 60% 100%;
	}
}

.intro--concert.intro--black-text .intro__picture:after {
	background: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.intro--concert.intro--black-text .fav {
	background: rgba(0, 0, 0, 0.2);
}
.intro--concert.intro--black-text:after {
	background: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.intro--concert.intro--black-text + .s-concert-video:before {
	background: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}

.s-concert-video {
	overflow: clip;
}
.s-concert-video:before {
	content: "";
	position: absolute;
	z-index: 3;
	top: -1px;
	left: 0;
	right: 0;
	height: 30%;
	background: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0));
	pointer-events: none;
}
.s-concert-video video {
	aspect-ratio: 1920/800;
}
@media (max-width: 680px) {
	.s-concert-video video {
		aspect-ratio: 4/3;
	}
}

.s-concert-video__photo {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 1920/800;
	object-fit: cover;
}
@media (max-width: 680px) {
	.s-concert-video__photo {
		aspect-ratio: 4/3;
	}
}

.video-with-controls {
	position: relative;
}
.video-with-controls video {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.video__play-state {
	position: absolute;
	z-index: 3;
	width: 50px;
	height: 50px;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.video__play-state:active {
	scale: 0.95;
}
.video__play-state img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.video__play-state img:first-child {
	opacity: 1;
}
.video__play-state img:last-child {
	opacity: 0;
}
.video__play-state[data-play=play] img:first-child {
	opacity: 0;
}
.video__play-state[data-play=play] img:last-child {
	opacity: 1;
}

.video__volume-state {
	position: absolute;
	z-index: 3;
	width: 45px;
	height: 45px;
	bottom: 20px;
	left: 20px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.video__volume-state:active {
	scale: 0.95;
}
.video__volume-state img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.video__volume-state img:first-child {
	opacity: 0;
}
.video__volume-state img:last-child {
	opacity: 1;
}
.video__volume-state[data-volume=muted] img:first-child {
	opacity: 1;
}
.video__volume-state[data-volume=muted] img:last-child {
	opacity: 0;
}

.s-preims-concert {
	padding-left: 5px;
	padding-right: 5px;
}

.preims-concert {
	position: relative;
	background: var(--gray-light);
	border-radius: max(20px, 3.5rem);
	padding: max(25px, 6rem) 0;
	width: 1870px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: clip;
}

.preims-concert__line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.s-photo-slider--concert .photo-slider {
	margin-top: max(50px, 10rem);
}
.s-photo-slider--concert .photo-slider__slide--big .photo-slider__img {
	height: max(200px, 77rem);
}
.s-photo-slider--concert .photo-slider__slide--small .photo-slider__img {
	height: max(200px, 45rem);
}
.s-photo-slider--concert .photo-slider__img {
	height: max(200px, 60rem);
}

.concert-inc {
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
	padding: max(40px, 10rem) 0 max(20px, 5rem);
	background: var(--black);
	color: #FFF;
	--inc-paddings: 13rem;
}
@media (max-width: 680px) {
	.concert-inc {
		--inc-paddings: 20px;
	}
}
.concert-inc:before {
	content: "";
	position: absolute;
	z-index: 2;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
}
.concert-inc > *:not(.concert-inc__bg) {
	position: relative;
	z-index: 3;
}

.concert-inc__bg {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.concert-inc__title {
	margin-bottom: 1em;
	padding-left: var(--inc-paddings);
	padding-right: var(--inc-paddings);
}

.concert-inc__list {
	counter-reset: inc;
}

.concert-inc__item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 15px;
	position: relative;
	background: transparent;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 1.5em var(--inc-paddings);
	counter-increment: inc;
	transition: background 0.3s ease, color 0.3s ease;
	color: #FFF;
	font-size: max(16px, 3.6rem);
}
@media (hover: hover) {
	.concert-inc__item:hover {
		color: var(--salat);
		background: rgba(0, 0, 0, 0.2);
	}
}
.concert-inc__item:active {
	color: var(--salat);
	background: rgba(0, 0, 0, 0.2);
}
.concert-inc__item:first-child {
	border-top: none;
}
.concert-inc__item:after {
	content: "(" counter(inc, decimal-leading-zero) ")";
	font-size: max(12px, 1.6rem);
	color: #FFF;
	position: relative;
	top: 0.2em;
}

.s-concert-about {
	overflow: clip;
}

.concert-about {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px 10px;
	position: relative;
}
@media (max-width: 768px) {
	.concert-about {
		grid-template-columns: minmax(0, 1fr);
	}
}
.concert-about:before {
	content: "";
	position: absolute;
	z-index: 2;
	height: 100%;
	right: 55%;
	width: 50vw;
	background: #FFF;
	background: linear-gradient(to left, transparent, #FFF 20%);
}
@media (max-width: 768px) {
	.concert-about:before {
		display: none;
	}
}

.concert-about__left {
	display: flex;
	flex-direction: column;
	gap: 30px;
	z-index: 3;
}

.concert-about__actions {
	margin-top: auto;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.concert-about__nav {
	display: flex;
	gap: 4px;
	-webkit-user-select: none;
	        user-select: none;
}

.concert-about__right {
	grid-column: span 2;
	align-self: end;
}
@media (max-width: 768px) {
	.concert-about__right {
		grid-column: span 1;
	}
}

.concert-about-slider {
	overflow: visible;
	width: max(800px, 90rem);
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 480px) {
	.concert-about-slider {
		width: 100%;
		max-width: 100%;
	}
}
.concert-about-slider .swiper-slide-next .concert-about__slide {
	scale: 0.6;
	translate: -10% 0;
	transform-origin: left center;
}
.concert-about-slider .swiper-slide-prev .concert-about__slide {
	scale: 0.6;
	translate: 10% 0;
	transform-origin: right center;
}

.concert-about__slide {
	text-align: center;
	scale: 1;
	translate: 0% 0;
	transition: scale 0.4s ease, translate 0.4s ease, transform-origin 0.4s ease;
}
.concert-about__slide .h5 {
	padding-top: max(10px, 2rem);
}

.concert-about__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 900/700;
}

.intro--ny .intro__title {
	max-width: 16em;
	color: var(--accent-color, inherit);
}

.s-ny-shows {
	overflow: clip;
}

.ny-shows-slider-wrap {
	position: relative;
}
.ny-shows-slider-wrap .slider-btn {
	top: calc(30rem - 30px);
}

.ny-shows-slider {
	overflow: visible;
}
.ny-shows-slider .swiper-slide {
	width: 116.7rem;
}
@media (max-width: 1024px) {
	.ny-shows-slider .swiper-slide {
		width: 85vw;
	}
}
.ny-shows-slider .swiper-slide .show-preview {
	pointer-events: none;
}
.ny-shows-slider .swiper-slide .show-preview__bottom-row {
	opacity: 0;
	transition: opacity 0.4s ease;
}
.ny-shows-slider .swiper-slide .btn--play {
	opacity: 0;
}
.ny-shows-slider .swiper-slide-active .show-preview {
	scale: 1;
	pointer-events: all;
}
.ny-shows-slider .swiper-slide-active .show-preview__bottom-row {
	opacity: 1;
}
.ny-shows-slider .swiper-slide-active .btn--play {
	opacity: 1;
}
.ny-shows-slider .swiper-slide-prev .show-preview {
	transform-origin: right top;
}
.ny-shows-slider .swiper-slide-next .show-preview {
	transform-origin: left top;
}
.ny-shows-slider .show-preview {
	scale: 0.8;
	transform-origin: center top;
	transition: scale 0.4s ease, transform-origin 0.4s ease;
}
.ny-shows-slider .show-preview__stage {
	aspect-ratio: 1167/729;
}

.ny-concerts {
	position: relative;
	background: #2C4F41;
	border-radius: var(--br-25);
	color: #FFF;
	padding: max(30px, 6rem) 0;
	overflow: clip;
}
.ny-concerts .draw-line {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.ny-concerts .container {
	z-index: 5;
}
.ny-concerts:before, .ny-concerts:after {
	content: "";
	position: absolute;
	top: -40rem;
	left: 0;
	width: 100%;
	height: 80rem;
	border-radius: 50%;
	background: radial-gradient(ellipse 50% 50%, #448f72, #2C4F41);
}
.ny-concerts:after {
	top: initial;
	bottom: -40rem;
}
.ny-concerts .hover-slider {
	background: transparent;
}

.ny-concerts-grid {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: max(30px, 10rem) var(--gap);
}
@media (max-width: 480px) {
	.ny-concerts-grid {
		margin-left: -15px;
		margin-right: -15px;
		gap: 30px 5px;
	}
}

.ny-concerts-grid__item {
	width: calc((100% - var(--gap) * 2) / 3);
}
@media (max-width: 680px) {
	.ny-concerts-grid__item {
		width: calc((100% - var(--gap)) / 2);
	}
}
@media (max-width: 480px) {
	.ny-concerts-grid__item {
		width: calc((100% - 5px) / 2);
	}
}

.target-block {
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
	background: var(--black);
	color: #FFF;
}
.target-block:before {
	content: "";
	inset: 0;
	background: var(--bg-color, #0C1612);
	position: absolute;
	z-index: 2;
	opacity: 0.5;
}
@media (max-width: 768px) {
	.target-block:before {
		opacity: 0.7;
	}
}

.target-block__head {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 6;
	top: max(25px, 5rem);
	pointer-events: none;
}
@media (max-width: 768px) {
	.target-block__head {
		position: relative;
	}
}

.bx-editmode .target-block__head {
	pointer-events: all;
}

.target-block__bg {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

.targets {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	position: relative;
	z-index: 5;
	height: max(500px, 90rem);
}
@media (max-width: 768px) {
	.targets {
		grid-template-columns: 1fr;
		height: auto;
		margin-left: -20px;
		margin-right: -20px;
		padding-bottom: 25px;
	}
}

.target {
	position: relative;
	padding-top: max(200px, 33rem);
	padding-left: 2rem;
	padding-right: 2rem;
	border-right: 1px solid var(--black);
}
@media (max-width: 768px) {
	.target {
		display: grid;
		grid-template-columns: 1fr 40px;
		gap: 0 20px;
		padding: 20px;
		border-right: none;
		border-bottom: 1px solid var(--black);
	}
	.target:last-child {
		border-bottom: none;
	}
}
@media (hover: hover) {
	.target:hover:before {
		opacity: 0.3;
	}
	.target:hover .h5 {
		color: var(--accent-color);
	}
	.target:hover .text-2 {
		opacity: 1;
		translate: 0 0px;
	}
}
.target:before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--bg-color, #0C1612);
	opacity: 0;
	transition: opacity 0.3s ease;
}
.target:last-child {
	border-right: none;
}
.target .h5 {
	margin-bottom: 0.5em;
	transition: color 0.3s ease;
	position: relative;
	z-index: 2;
}
.target .plus-btn {
	display: none;
}
@media (max-width: 768px) {
	.target .plus-btn {
		display: inline-flex;
	}
}
@media (max-width: 768px) {
	.target .target__roller {
		display: grid;
		grid-template-rows: 0fr;
		transition: grid-template-rows 0.3s ease;
	}
}
.target .text-2 {
	opacity: 0;
	translate: 0 10px;
	transition: opacity 0.3s ease, translate 0.3s ease;
	font-size: max(12px, 2rem);
	max-width: 35em;
	position: relative;
	z-index: 2;
}
@media (max-width: 1024px) {
	.target .text-2 {
		opacity: 1;
		translate: 0 0px;
	}
}
@media (max-width: 768px) {
	.target .text-2 {
		grid-column: span 2;
		overflow: hidden;
	}
}
@media (max-width: 768px) {
	.target.active .target__roller {
		grid-template-rows: 1fr;
	}
}
.target.active .plus-btn {
	background: var(--plus-btn-bg-active, #FFF);
	color: var(--plus-btn-color-active, var(--black));
}
.target.active .plus-btn:after {
	transform: scaleX(0);
}

.heroes-slider-block--ny:before {
	content: "";
	position: absolute;
	top: -55rem;
	left: 0;
	width: 100%;
	height: 80rem;
	border-radius: 50%;
	background: radial-gradient(ellipse 50% 50%, #6BBA9B, #2C4F41);
	opacity: 0.7;
}
.heroes-slider-block--ny .heroes-slider:before {
	content: "";
	position: absolute;
	top: calc(50% - 40rem);
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 80%;
	height: 80rem;
	border-radius: 50%;
	background: radial-gradient(ellipse closest-side, #97dfc3, transparent);
	opacity: 0.4;
}
@media (max-width: 680px) {
	.heroes-slider-block--ny .heroes-slider:before {
		width: 100%;
		height: 160rem;
		top: calc(50% - 80rem);
	}
}

.intro--dm .intro__picture:before {
	opacity: 1;
}

.heroes-slider-block--dm {
	background: #000C35;
}
.heroes-slider-block--dm .swiper-scrollbar {
	background: rgba(255, 255, 255, 0.3);
}
.heroes-slider-block--dm .draw-line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 0;
}
.heroes-slider-block--dm:before {
	content: "";
	position: absolute;
	top: -55rem;
	left: 0;
	width: 100%;
	height: 80rem;
	border-radius: 50%;
	background: radial-gradient(ellipse closest-side, #8CA1E3, transparent);
	opacity: 0.6;
	z-index: 1;
}
.heroes-slider-block--dm .heroes-slider:before {
	content: "";
	position: absolute;
	top: calc(50% - 40rem);
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 80%;
	height: 80rem;
	border-radius: 50%;
	background: radial-gradient(ellipse closest-side, #7390f3, transparent);
	opacity: 0.8;
}
@media (max-width: 680px) {
	.heroes-slider-block--dm .heroes-slider:before {
		width: 100%;
		height: 160rem;
		top: calc(50% - 80rem);
	}
}

@media (max-width: 680px) {
	.dr-shows--dm .show-preview-big {
		height: 360px;
	}
}
@media (max-width: 480px) {
	.dr-shows--dm .show-preview-big {
		height: auto;
	}
}

.s-dm-reasons {
	overflow-x: clip;
}
.s-dm-reasons .draw-line {
	position: absolute;
	width: 260rem;
	height: auto;
	left: calc(50% - 130rem);
	top: -10rem;
	pointer-events: none;
	-webkit-user-select: none;
	        user-select: none;
	z-index: -1;
}
.s-dm-reasons .sec-title-double {
	position: relative;
	z-index: 5;
}

.dm-reasons-slider {
	overflow: visible;
}
.dm-reasons-slider .swiper-slide {
	display: flex;
	height: auto;
	width: max(300px, 49rem);
}

.dm-reason {
	display: flex;
	flex-direction: column;
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
	background: var(--bg-color, #D2E0EF);
	-webkit-user-select: none;
	        user-select: none;
}
.dm-reason figure {
	position: absolute;
	font-family: var(--font-title);
	font-weight: 500;
	line-height: 0.6;
	font-size: max(470px, 70rem);
	color: var(--num-color, #FFF);
	bottom: 0;
	right: -0.12em;
}

.dm-reason__content {
	position: relative;
	z-index: 2;
	padding: max(25px, 4rem);
	padding-bottom: 0;
}
.dm-reason__content .h5 {
	margin-bottom: 0.5em;
}

.dm-reason__img {
	display: block;
	position: relative;
	z-index: 2;
	width: 100%;
	height: auto;
	margin-top: auto;
	aspect-ratio: 1/1;
}

.dm-reasons-slider.anim .swiper-slide {
	translate: 50% 0;
	opacity: 0;
	transition: translate 2s cubic-bezier(0.33, 1, 0.68, 1), opacity 1s cubic-bezier(0.33, 1, 0.68, 1);
}
.dm-reasons-slider.anim .swiper-slide:nth-child(1) {
	transition-delay: 0.1s;
}
.dm-reasons-slider.anim .swiper-slide:nth-child(2) {
	transition-delay: 0.2s;
}
.dm-reasons-slider.anim .swiper-slide:nth-child(3) {
	transition-delay: 0.3s;
}
.dm-reasons-slider.anim .swiper-slide:nth-child(4) {
	transition-delay: 0.4s;
}
.dm-reasons-slider.anim .swiper-slide:nth-child(5) {
	transition-delay: 0.5s;
}
.dm-reasons-slider.anim .swiper-slide:nth-child(6) {
	transition-delay: 0.6s;
}
.dm-reasons-slider.anim .swiper-slide:nth-child(7) {
	transition-delay: 0.7s;
}
.dm-reasons-slider.anim .swiper-slide:nth-child(8) {
	transition-delay: 0.8s;
}

.dm-reasons-slider.animated .swiper-slide {
	translate: 0% 0;
	opacity: 1;
}

.s-dm-video {
	overflow-x: clip;
}

.dm-video-stage {
	position: relative;
	padding-top: 1px;
}

.dm-video__logo {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
}
.dm-video__logo.anim path {
	opacity: 0;
	translate: 0 100%;
	transition: opacity 0.6s ease, translate 1s ease;
}
.dm-video__logo.anim path:nth-child(1) {
	transition-delay: 0.1s;
}
.dm-video__logo.anim path:nth-child(2) {
	transition-delay: 0.2s;
}
.dm-video__logo.anim path:nth-child(3) {
	transition-delay: 0.3s;
}
.dm-video__logo.anim path:nth-child(4) {
	transition-delay: 0.4s;
}
.dm-video__logo.anim path:nth-child(5) {
	transition-delay: 0.5s;
}
.dm-video__logo.anim path:nth-child(6) {
	transition-delay: 0.6s;
}
.dm-video__logo.anim path:nth-child(7) {
	transition-delay: 0.7s;
}
.dm-video__logo.anim path:nth-child(8) {
	transition-delay: 0.8s;
}
.dm-video__logo.animated path {
	opacity: 1;
	translate: 0 0%;
}

.show-video--dm {
	position: relative;
	width: 110rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8rem;
}
@media (hover: hover) {
	.show-video--dm:hover .show-video__video-wrap:after {
		opacity: 0.7;
	}
}
@media (max-width: 480px) {
	.show-video--dm {
		width: 100%;
	}
}
.show-video--dm .show-video__video-wrap:after {
	opacity: 0.5;
}
.show-video--dm .show-video__video {
	aspect-ratio: 1100/600;
	will-change: transform;
}

.dm-video__dec {
	position: absolute;
	top: -8rem;
	z-index: 2;
	aspect-ratio: 560/1000;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	width: 56rem;
	height: auto;
}
@media (max-width: 480px) {
	.dm-video__dec {
		width: 80rem;
	}
}
.dm-video__dec--left {
	left: 0;
}
@media (max-width: 480px) {
	.dm-video__dec--left {
		left: -30rem;
	}
}
.dm-video__dec--right {
	right: 0;
}
@media (max-width: 480px) {
	.dm-video__dec--right {
		right: -40rem;
	}
}

.services-wall-dm {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: var(--gap);
	grid-auto-flow: dense;
}
@media (max-width: 768px) {
	.services-wall-dm {
		gap: 5px;
	}
}
.services-wall-dm .service-wall-item {
	gap: max(5px, 1rem);
}
.services-wall-dm .service-wall-item:nth-child(3), .services-wall-dm .service-wall-item:nth-child(4) {
	margin-top: -0.5rem;
}
@media (max-width: 768px) {
	.services-wall-dm .service-wall-item:nth-child(3), .services-wall-dm .service-wall-item:nth-child(4) {
		margin-top: initial;
	}
}

.service-wall-item--dm-square {
	grid-column: span 3;
	grid-row: span 3;
}
@media (max-width: 768px) {
	.service-wall-item--dm-square {
		grid-column: span 5;
		grid-row: span 1;
	}
}
.service-wall-item--dm-square .service-wall-item__stage {
	aspect-ratio: 425/440;
}

.service-wall-item--dm-big {
	grid-column: span 5;
	grid-row: span 6;
}
@media (max-width: 768px) {
	.service-wall-item--dm-big {
		grid-column: span 7;
		grid-row: span 2;
	}
}
.service-wall-item--dm-big .service-wall-item__stage {
	aspect-ratio: 722/962;
}
@media (max-width: 768px) {
	.service-wall-item--dm-big .service-wall-item__stage {
		flex: 1;
	}
}

.service-wall-item--dm-wide {
	grid-column: span 4;
	grid-row: span 2;
}
@media (max-width: 768px) {
	.service-wall-item--dm-wide {
		grid-column: span 12;
		grid-row: span 1;
	}
}
.service-wall-item--dm-wide .service-wall-item__stage {
	aspect-ratio: 573/269;
}

.s-dm-details {
	overflow-x: clip;
}
.s-dm-details .sec-title-double {
	position: relative;
	z-index: 2;
}
.s-dm-details .sec-title-double .h2 {
	max-width: 30em;
}

.dm-details {
	position: relative;
	width: 90rem;
	margin: 0 auto;
	margin-top: -10rem;
}
@media (max-width: 680px) {
	.dm-details {
		width: 100%;
		height: auto;
	}
}

.dm-details__video-wrap {
	position: relative;
	z-index: 1;
	width: 79rem;
	height: auto;
	aspect-ratio: 790/1000;
	margin: 0 auto;
	pointer-events: none;
	-webkit-user-select: none;
	        user-select: none;
}
@media (max-width: 680px) {
	.dm-details__video-wrap {
		width: 100%;
	}
}
.dm-details__video-wrap:after {
	content: "";
	position: absolute;
	left: -2px;
	top: -2px;
	right: -2px;
	bottom: -2px;
	background: radial-gradient(ellipse closest-side, rgba(255, 255, 255, 0) 70%, #FFF);
}

.dm-details__video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.99;
}

.dm-details__items {
	position: absolute;
	inset: 0;
	z-index: 2;
}

.dm-details__item {
	position: absolute;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	left: var(--x);
	top: var(--y);
}
.dm-details__item figure {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--accent-color, #edcb9d);
	color: #FFF;
	width: max(40px, 6rem);
	height: max(30px, 4rem);
	border-radius: max(7px, 1rem);
	transition: background 0.6s ease;
	z-index: 3;
}
.dm-details__item figure:before, .dm-details__item figure:after {
	content: "";
	width: 10px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
	transition: transform 0.6s ease;
}
.dm-details__item figure:after {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	rotate: 90deg;
}
.dm-details__item.active {
	z-index: 5;
}
.dm-details__item.active figure {
	background: #FFF;
	color: var(--black);
}
.dm-details__item.active figure:after {
	transform: scaleX(0);
}
.dm-details__item.active .dm-details__item__pop {
	opacity: 1;
	scale: 1;
	pointer-events: all;
}

.dm-details__item__pop {
	position: absolute;
	bottom: min(-5px, -1rem);
	right: min(-5px, -1rem);
	background: var(--gray-light);
	border-radius: var(--br-25);
	padding: max(5px, 1rem);
	padding-bottom: max(40px, 5.5rem);
	width: max(160px, 28rem);
	opacity: 0;
	scale: 0.9;
	pointer-events: none;
	transform-origin: right bottom;
	transition: scale 0.6s ease, opacity 0.6s ease;
}
.dm-details__item__pop img {
	display: block;
	width: max(90px, 18rem);
	height: auto;
	aspect-ratio: 180/210;
	margin-bottom: max(10px, 1.8rem);
	border-radius: max(10px, 2rem);
}
.dm-details__item__pop .text-2 {
	font-size: max(12px, 1.8rem);
	padding-left: max(5px, 1rem);
}

.dm-details__item:nth-child(1) .dm-details__item__pop, .dm-details__item:nth-child(6) .dm-details__item__pop {
	transform-origin: left bottom;
	right: initial;
	left: min(-5px, -1rem);
}

.dm-details .dm-details__item {
	opacity: 0;
	scale: 0;
	transition: scale 0.3s ease, opacity 0.3s ease;
}
.dm-details .dm-details__item:nth-child(1) {
	transition-delay: 0.15s;
}
.dm-details .dm-details__item:nth-child(2) {
	transition-delay: 0.3s;
}
.dm-details .dm-details__item:nth-child(3) {
	transition-delay: 0.45s;
}
.dm-details .dm-details__item:nth-child(4) {
	transition-delay: 0.6s;
}
.dm-details .dm-details__item:nth-child(5) {
	transition-delay: 0.75s;
}
.dm-details .dm-details__item:nth-child(6) {
	transition-delay: 0.9s;
}
.dm-details .dm-details__item:nth-child(7) {
	transition-delay: 1.05s;
}
.dm-details .dm-details__item:nth-child(8) {
	transition-delay: 1.2s;
}
.dm-details .dm-details__item:nth-child(9) {
	transition-delay: 1.35s;
}
.dm-details .dm-details__item:nth-child(10) {
	transition-delay: 1.5s;
}

.dm-details--anim .dm-details__item {
	opacity: 1;
	scale: 1;
}

.complex-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: max(20px, 4rem) max(10px, 4rem);
}
@media (max-width: 768px) {
	.complex-grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}
.complex-grid + .complex-grid {
	margin-top: max(20px, 4rem);
}

@media (max-width: 768px) {
	.complex-grid__item {
		grid-column: span 2;
	}
}
@media (max-width: 480px) {
	.complex-grid__item {
		grid-column: span 3;
	}
}
.complex-grid__item:nth-child(6n+4), .complex-grid__item:nth-child(6n+5), .complex-grid__item:nth-child(6n+6) {
	align-self: end;
}
@media (max-width: 768px) {
	.complex-grid__item:nth-child(6n+4), .complex-grid__item:nth-child(6n+5), .complex-grid__item:nth-child(6n+6) {
		align-self: start;
	}
}
@media (max-width: 768px) {
	.complex-grid__item:nth-child(6n+4), .complex-grid__item:nth-child(6n+5) {
		order: 3;
		grid-column: span 3;
	}
}
@media (max-width: 768px) {
	.complex-grid__item:nth-child(3) {
		align-self: end;
	}
}
@media (max-width: 480px) {
	.complex-grid__item:nth-child(3) {
		align-self: start;
	}
}

.complex-grid__item--big {
	grid-column: span 2;
}
@media (max-width: 768px) {
	.complex-grid__item--big {
		grid-column: span 4;
	}
}
@media (max-width: 480px) {
	.complex-grid__item--big {
		grid-column: span 6;
	}
}
.complex-grid__item--big .complex-preview {
	max-width: 83rem;
}
@media (max-width: 1024px) {
	.complex-grid__item--big .complex-preview {
		max-width: initial;
	}
}
.complex-grid__item--big:last-child:not(:first-child) {
	margin-top: -20rem;
}
@media (max-width: 768px) {
	.complex-grid__item--big:last-child:not(:first-child) {
		order: 2;
		margin-top: initial;
	}
}
.complex-grid__item--big:last-child:not(:first-child) .complex-preview {
	margin-left: auto;
}

.complex-why-block {
	position: relative;
	overflow: clip;
	background: var(--gray-light);
	border-radius: var(--br-25);
	padding: max(35px, 7rem) 0;
}
.complex-why-block .draw-line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
.complex-why-block .container {
	z-index: 2;
}

.complex-why-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--gap);
}
@media (max-width: 1024px) {
	.complex-why-grid {
		display: flex;
		margin-left: -20px;
		width: calc(100% + 40px);
		overflow: auto;
		padding: 0 20px 20px 20px;
		scrollbar-color: var(--salat) var(--gray-light);
	}
}
.complex-why-grid::-webkit-scrollbar {
	height: 4px;
}
.complex-why-grid::-webkit-scrollbar-thumb {
	background-color: var(--salat);
	border-radius: 20px;
}

.complex-why {
	display: block;
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
	background: var(--black);
	color: #FFF;
	aspect-ratio: 425/700;
	padding: max(15px, 3rem);
}
@media (max-width: 1024px) {
	.complex-why {
		width: 250px;
		flex-shrink: 0;
	}
}
.complex-why > * {
	position: relative;
	z-index: 3;
}
.complex-why:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0));
	z-index: 2;
}
.complex-why img, .complex-why video {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.complex-why .h4 {
	margin-bottom: 0.5em;
}
.complex-why .text-3 {
	max-width: 24em;
	font-size: max(12px, 2rem);
}
.complex-why figure {
	position: absolute;
	bottom: -0.3em;
	right: -0.12em;
	font-family: var(--font-title);
	font-size: max(425px, 80rem);
	font-weight: 500;
	line-height: 1;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #FFF;
	color: transparent;
}

.complex-why-separate {
	display: flex;
	flex-direction: column;
	gap: max(10px, 2.5rem);
}
@media (max-width: 1024px) {
	.complex-why-separate {
		width: 250px;
		flex-shrink: 0;
	}
}
.complex-why-separate:nth-child(2n of .complex-why-separate) {
	flex-direction: column-reverse;
	justify-content: space-between;
}

.complex-why-separate__content {
	padding: 0 max(5px, 2.5rem);
}
.complex-why-separate__content .h4 {
	margin-bottom: 0.5em;
}
.complex-why-separate__content .text-3 {
	max-width: 24em;
	font-size: max(12px, 2rem);
}

.complex-why-separate__stage {
	position: relative;
	width: 100%;
	height: auto;
	border-radius: var(--br-25);
	overflow: clip;
	aspect-ratio: 425/440;
	background: var(--black);
	color: #FFF;
}
.complex-why-separate__stage img, .complex-why-separate__stage video {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.complex-why-separate__stage figure {
	position: absolute;
	z-index: 3;
	top: -0.12em;
	right: -0.12em;
	font-family: var(--font-title);
	font-size: max(425px, 80rem);
	font-weight: 500;
	line-height: 1;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #FFF;
	color: transparent;
}

.complex-why-grid.anim .anim--fadeIn:nth-child(1) {
	transition-delay: 0.2s;
}
.complex-why-grid.anim .anim--fadeIn:nth-child(2) {
	transition-delay: 0.4s;
}
.complex-why-grid.anim .anim--fadeIn:nth-child(3) {
	transition-delay: 0.6s;
}
.complex-why-grid.anim .anim--fadeIn:nth-child(4) {
	transition-delay: 0.8s;
}
.complex-why-grid.anim .anim--fadeIn:nth-child(5) {
	transition-delay: 1s;
}
.complex-why-grid.anim .anim--fadeIn:nth-child(6) {
	transition-delay: 1.2s;
}
.complex-why-grid.anim .anim--fadeIn:nth-child(7) {
	transition-delay: 1.4s;
}
.complex-why-grid.anim .anim--fadeIn:nth-child(8) {
	transition-delay: 1.6s;
}
.complex-why-grid.anim .anim--fadeIn:nth-child(9) {
	transition-delay: 1.8s;
}
.complex-why-grid.anim .anim--fadeIn:nth-child(10) {
	transition-delay: 2s;
}

.complex-why-save {
	margin-top: max(50px, 15rem);
}

.complex-why-save-stage {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5rem;
	line-height: 1;
	color: var(--violet-dark);
	font-family: var(--font-title);
	white-space: nowrap;
}
.complex-why-save-stage small {
	font-weight: 600;
	font-size: 7rem;
}
.complex-why-save-stage strong {
	font-weight: 500;
	font-size: 40rem;
	letter-spacing: -0.08em;
	font-variant-numeric: tabular-nums;
}

.complex-prefs-block {
	position: relative;
	background: #000;
	color: #FFF;
	border-radius: var(--br-25);
	overflow: clip;
}
@media (max-width: 680px) {
	.complex-prefs-block {
		padding: 25px 0;
		padding-top: 0;
	}
}
.complex-prefs-block:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 30%;
	background: linear-gradient(to bottom, #000, transparent);
	z-index: 2;
}
@media (max-width: 680px) {
	.complex-prefs-block:before {
		height: 50%;
		display: none;
	}
}
.complex-prefs-block:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50%;
	background: linear-gradient(to top, #000, transparent);
	z-index: 2;
}
.complex-prefs-block .h2 {
	z-index: 3;
	position: absolute;
	top: max(25px, 5rem);
	max-width: 13em;
}
@media (max-width: 680px) {
	.complex-prefs-block .h2 {
		position: relative;
		top: initial;
		margin-bottom: 10px;
	}
}

@media (max-width: 680px) {
	.complex-prefs-block__picture {
		position: relative;
		display: block;
		margin-bottom: -20rem;
	}
}
.complex-prefs-block__picture:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30%;
	z-index: 2;
	opacity: 0;
	background: linear-gradient(to top, #000, transparent);
}
@media (max-width: 680px) {
	.complex-prefs-block__picture:after {
		opacity: 1;
	}
}

.complex-prefs-block__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 680px) {
	.complex-prefs-block__bg {
		display: block;
		position: relative;
		height: auto;
		aspect-ratio: 10/6;
	}
}

.complex-prefs {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	position: relative;
	z-index: 3;
	counter-reset: prefs;
}
@media (max-width: 680px) {
	.complex-prefs {
		display: block;
	}
}

.complex-pref {
	display: flex;
	flex-direction: column;
	position: relative;
	padding: max(100px, 20rem) 5rem 5rem 5rem;
	border-right: 1px solid rgba(255, 255, 255, 0.25);
	min-height: 90rem;
	counter-increment: prefs;
}
@media (max-width: 680px) {
	.complex-pref {
		border-right: 0;
		padding: 20px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
		padding-left: 90px;
		min-height: initial;
	}
	.complex-pref:last-child {
		border: none;
	}
}
.complex-pref:last-child {
	border-right: none;
}
.complex-pref .h3 {
	font-size: max(22px, 3.6rem);
	margin-bottom: 0.5em;
	max-width: 10em;
}
.complex-pref .text-3 {
	font-size: max(12px, 2rem);
	max-width: 30em;
}
.complex-pref:before {
	content: counter(prefs);
	display: block;
	font-family: var(--font-title);
	font-size: max(250px, 50rem);
	font-weight: 500;
	line-height: 0.8;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #FFF;
	color: transparent;
}
@media (max-width: 680px) {
	.complex-pref:before {
		position: absolute;
		top: 20px;
		left: 20px;
		font-size: 100px;
		width: 60px;
		text-align: center;
		-webkit-text-stroke-width: 1px;
	}
}

.s-team {
	overflow: clip;
}

.team-slider {
	overflow: visible;
}
.team-slider .swiper-slide {
	width: max(280px, 42.5rem);
	height: auto;
}
@media (max-width: 680px) {
	.team-slider .swiper-slide-active .hero__line path {
		stroke-dashoffset: calc(var(--path-total-length) * 2);
	}
}

.hero {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #d4d4cf;
	border-radius: var(--br-25);
	overflow: clip;
	transform: translateZ(0px);
}
@media (hover: hover) {
	.hero:hover .text-2 {
		opacity: 0.9;
		translate: 0 0px;
	}
	.hero:hover .hero__line path {
		stroke-dashoffset: calc(var(--path-total-length) * 2);
	}
}

.hero__content {
	position: relative;
	z-index: 3;
	padding: max(15px, 3rem);
	padding-bottom: 0;
	margin-bottom: min(-15px, -3rem);
	transform: translateZ(1px);
}
.hero__content .h4 {
	margin-bottom: 0.5em;
	font-size: max(18px, 3.2rem);
}
.hero__content .text-2 {
	font-size: max(12px, 1.8rem);
	opacity: 0;
	translate: 0 6px;
	transition: opacity 0.3s ease, translate 0.3s ease;
}
@media (max-width: 1024px) {
	.hero__content .text-2 {
		opacity: 0.9;
		translate: 0 0px;
	}
}

.hero__stage {
	position: relative;
	z-index: 1;
	aspect-ratio: 425/500;
	transform: translateZ(0px);
}
.hero__stage video {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	transform: translateZ(0px);
}
.hero__stage:after {
	content: "";
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	right: 0;
	height: 20%;
	background: linear-gradient(to bottom, #d4d4cf, transparent);
	transform: translateZ(1px);
}

.hero__line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 2;
	transform: translateZ(0);
}
.hero__line path {
	transition: stroke-dashoffset var(--draw-speed, 4s) ease;
}

.decor-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: start;
	gap: 8rem 10rem;
}
@media (max-width: 680px) {
	.decor-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}
@media (max-width: 480px) {
	.decor-grid {
		gap: 30px 10px;
	}
}
.decor-grid + .decor-grid {
	margin-top: 10rem;
}
@media (max-width: 480px) {
	.decor-grid + .decor-grid {
		margin-top: 30px;
	}
}

.decor-grid__item .decor-preview__img {
	aspect-ratio: 830/500;
}

.decor-grid__item--big {
	grid-column: span 2;
}
@media (max-width: 680px) {
	.decor-grid__item--big {
		grid-column: initial;
	}
}
.decor-grid__item--big .decor-preview__img {
	aspect-ratio: 1760/700;
}
@media (max-width: 680px) {
	.decor-grid__item--big .decor-preview__content {
		flex-direction: row;
	}
}

.decor-grid__item--middle .decor-preview__img {
	aspect-ratio: 1/1;
}

.decor-grid__item:nth-child(4), .decor-grid__item:nth-child(5) {
	align-self: end;
	margin-top: -25rem;
}
@media (max-width: 680px) {
	.decor-grid__item:nth-child(4), .decor-grid__item:nth-child(5) {
		align-self: initial;
		margin: initial;
	}
}

.decor-preview {
	display: block;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.decor-preview:hover .btn-double {
		--btn-bg: var(--salat);
		--btn-bg-light: var(--salat-light);
	}
}
.decor-preview:active .btn-arrow {
	background: var(--salat);
}

.decor-preview__slider {
	border-radius: var(--br-25);
}

.decor-preview__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 830/500;
	object-fit: cover;
}

.decor-preview__content {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: max(10px, 2rem);
	padding-top: max(10px, 2rem);
}
.decor-preview__content .btn-double {
	--btn-bg: var(--gray-light);
	--btn-bg-light: #f6f6f9;
}

.decor-preview__title {
	font-size: max(12px, 2.8rem);
}

.s-ba-slider {
	overflow: clip;
}

.ba-slider {
	overflow: visible;
}
.ba-slider .swiper-slide {
	width: 117rem;
	scale: 0.8;
	transition: scale 0.3s ease, transform-origin 0.3s ease;
}
@media (max-width: 480px) {
	.ba-slider .swiper-slide {
		width: 90%;
	}
}
.ba-slider .swiper-slide:after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.5);
	transition: opacity 0.3s ease;
	opacity: 1;
	border-radius: var(--br-25);
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
}
.ba-slider .swiper-slide-active {
	scale: 1;
}
.ba-slider .swiper-slide-active:after {
	opacity: 0;
	pointer-events: none;
}
.ba-slider .swiper-slide-next {
	transform-origin: left top;
}
.ba-slider .swiper-slide-prev {
	transform-origin: right top;
}

.ba-slider__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 20px;
}
.ba-slider__nav .slider-btn {
	position: relative;
}
.ba-slider__nav .swiper-scrollbar {
	width: max(200px, 30rem);
	margin: initial;
}

.ba-slider__compare {
	position: relative;
	aspect-ratio: 1170/780;
}
.ba-slider__compare img {
	display: none;
}

cocoen-component {
	border-radius: var(--br-25);
	-webkit-tap-highlight-color: transparent;
	background: var(--gray-light);
}
cocoen-component::part(drag) {
	width: 1px;
	background: #FFF;
}
cocoen-component::part(drag):before {
	width: max(35px, 7rem);
	height: max(25px, 5rem);
	background: #FFF;
	border-radius: max(5px, 1rem);
	background: url(/local/templates/archione/css/../img/icons/ba-drag.svg) center center no-repeat #FFF;
	background-size: contain;
}
cocoen-component::part(drag-decor) {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}
cocoen-component::part(drag-decor):before, cocoen-component::part(drag-decor):after {
	content: "";
	position: absolute;
	left: 50%;
	translate: -50% 0;
	background-repeat: no-repeat;
	background-size: contain;
	width: max(30px, 5rem);
	height: max(16px, 2.3rem);
}
cocoen-component::part(drag-decor):before {
	background-image: url(/local/templates/archione/css/../img/icons/drag-top.svg);
	background-position: center top;
	top: -1px;
}
cocoen-component::part(drag-decor):after {
	background-image: url(/local/templates/archione/css/../img/icons/drag-bottom.svg);
	background-position: center bottom;
	bottom: -1px;
}
cocoen-component img {
	display: block;
	aspect-ratio: 1170/780;
}

.dec-details-slider-wrapper {
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
}
@media (max-width: 1024px) {
	.dec-details-slider-wrapper {
		border-radius: initial;
	}
}

.dec-details {
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
	background: var(--gray-light);
}
.dec-details:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.3);
}

.dec-details__bg {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1870/900;
}

.dec-details__items {
	position: absolute;
	inset: 0;
	z-index: 3;
}

.dec-details__item {
	position: absolute;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	left: var(--x);
	top: var(--y);
	translate: -50% -50%;
}
.dec-details__item figure {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--accent-color, var(--salat));
	color: var(--black);
	width: max(30px, 6rem);
	height: max(22px, 4rem);
	border-radius: max(7px, 1rem);
	transition: background 0.6s ease;
	z-index: 3;
}
.dec-details__item figure:before, .dec-details__item figure:after {
	content: "";
	width: 10px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
	transition: transform 0.6s ease;
}
@media (max-width: 1024px) {
	.dec-details__item figure:before, .dec-details__item figure:after {
		width: 6px;
		height: 1px;
	}
}
.dec-details__item figure:after {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	rotate: 90deg;
}
.dec-details__item.active {
	z-index: 5;
}
.dec-details__item.active figure:after {
	transform: scaleX(0);
}
.dec-details__item.active .dec-details__item__pop {
	opacity: 1;
	scale: 1;
	pointer-events: all;
}

.dec-details__item--right .dec-details__item__pop {
	left: initial;
	right: calc(100% - max(5px, 1rem));
}

.dec-details__item__pop {
	position: absolute;
	z-index: 2;
	background: #FFF;
	border-radius: max(7px, 1rem);
	font-size: max(10px, 1.8rem);
	line-height: 1.3;
	padding: max(5px, 1rem) max(8px, 1.6rem);
	top: 50%;
	left: calc(100% - max(5px, 1rem));
	scale: 0.8;
	opacity: 0;
	pointer-events: none;
	transition: scale 0.3s ease, opacity 0.3s ease;
	width: max-content;
	max-width: 200px;
}

.dec-details__bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	padding-bottom: max(25px, 5rem);
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
@media (max-width: 1024px) {
	.dec-details__bottom {
		position: relative;
		background: none;
		margin-top: 15px;
	}
}
.dec-details__bottom .container {
	display: grid;
	grid-template-columns: 250px 1fr 250px;
	align-items: center;
}
@media (max-width: 1024px) {
	.dec-details__bottom .container {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		gap: 20px;
	}
}
.dec-details__bottom .swiper-scrollbar.swiper-scrollbar-horizontal {
	--swiper-scrollbar-bg-color: rgba(255, 255, 255, 0.3);
	margin-top: 0;
}
@media (max-width: 1024px) {
	.dec-details__bottom .swiper-scrollbar.swiper-scrollbar-horizontal {
		--swiper-scrollbar-bg-color: var(--gray-light);
	}
}

.dec-details__nav {
	display: flex;
	justify-content: flex-end;
	gap: 5px;
	-webkit-user-select: none;
	        user-select: none;
}
@media (max-width: 1024px) {
	.dec-details__nav {
		display: none;
	}
}

.s-mk {
	margin-top: max(40px, 6rem);
}

.mk-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: max(30px, 6rem) var(--gap);
}
@media (max-width: 480px) {
	.mk-grid {
		margin-left: -15px;
		margin-right: -15px;
		gap: 30px 5px;
	}
}

.s-addons {
	margin-top: max(40px, 6rem);
}

.addons-grid {
	gap: max(30px, 6rem) var(--gap);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media (max-width: 680px) {
	.addons-grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}
@media (max-width: 480px) {
	.addons-grid {
		margin-left: -15px;
		margin-right: -15px;
		gap: 30px 5px;
	}
}
.addons-grid .addon-preview {
	width: calc((100% - var(--gap) * 2) / 3);
}
@media (max-width: 680px) {
	.addons-grid .addon-preview {
		width: calc((100% - var(--gap) * 1) / 2);
	}
}

body {
	background: var(--template-bg-color, #FFF);
	color: var(--template-text-color, var(--black));
}

.intro--template {
	min-height: initial;
	overflow: visible;
	overflow-x: clip;
	background: var(--template-bg-color, transparent);
	color: inherit;
	padding-bottom: 0;
}
.intro--template:before, .intro--template:after {
	display: none;
}
.intro--template .intro__title {
	color: var(--template-titles-color, inherit);
}
.intro--template .intro__descr {
	max-width: 36em;
}
@media (max-width: 680px) {
	.intro--template .intro__cta-text {
		display: block;
	}
}
.intro--template + .s-def {
	padding-top: max(40px, 8rem);
}

.intro-tags--gray .intro-tag {
	background: var(--gray-light);
}

.intro__template-bg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
@media (max-width: 680px) {
	.intro__template-bg {
		height: 150rem;
	}
}
.intro__template-bg:before {
	content: "";
	position: absolute;
	z-index: 3;
	top: -2px;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, var(--template-bg-color), transparent);
	pointer-events: none;
}
@media (max-width: 680px) {
	.intro__template-bg:before {
		background: var(--template-bg-color);
		opacity: 0.8;
	}
}
.intro__template-bg img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}
@media (max-width: 680px) {
	.intro__template-bg img {
		height: 100%;
	}
}

.intro__template-img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--br-25);
	margin-top: max(30px, 5rem);
}

.s-template-text .user-content {
	width: 71.4rem;
}
@media (max-width: 1024px) {
	.s-template-text .user-content {
		width: 100%;
	}
}
.s-template-text .template-text__bottom {
	margin-top: auto;
	padding-top: 20px;
}
@media (max-width: 680px) {
	.s-template-text .template-text__bottom {
		display: none;
	}
}
.s-template-text .template-text__bottom--mob {
	display: none;
	padding-top: 0;
}
@media (max-width: 680px) {
	.s-template-text .template-text__bottom--mob {
		display: flex;
	}
}

.template-text-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
@media (max-width: 680px) {
	.template-text-grid {
		grid-template-columns: 1fr;
	}
}

.template-text__left {
	display: flex;
	flex-direction: column;
}

.template-text__title-space {
	flex: 1;
}

.template-text__title {
	position: sticky;
	top: 70px;
	max-width: 16em;
	color: var(--template-titles-color, inherit);
}

.template-text__bottom {
	display: flex;
	align-items: flex-end;
	gap: max(10px, 1.5rem);
}

@media (max-width: 680px) {
	.template-text__right {
		grid-row: span 1;
	}
}

.template-text__bottom-img {
	display: block;
	width: max(160px, 42rem);
	height: auto;
	border-radius: var(--br-25);
	aspect-ratio: 420/280;
	object-fit: cover;
}
@media (max-width: 680px) {
	.template-text__bottom-img {
		width: max(200px, 100rem);
	}
}

.template-text__bottom-video {
	display: block;
	width: max(160px, 42rem);
	height: auto;
	border-radius: var(--br-25);
	aspect-ratio: 420/280;
	object-fit: cover;
}
@media (max-width: 680px) {
	.template-text__bottom-video {
		width: max(200px, 100rem);
	}
}

.template-text__bottom-descr {
	max-width: 15em;
}
.template-text__bottom-descr a {
	color: var(--template-titles-color, var(--violet-dark));
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: currentColor;
	text-underline-offset: 0.3em;
	-webkit-tap-highlight-color: transparent;
	transition: color 0.3s ease;
}
@media (hover: hover) {
	.template-text__bottom-descr a:hover {
		color: var(--salat);
	}
}
.template-text__bottom-descr a:active {
	color: var(--salat);
}

.s-photo-slider--template .photo-slider {
	margin-top: max(50px, 10rem);
}
.s-photo-slider--template .photo-slider__img {
	height: max(200px, 43rem);
}
.s-photo-slider--template .photo-slider__slide--v .photo-slider__img {
	height: max(200px, 69rem);
}
.s-photo-slider--template .photo-slider__slide--big .photo-slider__img {
	height: max(200px, 86rem);
}

.s-template-text-img .user-content {
	width: 71.4rem;
}
@media (max-width: 1024px) {
	.s-template-text-img .user-content {
		width: 100%;
	}
}

.template-text-img-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
@media (max-width: 680px) {
	.template-text-img-grid {
		grid-template-columns: 1fr;
	}
}

.template-text-img__content {
	display: flex;
	flex-direction: column;
}
.template-text-img__content .template-text__bottom {
	margin-top: auto;
	padding-top: 20px;
}

.template-text-img__title {
	margin-bottom: max(20px, 4rem);
	max-width: 16em;
	color: var(--template-titles-color, inherit);
}

.template-text-img__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 870/1300;
	border-radius: var(--br-25);
	object-fit: cover;
}
@media (max-width: 680px) {
	.template-text-img__img {
		aspect-ratio: 3/4;
	}
}

.template-text-img-grid--reverse .template-text-img__content {
	order: 2;
	padding-left: 10px;
}
@media (max-width: 680px) {
	.template-text-img-grid--reverse .template-text-img__content {
		order: initial;
		padding-left: 0;
	}
}
.template-text-img-grid--reverse .template-text__bottom {
	flex-direction: row-reverse;
}
@media (max-width: 680px) {
	.template-text-img-grid--reverse .template-text__bottom {
		flex-direction: row;
	}
}
.template-text-img-grid--reverse .template-text__bottom-descr {
	text-align: right;
}
@media (max-width: 680px) {
	.template-text-img-grid--reverse .template-text__bottom-descr {
		text-align: left;
	}
}

.template-cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: max(15px, 3rem);
	position: relative;
	padding: 45px 20px;
	border-radius: var(--br-25);
	background: var(--template-panels-color, var(--gray-light));
	color: var(--template-panels-text-color, #FFF);
	text-align: center;
	overflow: clip;
}
.template-cta .h2 {
	max-width: 15em;
	text-wrap: balance;
}
.template-cta .text-3 {
	max-width: 30em;
	text-wrap: balance;
}
.template-cta > * {
	position: relative;
	z-index: 2;
}

.template-cta__line {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	width: 100%;
	height: auto;
	stroke: var(--template-line-color, rgba(255, 255, 255, 0.15));
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
@media (max-width: 480px) {
	.template-cta__line {
		height: 100%;
		width: auto;
	}
}

.template-wide-img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 1760/786;
	border-radius: var(--br-25);
}

.template-wall {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: var(--gap);
}
@media (max-width: 480px) {
	.template-wall {
		grid-template-columns: 1fr 1fr;
	}
}

.template-wall__item {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 573/786;
	object-fit: cover;
	border-radius: var(--br-25);
	opacity: 0.99;
	background: var(--gray-light);
}

.template-cite {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: max(15px, 5rem);
	position: relative;
	border-radius: var(--br-25);
	background: var(--template-panels-color, var(--gray-light));
	color: var(--template-panels-text-color, #FFF);
	overflow: clip;
	padding: 3rem 14rem 0 14rem;
}
@media (max-width: 1024px) {
	.template-cite {
		padding: 3rem 10rem 0 10rem;
	}
}
@media (max-width: 680px) {
	.template-cite {
		grid-template-columns: 1fr;
		padding: 20px;
		padding-bottom: 60px;
	}
}
.template-cite > * {
	position: relative;
	z-index: 2;
}

.template-cite__content {
	padding: 8rem 0;
}
@media (max-width: 680px) {
	.template-cite__content {
		padding: 0;
	}
}
.template-cite__content .h2 {
	max-width: 15em;
	text-wrap: balance;
	margin-bottom: 0.5em;
}
.template-cite__content .text-3 {
	max-width: 32em;
	text-wrap: balance;
}

.template-cite__author {
	padding-top: max(20px, 10rem);
}
@media (max-width: 680px) {
	.template-cite__author {
		padding-top: 80px;
		max-width: 175px;
	}
}
.template-cite__author .h6 {
	margin-bottom: 0.2em;
}
.template-cite__author .text-1 {
	opacity: 0.7;
}

.template-cite__picture {
	display: flex;
	justify-content: center;
	align-self: end;
}
@media (max-width: 680px) {
	.template-cite__picture {
		position: absolute;
		width: 140px;
		bottom: 0;
		left: 200px;
	}
}

.template-cite__img {
	display: block;
	width: 57rem;
	height: auto;
	opacity: 0;
	scale: 0.9;
	transform-origin: center bottom;
	transition: scale 1s ease, opacity 1s ease;
	transition-delay: 0.6s;
}
@media (max-width: 680px) {
	.template-cite__img {
		width: 100%;
	}
}

.template-cite__line {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	width: 100%;
	height: auto;
	stroke: var(--template-line-color, rgba(255, 255, 255, 0.15));
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
@media (max-width: 680px) {
	.template-cite__line {
		width: 120%;
	}
}

.template-cite.animated .template-cite__line path {
	stroke-dashoffset: calc(var(--path-total-length) * 2);
	transition: stroke-dashoffset var(--draw-speed, 4s) ease;
}
.template-cite.animated .template-cite__img {
	opacity: 1;
	scale: 1;
}

.s-b2b-intro {
	padding-top: max(100px, 21rem);
	padding-bottom: max(40px, 7rem);
	overflow-x: clip;
}

.s-b2b-intro__line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
@media (max-width: 480px) {
	.s-b2b-intro__line {
		width: 150%;
	}
}

.s-b2b-intro__title {
	font-size: 11rem;
	max-width: 15em;
}
@media (max-width: 768px) {
	.s-b2b-intro__title {
		font-size: 15rem;
	}
}

.s-b2b-intro__content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: max(20px, 6rem);
	padding-left: 45%;
	margin-top: -8.4rem;
}
@media (max-width: 768px) {
	.s-b2b-intro__content {
		padding-left: initial;
		margin-top: max(30px, 5rem);
	}
}
@media (max-width: 480px) {
	.s-b2b-intro__content {
		grid-template-columns: 1fr;
	}
}
.s-b2b-intro__content .btn-double {
	margin-top: 20px;
}
@media (max-width: 480px) {
	.s-b2b-intro__content .btn-double {
		margin-top: 10px;
	}
}

.b2b-intro__stage {
	margin-top: max(40px, 7rem);
}

.b2b-intro__media {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: var(--br-25);
}
@media (max-width: 680px) {
	.b2b-intro__media {
		aspect-ratio: 16/9;
	}
}

.b2b-intro__logo {
	display: block;
	width: 100%;
	height: auto;
	margin-top: -11rem;
}
.b2b-intro__logo.anim path {
	translate: 0 100%;
	transition: opacity 0.6s ease, translate 1s ease;
}
.b2b-intro__logo.anim path:nth-child(1) {
	transition-delay: 0.1s;
}
.b2b-intro__logo.anim path:nth-child(2) {
	transition-delay: 0.2s;
}
.b2b-intro__logo.anim path:nth-child(3) {
	transition-delay: 0.3s;
}
.b2b-intro__logo.anim path:nth-child(4) {
	transition-delay: 0.4s;
}
.b2b-intro__logo.anim path:nth-child(5) {
	transition-delay: 0.5s;
}
.b2b-intro__logo.anim path:nth-child(6) {
	transition-delay: 0.6s;
}
.b2b-intro__logo.anim path:nth-child(7) {
	transition-delay: 0.7s;
}
.b2b-intro__logo.anim path:nth-child(8) {
	transition-delay: 0.8s;
}
.b2b-intro__logo.animated path {
	opacity: 1;
	translate: 0 0%;
}

.b2b-sec-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: max(30px, 6rem);
}
.b2b-sec-title:after {
	content: "";
	display: block;
	border-bottom: 2px solid currentColor;
	flex: 1;
}

@media (max-width: 480px) {
	.b2b-for-list {
		margin-left: -15px;
		margin-right: -15px;
	}
}

.b2b-for {
	margin-bottom: 20px;
	overflow: clip;
}
.b2b-for.active .b2b-for__pop {
	grid-template-rows: 1fr;
}
.b2b-for.active .plus-btn {
	background: var(--gray-light);
	color: var(--plus-btn-color-active, var(--black));
}
.b2b-for.active .plus-btn:after {
	transform: scaleX(0);
}

.b2b-for__header {
	display: flex;
	align-items: flex-start;
	gap: 12rem;
	padding: max(15px, 4rem);
	padding-bottom: 0;
	border-radius: var(--br-25) var(--br-25) 0 0;
	border: 1px solid var(--black);
	border-bottom: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	        user-select: none;
}
@media (max-width: 680px) {
	.b2b-for__header {
		gap: 10px;
	}
}
@media (hover: hover) {
	.b2b-for__header:hover .h1 {
		translate: 0 -0.1em;
	}
}
.b2b-for__header .h1 {
	font-size: 10rem;
	line-height: 0.8;
	transition: translate 0.3s ease;
	margin-top: -0.2em;
	margin-bottom: -0.1em;
}
@media (max-width: 680px) {
	.b2b-for__header .h1 {
		margin-top: initial;
	}
}
.b2b-for__header .text-4 {
	width: 2em;
	flex-shrink: 0;
}
.b2b-for__header .plus-btn {
	margin-left: auto;
	align-self: flex-start;
}

.b2b-for__pop {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.6s ease;
}

.b2b-for__main {
	overflow: hidden;
	padding-left: 21rem;
}
@media (max-width: 680px) {
	.b2b-for__main {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.b2b-for__descr {
	padding-top: max(20px, 6rem);
	max-width: 33em;
}
.b2b-for__descr:last-child {
	padding-bottom: max(15px, 3rem);
}

.b2b-for__reasons {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: var(--gap);
	padding-top: max(20px, 6rem);
	width: 133rem;
	counter-reset: reasons;
}
@media (max-width: 1024px) {
	.b2b-for__reasons {
		width: 100%;
	}
}
@media (max-width: 680px) {
	.b2b-for__reasons {
		grid-template-columns: 1fr;
	}
}
.b2b-for__reasons:last-child {
	padding-bottom: max(15px, 3rem);
}

.b2b-for__reason {
	position: relative;
	background: var(--gray-light);
	border-radius: 10px;
	padding: max(15px, 2.5rem);
	padding-bottom: max(25px, 3.5rem);
	counter-increment: reasons;
	overflow: clip;
}
@media (hover: hover) {
	.b2b-for__reason:hover .draw-line--manual path {
		stroke-dashoffset: calc(var(--path-total-length) * 2);
	}
}
.b2b-for__reason:before {
	content: counter(reasons, decimal-leading-zero);
	display: block;
	font-size: max(12px, 1.8rem);
	margin-bottom: 1em;
	position: relative;
	z-index: 2;
}
.b2b-for__reason .h3 {
	max-width: 8em;
	margin-bottom: 0.7em;
	position: relative;
	z-index: 2;
}
.b2b-for__reason .text-2 {
	color: var(--gray-text);
	position: relative;
	z-index: 2;
}
.b2b-for__reason .draw-line--manual {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 0;
}
.b2b-for__reason .draw-line--manual path {
	transition: stroke-dashoffset 0.6s ease;
}

.b2b-events-grid .sec-title-double {
	padding-top: max(50px, 10rem);
}

.b2b-events-grid__top {
	display: flex;
	gap: var(--gap);
}
@media (max-width: 680px) {
	.b2b-events-grid__top {
		flex-direction: column;
	}
}

.b2b-event {
	display: block;
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
	transform: translateZ(0px);
	color: #FFF;
	background: var(--gray-light);
	height: 70rem;
	flex: 1;
	-webkit-user-select: none;
	        user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: all 0.6s ease;
}
@media (max-width: 680px) {
	.b2b-event {
		flex: initial;
		height: auto;
		aspect-ratio: 4/3;
	}
}
.b2b-event.active {
	flex: 3;
}
@media (max-width: 680px) {
	.b2b-event.active {
		flex: initial;
	}
}

@media (hover: hover) {
	a.b2b-event:hover .btn-arrow {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	a.b2b-event:hover .btn-arrow path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	a.b2b-event:hover .btn-arrow path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
	a.b2b-event:hover .btn-arrow.btn-arrow--anim {
		width: var(--btn-width, auto);
	}
}

.b2b-event__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	position: absolute;
	z-index: 2;
	inset: 0;
	padding: max(15px, 4rem);
}
.b2b-event__content .h3 {
	max-width: 10em;
	font-size: max(12px, 3.4rem);
}
@media (max-width: 680px) {
	.b2b-event__content .h3 {
		font-size: 16px;
	}
}

.b2b-event__media {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.99;
	scale: 1;
}

.b2b-events-grid__bottom {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap);
}
@media (max-width: 480px) {
	.b2b-events-grid__bottom {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.b2b-event-alt {
	display: block;
	cursor: pointer;
	-webkit-user-select: none;
	        user-select: none;
	-webkit-tap-highlight-color: transparent;
}

@media (hover: hover) {
	a.b2b-event-alt:hover .b2b-event-alt__img {
		scale: 1.05;
	}
	a.b2b-event-alt:hover .btn-arrow {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	a.b2b-event-alt:hover .btn-arrow path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	a.b2b-event-alt:hover .btn-arrow path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
	a.b2b-event-alt:hover .btn-arrow.btn-arrow--anim {
		width: var(--btn-width, auto);
	}
}
a.b2b-event-alt:active .b2b-event-alt__img {
	scale: 1.05;
}
a.b2b-event-alt:active .btn-arrow {
	background: var(--salat);
}

.b2b-event-alt__stage {
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
}

.b2b-event-alt__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	background: var(--gray-light);
	transition: scale 0.3s ease;
	object-fit: cover;
	opacity: 0.99;
}
@media (max-width: 480px) {
	.b2b-event-alt__img {
		aspect-ratio: 4/3;
	}
}

.b2b-event-alt__bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: max(5px, 2rem);
	padding-top: max(10px, 2rem);
}

.b2b-event-alt__title {
	font-size: max(14px, 3.2rem);
}

.b2b-services-title {
	font-size: 11rem;
	margin-bottom: max(40px, 6rem);
}
@media (max-width: 480px) {
	.b2b-services-title {
		font-size: 15rem;
	}
}

.b2b-services-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: max(15px, 9rem) 10px;
	align-items: flex-start;
}

.b2b-services-grid .service-wall-item__title {
	font-size: max(14px, 3rem);
}
.b2b-services-grid .service-wall-item:nth-child(1) {
	grid-column: span 7;
}
@media (max-width: 1024px) {
	.b2b-services-grid .service-wall-item:nth-child(1) {
		grid-column: span 8;
	}
}
@media (max-width: 680px) {
	.b2b-services-grid .service-wall-item:nth-child(1) {
		grid-column: span 12;
	}
}
.b2b-services-grid .service-wall-item:nth-child(1) .service-wall-item__stage {
	aspect-ratio: 1022/660;
}
.b2b-services-grid .service-wall-item:nth-child(2) {
	grid-column: 9/span 3;
}
@media (max-width: 1024px) {
	.b2b-services-grid .service-wall-item:nth-child(2) {
		grid-column: 9/span 4;
	}
}
@media (max-width: 680px) {
	.b2b-services-grid .service-wall-item:nth-child(2) {
		grid-column: span 10;
	}
}
.b2b-services-grid .service-wall-item:nth-child(2) .service-wall-item__stage {
	aspect-ratio: 432/530;
}
@media (max-width: 1024px) {
	.b2b-services-grid .service-wall-item:nth-child(2) .service-wall-item__stage {
		aspect-ratio: 432/430;
	}
}
.b2b-services-grid .service-wall-item:nth-child(3) {
	grid-column: 1/span 3;
	margin-top: 10rem;
}
@media (max-width: 1024px) {
	.b2b-services-grid .service-wall-item:nth-child(3) {
		grid-column: span 4;
	}
}
@media (max-width: 680px) {
	.b2b-services-grid .service-wall-item:nth-child(3) {
		grid-column: 5/13;
		margin-top: initial;
	}
}
.b2b-services-grid .service-wall-item:nth-child(3) .service-wall-item__stage {
	aspect-ratio: 432/530;
}
.b2b-services-grid .service-wall-item:nth-child(4) {
	grid-column: 5/span 4;
}
@media (max-width: 1024px) {
	.b2b-services-grid .service-wall-item:nth-child(4) {
		grid-column: span 4;
	}
}
@media (max-width: 680px) {
	.b2b-services-grid .service-wall-item:nth-child(4) {
		grid-column: span 9;
	}
}
.b2b-services-grid .service-wall-item:nth-child(4) .service-wall-item__stage {
	aspect-ratio: 580/710;
}
.b2b-services-grid .service-wall-item:nth-child(5) {
	grid-column: 10/span 3;
	margin-top: -10rem;
}
@media (max-width: 1024px) {
	.b2b-services-grid .service-wall-item:nth-child(5) {
		grid-column: span 4;
	}
}
@media (max-width: 680px) {
	.b2b-services-grid .service-wall-item:nth-child(5) {
		grid-column: 4/13;
		margin-top: initial;
	}
}
.b2b-services-grid .service-wall-item:nth-child(5) .service-wall-item__stage {
	aspect-ratio: 432/530;
}

.s-b2b-about .home-video-spacer {
	position: relative;
	margin-top: -20rem;
	pointer-events: none;
}
.s-b2b-about .home-video {
	z-index: 4;
	pointer-events: all;
}

.b2b-about__team {
	overflow-x: clip;
	position: relative;
}
.b2b-about__team .draw-line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 2;
	translate: 0 30%;
}

.b2b-about__team-stage {
	display: flex;
	position: relative;
	height: 300svh;
	overflow: clip;
}

.s-b2b-about__picture {
	position: relative;
	display: block;
	left: 100%;
}

.s-b2b-about__img {
	display: block;
	position: sticky;
	top: 70px;
	width: auto;
	height: calc(100svh - 70px);
	aspect-ratio: 3900/1090;
}

.order--b2b {
	grid-template-columns: 600fr 865fr;
}
@media (max-width: 1680px) {
	.order--b2b {
		grid-template-columns: 500fr 865fr;
	}
}
@media (max-width: 1250px) {
	.order--b2b {
		grid-template-columns: 4fr 9fr;
	}
}
@media (max-width: 680px) {
	.order--b2b {
		grid-template-columns: 1fr;
	}
}
.order--b2b .order__img {
	width: 100%;
	aspect-ratio: 600/720;
}
@media (max-width: 680px) {
	.order--b2b .order__img {
		display: block;
		width: 45%;
	}
}

.order__form-b2b {
	margin-top: max(15px, 2.5rem);
}

.order__form-b2b__row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 8px;
}
@media (max-width: 1250px) {
	.order__form-b2b__row {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 480px) {
	.order__form-b2b__row {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 1250px) {
	.order__form-b2b__row .input:has(select) {
		grid-column: span 2;
	}
}
@media (max-width: 480px) {
	.order__form-b2b__row .input:has(select) {
		grid-column: span 1;
	}
}

.order__form-b2b__bottom {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	padding-top: 15px;
}
@media (max-width: 768px) {
	.order__form-b2b__bottom {
		flex-direction: column-reverse;
		align-items: stretch;
	}
}

.order__form-b2b__actions {
	display: flex;
	gap: 8px;
}
.order__form-b2b__actions .btn {
	min-width: 19rem;
}
@media (max-width: 680px) {
	.order__form-b2b__actions .btn {
		flex: 1;
	}
}

.b2b-princips-block {
	position: relative;
	border-radius: var(--br-25);
	background: #000;
	color: #FFF;
	padding-top: max(25px, 5rem);
	overflow: clip;
}
.b2b-princips-block > * {
	position: relative;
	z-index: 2;
}
@media (max-width: 680px) {
	.b2b-princips-block .sec-title-double {
		margin-top: 25vw;
	}
}

.b2b-princips-block__picture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 680px) {
	.b2b-princips-block__picture {
		display: block;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
	}
}
.b2b-princips-block__picture:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30%;
	background: linear-gradient(to top, #000, transparent);
	z-index: 2;
}
@media (max-width: 680px) {
	.b2b-princips-block__picture:after {
		height: 50%;
	}
}

.b2b-princips-block__bg {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.6;
}
@media (max-width: 680px) {
	.b2b-princips-block__bg {
		height: auto;
		display: block;
		position: relative;
	}
}

.b2b-princips {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	padding-top: max(0px, 8rem);
}
@media (max-width: 680px) {
	.b2b-princips {
		grid-template-columns: 1fr;
		padding-bottom: 20px;
		margin-top: -10rem;
	}
}

.b2b-princip {
	display: flex;
	flex-direction: column;
	position: relative;
	border-right: 1px solid rgba(255, 255, 255, 0.25);
	padding: 0 max(20px, 6rem);
}
@media (max-width: 680px) {
	.b2b-princip {
		padding: 20px 0;
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
		padding-left: 60px;
	}
}
.b2b-princip:first-child {
	padding-left: 0;
}
@media (max-width: 680px) {
	.b2b-princip:first-child {
		padding-left: 60px;
	}
}
.b2b-princip:last-child {
	border: none;
	padding-right: 0;
}
@media (max-width: 680px) {
	.b2b-princip:last-child {
		border: none;
	}
}
.b2b-princip .h4 {
	margin-bottom: 1.5em;
	min-height: 2.2em;
	max-width: 15em;
}
@media (max-width: 680px) {
	.b2b-princip .h4 {
		min-height: initial;
		margin-bottom: 0.5em;
	}
}
.b2b-princip figure {
	margin-top: auto;
	font-family: var(--font-title);
	font-size: max(200px, 70rem);
	font-weight: 500;
	line-height: 0.9;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #FFF;
	color: transparent;
	margin-bottom: -0.3em;
}
@media (max-width: 1024px) {
	.b2b-princip figure {
		-webkit-text-stroke-width: 1px;
	}
}
@media (max-width: 680px) {
	.b2b-princip figure {
		font-size: 80px;
		margin-bottom: initial;
		position: absolute;
		left: 0;
		top: 20px;
		width: 50px;
		text-align: center;
	}
}

.intro--hw .intro__title {
	max-width: 15em;
}

.s-hw-reasons {
	background: var(--color-hw);
	color: #FFF;
}

.hw-reasons {
	counter-reset: hw;
}

.hw-reason {
	display: grid;
	grid-template-columns: 14rem 1fr 1fr 14rem;
	gap: 20px;
	border-radius: var(--br-25);
	position: relative;
	background: #121e2d;
	color: #FFF;
	padding: max(15px, 4rem);
	counter-increment: hw;
	min-height: 17rem;
	transition: min-height 0.5s ease, opacity 0.3s ease;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	overflow: clip;
	margin-bottom: 10px;
}
@media (max-width: 680px) {
	.hw-reason {
		grid-template-columns: 32px 1fr 40px;
		grid-auto-flow: dense;
		gap: 10px;
	}
}
@media (hover: hover) {
	.hw-reason:hover:not(.active:hover) {
		opacity: 0.8;
	}
}
.hw-reason:last-child {
	margin-bottom: 0;
}
.hw-reason:before {
	content: "(" counter(hw, decimal-leading-zero) ")";
	display: block;
	font-size: max(14px, 2rem);
	padding-top: 0.2em;
	z-index: 2;
}
.hw-reason.active {
	min-height: 44rem;
}
.hw-reason.active .hw-reason__roller {
	grid-template-rows: 1fr;
}
.hw-reason.active .hw-reason__content {
	opacity: 1;
	transition: opacity 0.6s ease 0.3s;
}
.hw-reason.active .plus-btn {
	--plus-btn-bg: #FFF;
	--plus-btn-color: var(--black);
}
.hw-reason.active .plus-btn:after {
	transform: scaleX(0);
}
.hw-reason .plus-btn {
	justify-self: end;
	--plus-btn-bg: rgba(255, 255, 255, 0.6);
	--plus-btn-color: #FFF;
}
.hw-reason > *:not(.hw-reason__bg) {
	z-index: 2;
}
.hw-reason .h4 {
	max-width: 13em;
}

.hw-reason__roller {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.5s ease;
}
@media (max-width: 680px) {
	.hw-reason__roller {
		grid-column: 2/4;
	}
}

.hw-reason__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	justify-content: space-between;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.hw-reason__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.s-hw-incs {
	background: var(--color-hw);
	background: radial-gradient(ellipse at 50% 50%, #123D73, var(--color-hw));
	color: #FFF;
	padding: max(40px, 7rem) 0;
	overflow: clip;
}
.s-hw-incs .dr-incs-nav__item {
	background: rgba(255, 255, 255, 0.02);
}
@media (hover: hover) {
	.s-hw-incs .dr-incs-nav__item:hover {
		background: rgba(255, 255, 255, 0.07);
	}
}
.s-hw-incs .dr-incs-nav__item:active {
	background: rgba(255, 255, 255, 0.07);
}
.s-hw-incs .dr-incs-nav__item figure {
	background: #141E2C;
}
.s-hw-incs .dr-incs-nav__item figure img {
	filter: unset;
}
.s-hw-incs .dr-incs-nav__item.active {
	background: rgba(255, 255, 255, 0.07);
}
.s-hw-incs .dr-incs-nav__item.active figure {
	background: #FFFFFF;
}

.hw-incs {
	position: relative;
}

.hw-incs-set {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	top: 0;
	left: 0;
	width: 100%;
	scale: 0.96;
	transition: opacity 0.6s ease, scale 0.6s ease, visibility 0.6s ease;
}
.hw-incs-set.active {
	position: relative;
	opacity: 1;
	scale: 1;
	visibility: visible;
}

.hw-incs-slider {
	overflow: visible;
}
.hw-incs-slider .swiper-slide {
	width: auto;
}

.hw-inc {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	width: 43.2rem;
	height: auto;
	aspect-ratio: 432/600;
	border-radius: var(--br-25);
	background: var(--black);
	color: #FFF;
	padding: max(15px, 2.5rem);
	overflow: clip;
	transform: translateZ(0px);
	-webkit-user-select: none;
	        user-select: none;
	transform: translateZ(0px);
}
@media (max-width: 1024px) {
	.hw-inc {
		width: 220px;
		height: 330px;
		aspect-ratio: unset;
	}
}
.hw-inc .h4 {
	position: relative;
	z-index: 5;
	margin-bottom: 0.4em;
	width: 15em;
	max-width: 100%;
	font-size: max(16px, 3.2rem);
}
.hw-inc .text-2 {
	width: 25em;
	max-width: 100%;
	position: relative;
	z-index: 5;
	font-size: max(12px, 1.8rem);
}
.hw-inc:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.2);
}
.hw-inc:after {
	content: "";
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
}

.hw-inc--wide {
	width: 102rem;
	aspect-ratio: 1020/600;
}
@media (max-width: 1024px) {
	.hw-inc--wide {
		width: 320px;
		height: 330px;
	}
}

.hw-inc__img {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hw-inc__video {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 2s ease;
}
.hw-inc__video.lazy-video--loaded {
	opacity: 0.99;
}

.s-hw-services {
	background: var(--color-hw);
	color: #FFF;
	padding: max(40px, 10rem) 0;
}
.s-hw-services .service-wall-item__stage {
	background: #000;
}

@media (max-width: 768px) {
	.services-wall--hw {
		grid-auto-flow: dense;
	}
}
.services-wall--hw .service-wall-item__title {
	white-space: initial;
}

.service-wall-item--hw {
	grid-column: span 4;
}
@media (max-width: 768px) {
	.service-wall-item--hw {
		grid-column: span 12;
	}
}
.service-wall-item--hw .service-wall-item__stage {
	aspect-ratio: 573/400;
}

.service-wall-item--hw-tall {
	grid-column: span 3;
}
@media (max-width: 768px) {
	.service-wall-item--hw-tall {
		grid-column: span 6;
	}
}
.service-wall-item--hw-tall .service-wall-item__stage {
	aspect-ratio: 425/670;
}

.service-wall-item--hw-big {
	grid-column: span 6;
}
@media (max-width: 768px) {
	.service-wall-item--hw-big {
		grid-column: span 12;
		order: -1;
	}
}
.service-wall-item--hw-big .service-wall-item__stage {
	aspect-ratio: 870/670;
}

.s-hw-heroes .swiper-scrollbar.swiper-scrollbar-horizontal {
	--swiper-scrollbar-bg-color: rgba(255, 255, 255, 0.3);
}

.heroes-slider-block--hw {
	background: var(--color-hw);
}
.heroes-slider-block--hw:before {
	content: "";
	position: absolute;
	top: -55rem;
	left: 0;
	width: 100%;
	height: 80rem;
	border-radius: 50%;
	background: radial-gradient(ellipse 50% 50%, #0676FF, var(--color-hw));
	opacity: 0.4;
}
.heroes-slider-block--hw .heroes-slider:before {
	content: "";
	position: absolute;
	top: calc(50% - 40rem);
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	height: 80rem;
	border-radius: 50%;
	background: radial-gradient(ellipse closest-side, #FF060A, transparent);
	opacity: 0.3;
}
@media (max-width: 680px) {
	.heroes-slider-block--hw .heroes-slider:before {
		width: 100%;
		height: 160rem;
		top: calc(50% - 80rem);
	}
}

.simple-head {
	padding-top: max(80px, 21rem);
	padding-bottom: max(30px, 6rem);
}

.articles-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap);
}
@media (max-width: 768px) {
	.articles-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 480px) {
	.articles-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

.article-preview {
	display: flex;
	flex-direction: column;
	transition: scale 0.1s ease;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.article-preview:hover .article-preview__media {
		scale: 1.05;
	}
	.article-preview:hover .btn-arrow {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	.article-preview:hover .btn-arrow path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	.article-preview:hover .btn-arrow path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
	.article-preview:hover .btn-arrow.btn-arrow--anim {
		width: var(--btn-width, auto);
	}
}
.article-preview:active {
	scale: 0.98;
}
.article-preview:active .article-preview__media {
	scale: 1.05;
}
.article-preview:active .btn-arrow {
	background: var(--btn-bg, var(--salat));
	color: var(--black);
}
.article-preview:active .btn-arrow path:nth-child(1) {
	stroke-dashoffset: -32px;
}
.article-preview:active .btn-arrow path:nth-child(2) {
	stroke-dashoffset: -44px;
}
.article-preview:active .btn-arrow.btn-arrow--anim {
	width: var(--btn-width, auto);
}

.article-preview__stage {
	position: relative;
	background: var(--gray-light);
	border-radius: var(--br-25);
	overflow: clip;
	transform: translateZ(0px);
	aspect-ratio: 573/380;
	width: 100%;
	height: auto;
}
.article-preview__stage:after {
	content: "";
	position: absolute;
	inset: 0;
}

.article-preview__media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	scale: 1;
	transition: scale 0.6s ease;
}

.article-preview__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	border-radius: var(--br-25);
	background: var(--gray-light);
	padding: max(10px, 2rem) max(15px, 3rem);
}

.article-preview__title {
	margin-bottom: 0.3em;
}

.article-preview__descr {
	color: var(--gray-text);
	font-size: max(12px, 1.8rem);
}

.article-preview__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	padding-top: max(10px, 2.5rem);
}

.article-preview__time {
	color: var(--gray-text);
	font-size: max(12px, 1.6rem);
}

.subscribe-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: var(--gap);
}
@media (max-width: 480px) {
	.subscribe-grid {
		gap: 5px;
	}
}

.subscribe-cta {
	grid-column: span 6;
	grid-row: span 2;
	background: var(--gray-light);
	border-radius: var(--br-25);
	padding: max(20px, 5rem);
}
@media (max-width: 680px) {
	.subscribe-cta {
		grid-column: span 12;
		grid-row: span 1;
	}
}
.subscribe-cta .h2 {
	margin-bottom: 0.4em;
	max-width: 12em;
}
.subscribe-cta .text-3 {
	color: var(--gray-text);
	max-width: 25em;
}

.subscribe-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	grid-column: span 2;
	background: var(--gray-light);
	border-radius: var(--br-25);
	padding: max(6px, 1rem);
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	        user-select: none;
	transition: background 0.3s ease, scale 0.1s ease;
	height: max(100px, 15rem);
	cursor: pointer;
}
@media (max-width: 680px) {
	.subscribe-item {
		grid-column: span 4;
	}
}
@media (hover: hover) {
	.subscribe-item:hover {
		background: var(--salat-light);
	}
}
.subscribe-item:active {
	background: var(--salat-light);
	scale: 0.98;
}
.subscribe-item .h6 {
	font-size: max(14px, 2.2rem);
	padding: max(5px, 1.5rem);
}
.subscribe-item .soc {
	align-self: end;
	width: max(40px, 6rem);
	height: max(40px, 6rem);
	background: var(--violet-dark);
}
.subscribe-item .soc img {
	width: 100%;
	height: auto;
	filter: brightness(10);
}

.subscribe-item--wide {
	grid-column: span 3;
}
@media (max-width: 680px) {
	.subscribe-item--wide {
		grid-column: span 6;
	}
}

.subscribe-item--green {
	background: var(--salat);
}
.subscribe-item--green .h6 {
	max-width: 7em;
}

.article-intro {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--br-25);
	margin-bottom: max(40px, 10rem);
}

.article-grid {
	display: grid;
	grid-template-columns: minmax(300px, 43rem) minmax(0, 1fr);
	gap: 30px 15rem;
}
@media (max-width: 1024px) {
	.article-grid {
		gap: 30px 30px;
	}
}
@media (max-width: 768px) {
	.article-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

.article-grid__aside {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
@media (max-width: 768px) {
	.article-grid__aside {
		display: contents;
	}
}
@media (max-width: 768px) {
	.article-grid__aside .article-banner {
		order: 5;
		max-width: 280px;
		margin-top: 40px;
	}
}

.article-banner {
	display: block;
	border-radius: var(--br-25);
	overflow: clip;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.article-banner:hover img {
		scale: 1.03;
	}
}
.article-banner:active {
	scale: 1.03;
}
.article-banner img {
	display: block;
	width: 100%;
	height: auto;
	transition: scale 0.3s ease;
}

.article-menu {
	background: var(--gray-light);
	border-radius: var(--br-25);
	padding: max(15px, 4rem);
}
.article-menu .h4 {
	margin-bottom: 0.5em;
}
.article-menu ol {
	font-size: max(14px, 1.8rem);
	list-style: none;
}
.article-menu ol li {
	margin-bottom: 0.6em;
}
.article-menu ol ol {
	padding-left: 1em;
	padding-top: 0.6em;
}
.article-menu ol a {
	color: var(--black);
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba(0, 0, 0, 0.1);
	text-underline-offset: 0.3em;
	-webkit-tap-highlight-color: transparent;
	transition: color 0.3s ease, text-decoration-color 0.3s ease;
}
@media (hover: hover) {
	.article-menu ol a:hover {
		color: var(--violet-dark);
		text-decoration-color: var(--violet-dark);
	}
}

.article-content {
	width: max(520px, 87.5rem);
	max-width: 100%;
	font-size: max(14px, 2rem);
}

.article-img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--br-25);
}

.article-cite {
	display: block;
	position: relative;
	margin: max(30px, 6rem) 0;
	border-radius: var(--br-25);
	font-family: var(--font-serif);
	font-weight: 500;
	font-style: italic;
	font-size: max(16px, 3.2rem);
	line-height: 1.1;
	background: var(--violet-light);
	color: #FFF;
	padding: max(15px, 3.5rem);
	overflow: clip;
}
.article-cite:first-child {
	margin-top: 0;
}
.article-cite:last-child {
	margin-bottom: 0;
}
.article-cite > *:not(.draw-line) {
	position: relative;
	z-index: 2;
}
.article-cite .draw-line {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: auto;
}

.article-video {
	position: relative;
	margin: max(30px, 6rem) 0;
}
.article-video:last-child {
	margin-bottom: 0;
}
.article-video .video-with-controls {
	width: 67rem;
	height: 67rem;
	object-fit: cover;
	margin-left: auto;
	margin-right: auto;
	background: var(--gray-light);
	border-radius: var(--br-25);
	overflow: clip;
}
@media (max-width: 768px) {
	.article-video .video-with-controls {
		width: 120rem;
		height: 120rem;
	}
}
@media (max-width: 480px) {
	.article-video .video-with-controls {
		width: 100%;
		height: auto;
		aspect-ratio: 1/1;
	}
}
.article-video .video-with-controls video {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
	opacity: 0.99;
}

.article-video__logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 480px) {
	.article-video__logo {
		display: none;
	}
}

.article-video-iframe {
	position: relative;
	margin: max(30px, 6rem) 0;
	aspect-ratio: 16/9;
	border-radius: var(--br-25);
	overflow: clip;
	background: var(--gray-light);
}
.article-video-iframe:last-child {
	margin-bottom: 0;
}
.article-video-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

:target {
	scroll-margin-top: 80px;
	/* Adjust this value to match your header's height */
}

.s-404 {
	padding: max(100px, 20rem) 0;
	color: #FFF;
}
.s-404 .s-404__stage {
	margin-bottom: max(20px, 5rem);
	width: 87.5rem;
	height: auto;
	--draw-speed: 1.6s;
}
@media (max-width: 480px) {
	.s-404 .s-404__stage {
		width: 90%;
	}
}
.s-404 .s-404__stage .draw-line.drawed path {
	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
.s-404 .s-404__stage .draw-line.drawed:nth-child(2) path {
	transition-delay: 0.2s;
}
.s-404 .s-404__stage .draw-line.drawed:nth-child(3) path {
	transition-delay: 0.4s;
}
.s-404 .container {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.s-404 .h2 {
	max-width: 10em;
	margin-bottom: 0.5em;
}
.s-404 .text-3 {
	max-width: 35em;
	margin-bottom: max(20px, 3rem);
}

.contacts-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--gap);
}
@media (max-width: 768px) {
	.contacts-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 480px) {
	.contacts-grid {
		gap: 5px;
	}
}

.contacts-main {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: var(--gray-light);
	border-radius: var(--br-25);
	padding: max(15px, 4rem);
	min-height: 40rem;
	-webkit-tap-highlight-color: transparent;
}
.contacts-main .text-2 {
	margin-bottom: 2em;
}
@media (max-width: 480px) {
	.contacts-main .text-2 {
		margin-bottom: 1em;
	}
}
.contacts-main .h4 {
	font-style: normal;
	margin-bottom: 1em;
}
@media (max-width: 480px) {
	.contacts-main .h4 {
		font-size: 16px;
	}
}

a.contacts-main {
	transition: background 0.3s ease;
}
a.contacts-main:hover {
	background: var(--salat);
}
a.contacts-main:active {
	background: var(--salat);
}

.contacts-main__icon {
	margin-top: auto;
	width: max(40px, 8rem);
	height: auto;
}

.contacts-main__bottom {
	margin-top: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 10px;
	color: var(--gray-text);
	font-size: max(12px, 1.8rem);
}
.contacts-main__bottom .btn-arrow {
	background: var(--salat);
}

.contacts-soc {
	display: flex;
	justify-content: space-between;
	gap: 10px 20px;
	background: var(--gray-light);
	border-radius: var(--br-25);
	padding: max(15px, 3rem);
	min-height: 15rem;
	-webkit-tap-highlight-color: transparent;
	transition: background 0.3s ease;
}
@media (max-width: 768px) {
	.contacts-soc {
		min-height: 120px;
	}
}
@media (max-width: 480px) {
	.contacts-soc {
		flex-direction: column;
		align-items: flex-start;
	}
}
.contacts-soc:hover {
	background: var(--salat);
}
.contacts-soc:active {
	background: var(--salat);
}
.contacts-soc img {
	height: max(30px, 8rem);
	width: auto;
	align-self: center;
}
@media (max-width: 480px) {
	.contacts-soc img {
		align-self: initial;
	}
}

.contacts-soc__left .text-1 {
	color: var(--gray-dop);
	padding-top: 1em;
	font-size: max(12px, 1.6rem);
	max-width: 15em;
}
@media (max-width: 480px) {
	.contacts-soc__left .text-1 {
		padding-top: 6px;
	}
}

.location-grid {
	margin-top: max(40px, 8rem);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--gap);
}
@media (max-width: 768px) {
	.location-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

.location-metro {
	background: var(--gray-light);
	border-radius: var(--br-25);
	padding: max(15px, 4rem);
}

.location-metro__title {
	margin-bottom: 2em;
}
@media (max-width: 768px) {
	.location-metro__title {
		margin-bottom: 1em;
	}
}

.location-metro__items {
	display: flex;
	align-items: flex-start;
	gap: max(15px, 5rem);
	flex-wrap: wrap;
}

.location-metro__item figure {
	display: block;
	width: max(15px, 3rem);
	height: max(15px, 3rem);
	border-radius: 50%;
	background: var(--metro-color, #000);
	margin-bottom: max(7px, 1.5rem);
}
.location-metro__item .h4 {
	margin-bottom: 0.2em;
}
.location-metro__item .text-2 {
	color: var(--gray-dop);
}

.location-map {
	background: var(--gray-light);
	border-radius: var(--br-25);
	overflow: clip;
	min-height: max(300px, 40rem);
}
.location-map iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.reqs-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: var(--gap);
}

.reqs {
	background: var(--gray-light);
	border-radius: var(--br-25);
	grid-column: span 7;
	grid-row: span 2;
	padding: max(15px, 5rem);
	font-size: max(14px, 2.4rem);
}
@media (max-width: 768px) {
	.reqs {
		grid-column: span 12;
		grid-row: span 1;
	}
}
.reqs .h1 {
	margin-bottom: 0.5em;
}
.reqs hr {
	border: 1px solid #665FA9;
	opacity: 0.2;
	margin: 1em 0;
}
.reqs b {
	font-weight: 500;
}

.cont-panel-link {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	grid-column: span 5;
	border-radius: var(--br-25);
	padding: max(15px, 3.5rem);
	color: #FFF;
	background: var(--bg-color, var(--gray-dop));
	min-height: 40rem;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}
@media (max-width: 768px) {
	.cont-panel-link {
		grid-column: span 6;
	}
}
@media (max-width: 480px) {
	.cont-panel-link {
		grid-column: span 12;
	}
}
@media (hover: hover) {
	.cont-panel-link:hover .btn-arrow {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	.cont-panel-link:hover .btn-arrow path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	.cont-panel-link:hover .btn-arrow path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
	.cont-panel-link:hover .btn-arrow.btn-arrow--anim {
		width: var(--btn-width, auto);
	}
}
.cont-panel-link:active .btn-arrow {
	background: var(--btn-bg, var(--salat));
	color: var(--black);
}
.cont-panel-link:active .btn-arrow path:nth-child(1) {
	stroke-dashoffset: -32px;
}
.cont-panel-link:active .btn-arrow path:nth-child(2) {
	stroke-dashoffset: -44px;
}
.cont-panel-link:active .btn-arrow.btn-arrow--anim {
	width: var(--btn-width, auto);
}
.cont-panel-link > *:not(.draw-line) {
	position: relative;
	z-index: 2;
}
.cont-panel-link .h1 {
	margin-bottom: 0.5em;
	max-width: 10em;
}
.cont-panel-link .text-4 {
	margin-bottom: 1em;
	max-width: 20em;
}
.cont-panel-link .btn-arrow {
	margin-top: auto;
	background: #FFF;
	color: var(--black);
}
.cont-panel-link .draw-line {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: auto;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}

.order--cont {
	grid-template-columns: 600fr 865fr;
}
@media (max-width: 1680px) {
	.order--cont {
		grid-template-columns: 500fr 865fr;
	}
}
@media (max-width: 1250px) {
	.order--cont {
		grid-template-columns: 4fr 9fr;
	}
}
@media (max-width: 680px) {
	.order--cont {
		grid-template-columns: 1fr;
	}
}
.order--cont .order__img {
	width: 100%;
	aspect-ratio: 600/720;
}
@media (max-width: 680px) {
	.order--cont .order__img {
		display: block;
		width: 45%;
	}
}
.order--cont .order__title {
	max-width: initial;
}

.order__form-cont {
	margin-top: max(15px, 2.5rem);
}

.order__form-cont__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
@media (max-width: 680px) {
	.order__form-cont__grid {
		grid-template-columns: 1fr;
	}
}
.order__form-cont__grid .input:has(textarea) {
	grid-column: span 2;
}
@media (max-width: 680px) {
	.order__form-cont__grid .input:has(textarea) {
		grid-column: span 1;
	}
}

.order__form-cont__bottom {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	padding-top: 15px;
}
@media (max-width: 768px) {
	.order__form-cont__bottom {
		flex-direction: column-reverse;
		align-items: stretch;
	}
}

.order__form-cont__actions {
	display: flex;
	gap: 8px;
}
.order__form-cont__actions .btn {
	min-width: 19rem;
}
@media (max-width: 680px) {
	.order__form-cont__actions .btn {
		flex: 1;
	}
}

.s-job-intro {
	padding-top: max(100px, 21rem);
	padding-bottom: max(40px, 7rem);
	overflow-x: clip;
}
.s-job-intro .draw-line {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
.s-job-intro .container {
	z-index: 2;
}

.job-intro {
	position: relative;
}
.job-intro h1 {
	font-size: max(28px, 9rem);
	max-width: 15em;
	margin-bottom: 0.5em;
}
.job-intro .text-4 {
	max-width: 23em;
}

.job-intro-link {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
	padding: max(15px, 2.5rem);
	padding-right: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: max(132px, 21rem);
	height: auto;
	aspect-ratio: 210/260;
	color: var(--black);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: scale 0.1s ease;
}
@media (max-width: 680px) {
	.job-intro-link {
		position: relative;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (hover: hover) {
	.job-intro-link:hover .job-intro-link__bg {
		fill: var(--salat-light);
	}
	.job-intro-link:hover .btn-arrow {
		background: var(--btn-bg, var(--salat));
		color: var(--black);
	}
	.job-intro-link:hover .btn-arrow path:nth-child(1) {
		stroke-dashoffset: -32px;
	}
	.job-intro-link:hover .btn-arrow path:nth-child(2) {
		stroke-dashoffset: -44px;
	}
	.job-intro-link:hover .btn-arrow.btn-arrow--anim {
		width: var(--btn-width, auto);
	}
}
.job-intro-link:active {
	scale: 0.97;
}
.job-intro-link .h6 {
	font-size: max(14px, 2rem);
	line-height: 1;
	font-weight: 500;
}
.job-intro-link .btn-arrow {
	translate: 0 15%;
	background: none !important;
}

.job-intro-link__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	z-index: -1;
	transition: fill 0.3s ease;
}

.job-intro-logo {
	display: block;
	width: 100%;
	height: auto;
	margin-top: max(80px, 11rem);
}
.job-intro-logo.anim path {
	opacity: 0;
	translate: 0% 15%;
	transition: opacity 0.6s ease, translate 1s ease;
}
.job-intro-logo.anim path:nth-child(1) {
	transition-delay: 0.1s;
}
.job-intro-logo.anim path:nth-child(2) {
	transition-delay: 0.2s;
}
.job-intro-logo.anim path:nth-child(3) {
	transition-delay: 0.3s;
}
.job-intro-logo.anim path:nth-child(4) {
	transition-delay: 0.4s;
}
.job-intro-logo.anim path:nth-child(5) {
	transition-delay: 0.5s;
}
.job-intro-logo.anim path:nth-child(6) {
	transition-delay: 0.6s;
}
.job-intro-logo.anim path:nth-child(7) {
	transition-delay: 0.7s;
}
.job-intro-logo.anim path:nth-child(8) {
	transition-delay: 0.8s;
}
.job-intro-logo.animated path {
	opacity: 1;
	translate: 0 0%;
}

.s-job-conditions .draw-line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
.s-job-conditions .container {
	z-index: 2;
}

.job-conditions {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: max(60px, 11rem) 10px;
}
@media (max-width: 768px) {
	.job-conditions {
		gap: 50rem 10px;
	}
}
@media (max-width: 480px) {
	.job-conditions {
		margin-left: -15px;
		margin-right: -15px;
	}
}

.job-condition {
	display: flex;
	gap: max(15px, 5rem);
	grid-column: 2/8;
}
@media (max-width: 1024px) {
	.job-condition {
		grid-column: 1/8;
	}
}
@media (max-width: 768px) {
	.job-condition {
		grid-column: span 12;
	}
}
.job-condition:nth-child(even) {
	grid-column: 7/13;
}
@media (max-width: 1024px) {
	.job-condition:nth-child(even) {
		grid-column: 6/13;
	}
}
@media (max-width: 768px) {
	.job-condition:nth-child(even) {
		grid-column: span 12;
		flex-direction: row-reverse;
	}
}
@media (max-width: 768px) {
	.job-condition:nth-child(even) .job-condition__content {
		align-items: flex-end;
		text-align: right;
	}
}

.job-condition__img-wrap {
	width: max(200px, 42.8rem);
	border-radius: var(--br-25);
	overflow: clip;
	transform: translateZ(0px);
	flex-shrink: 0;
}
@media (max-width: 480px) {
	.job-condition__img-wrap {
		width: 80rem;
	}
}

.job-condition__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 428/572;
}

.job-condition__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.job-condition__content .h4 {
	margin-bottom: 2em;
}
@media (max-width: 768px) {
	.job-condition__content .h4 {
		margin-bottom: 0.5em;
	}
}
.job-condition__content .h1 {
	margin-bottom: 0.5em;
	max-width: 8em;
}
.job-condition__content .text-4 {
	max-width: 18em;
}

.job-video-block {
	background: #FFF;
	border-radius: var(--br-25);
	overflow: hidden;
	color: var(--black);
	padding-top: max(30px, 7rem);
}
.job-video-block .h2 {
	text-align: center;
	max-width: 18em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
}

.job-video-block__play {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.job-video-block__play .text-1 {
	color: var(--gray-dop);
	padding-top: 0.7em;
}

.job-video-block__stage {
	position: relative;
}
.job-video-block__stage:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 20%;
	background: linear-gradient(to bottom, #FFF, rgba(255, 255, 255, 0));
}
.job-video-block__stage video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1920/1080;
	object-fit: cover;
	opacity: 0.99;
}

.order--job {
	grid-template-columns: 600fr 865fr;
}
@media (max-width: 1680px) {
	.order--job {
		grid-template-columns: 500fr 865fr;
	}
}
@media (max-width: 1250px) {
	.order--job {
		grid-template-columns: 4fr 9fr;
	}
}
@media (max-width: 680px) {
	.order--job {
		grid-template-columns: 1fr;
	}
}
.order--job .order__img {
	width: 100%;
	aspect-ratio: 600/720;
}
@media (max-width: 680px) {
	.order--job .order__img {
		display: block;
		width: 45%;
	}
}
.order--job .order__title {
	max-width: initial;
}

.order__form-job {
	margin-top: max(15px, 2.5rem);
}

.order__form-job__grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
}
@media (max-width: 1024px) {
	.order__form-job__grid {
		grid-template-columns: 1fr;
	}
}
.order__form-job__grid .input:has(textarea) {
	grid-column: span 3;
}
@media (max-width: 1024px) {
	.order__form-job__grid .input:has(textarea) {
		grid-column: span 1;
	}
}

.order__form-job__bottom {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	padding-top: 15px;
}
@media (max-width: 768px) {
	.order__form-job__bottom {
		flex-direction: column-reverse;
		align-items: stretch;
	}
}

.order__form-job__actions {
	display: flex;
	gap: 8px;
}
.order__form-job__actions .btn {
	min-width: 19rem;
}
@media (max-width: 680px) {
	.order__form-job__actions .btn {
		flex: 1;
	}
}

.s-jobs {
	counter-reset: jobs;
}

.job {
	margin-bottom: 10px;
	background: var(--violet-dark);
	border-radius: var(--br-25);
	counter-increment: jobs;
}
@media (max-width: 480px) {
	.job {
		margin-left: -15px;
		margin-right: -15px;
	}
}
.job:last-child {
	margin-bottom: 0;
}
.job.active .job__main {
	grid-template-rows: 1fr;
}
.job.active .h3 {
	color: var(--salat);
}
.job.active .plus-btn {
	background: #FFF;
	color: var(--black);
}
.job.active .plus-btn:after {
	transform: scaleX(0);
}

.job__header {
	display: flex;
	align-items: center;
	gap: max(10px, 3rem);
	padding: max(15px, 3rem);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	min-height: 12rem;
}
.job__header:before {
	content: counter(jobs, decimal-leading-zero);
	font-family: var(--font-title);
	font-size: 3.4rem;
	font-weight: 500;
	line-height: 1;
	width: 10rem;
}
@media (max-width: 680px) {
	.job__header:before {
		font-size: 14px;
		width: 1.5em;
	}
}
.job__header .h3 {
	transition: color 0.3s ease;
}
.job__header .plus-btn {
	background: rgba(0, 0, 0, 0.3);
	color: #FFF;
	margin-left: auto;
}

.job__main {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.3s ease;
}

.job__content {
	overflow: hidden;
}

.job__descr {
	padding-top: 0;
	padding-left: 16rem;
	padding-bottom: max(20px, 6rem);
	padding-right: max(15px, 3rem);
}
@media (max-width: 680px) {
	.job__descr {
		padding: 15px;
		padding-top: 0;
	}
}
.job__descr .user-content {
	font-size: max(14px, 2rem);
	--accent-color: var(--salat);
}
.job__descr .btn {
	margin-top: max(20px, 3rem);
}

.job__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: max(20px, 10rem);
	max-width: 120rem;
}
@media (max-width: 680px) {
	.job__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}
@media (max-width: 1250px) {
	.job__grid {
		max-width: 100%;
	}
}

.job-why-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--gap);
	counter-reset: why;
}
@media (max-width: 680px) {
	.job-why-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 480px) {
	.job-why-grid {
		margin-left: -15px;
		margin-right: -15px;
		gap: 5px;
	}
}

.job-why {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	border-radius: var(--br-25);
	background: var(--bg-color, var(--pink));
	color: #FFF;
	aspect-ratio: 1/1;
	padding: max(15px, 3.5rem);
	counter-increment: why;
	overflow: clip;
}
.job-why:before {
	content: counter(why, decimal-leading-zero);
	font-size: max(16px, 2.8rem);
	font-family: var(--font-title);
	font-weight: 600;
	position: relative;
	z-index: 2;
}
.job-why .h4 {
	position: relative;
	font-size: max(16px, 3.2rem);
	z-index: 2;
}
.job-why .draw-line {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
}

.job-why--black-text {
	color: var(--black);
}

.job-why--big {
	grid-column: span 2;
	aspect-ratio: 870/425;
}

.job-why-action {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: var(--salat);
	aspect-ratio: 1/1;
	-webkit-tap-highlight-color: transparent;
	border-radius: 50%;
	color: var(--black);
	transition: background 0.3s ease, scale 0.1s ease;
}
@media (hover: hover) {
	.job-why-action:hover {
		background: var(--salat-light);
	}
}
.job-why-action:active {
	background: var(--salat-light);
	scale: 0.98;
}

.vyp-preims {
	display: flex;
	gap: 10px;
}
@media (max-width: 1024px) {
	.vyp-preims {
		margin-left: -20px;
		margin-right: -20px;
		padding: 0 20px;
		padding-bottom: 10px;
		overflow: auto;
	}
}

.vyp-preim {
	display: block;
	position: relative;
	border-radius: var(--br-25);
	background: var(--black);
	color: #FFF;
	height: 60rem;
	transition: flex 0.6s ease;
	flex: 1;
	overflow: clip;
}
@media (max-width: 1024px) {
	.vyp-preim {
		height: 410px;
		flex: 1 0 270px;
	}
}
@media (hover: hover) {
	.vyp-preim:hover {
		flex: 3;
	}
}

.vyp-preim.active {
	flex: 3;
}
@media (max-width: 1024px) {
	.vyp-preim.active {
		flex: 1 0 270px;
	}
}
.vyp-preim.active .text-3 {
	opacity: 1;
}

.vyp-preim__media {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.99;
}
.vyp-preim__media:is(video) {
	opacity: 0.8;
}

.vyp-preim__content {
	position: absolute;
	z-index: 2;
	padding: max(5px, 2.5rem);
}
@media (max-width: 1024px) {
	.vyp-preim__content {
		padding: 12px;
	}
}
.vyp-preim__content .h5 {
	margin-bottom: 0.5em;
	width: 9em;
	font-size: max(16px, 2.8rem);
}
@media (max-width: 1024px) {
	.vyp-preim__content .h5 {
		font-size: 18px;
	}
}
.vyp-preim__content .text-3 {
	width: 20em;
	opacity: 0;
	transition: opacity 0.3s ease;
	font-size: max(12px, 2rem);
}
@media (max-width: 1024px) {
	.vyp-preim__content .text-3 {
		opacity: 1;
		width: 100%;
	}
}

.vyp-preim--black-text {
	background: var(--gray-light);
	color: var(--black);
}

.services-wall-vyp {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: max(10px, 4.5rem) var(--gap);
}
@media (max-width: 680px) {
	.services-wall-vyp {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-flow: dense;
	}
}
.services-wall-vyp .service-wall-item__title {
	white-space: initial;
}

.service-wall-item--vyp {
	grid-column: span 1;
}
.service-wall-item--vyp .service-wall-item__stage {
	aspect-ratio: 425/455;
}

.service-wall-item--vyp-wide {
	grid-column: span 2;
}
.service-wall-item--vyp-wide .service-wall-item__stage {
	aspect-ratio: 870/455;
}

.vyp-shows {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: max(30px, 6rem) var(--gap);
}
@media (max-width: 480px) {
	.vyp-shows {
		margin-left: -15px;
		margin-right: -15px;
		gap: 30px 5px;
	}
}
.vyp-shows .show-preview__stage {
	aspect-ratio: 870/500;
}
@media (max-width: 480px) {
	.vyp-shows .show-preview__stage {
		aspect-ratio: 573/650;
	}
}
.vyp-shows .show-preview__title {
	font-size: max(14px, 3.6rem);
}
@media (max-width: 680px) {
	.vyp-shows .show-preview__descr {
		display: none;
	}
}

.heroes-slider-block--vyp {
	background: var(--gray-light);
	color: var(--black);
}
.heroes-slider-block--vyp .heroes-slider-block__bottom {
	background: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.heroes-slider-block--vyp .heroes-slider:before {
	content: "";
	position: absolute;
	top: calc(50% - 40rem);
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	height: 80rem;
	border-radius: 50%;
	background: radial-gradient(ellipse closest-side, #FFF, transparent);
	opacity: 1;
}
@media (max-width: 680px) {
	.heroes-slider-block--vyp .heroes-slider:before {
		width: 100%;
		height: 160rem;
		top: calc(50% - 80rem);
	}
}
.heroes-slider-block--vyp .draw-line {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}

.s-vyp-themes {
	overflow: clip;
}

.vyp-themes-slider-wrap {
	position: relative;
}
.vyp-themes-slider-wrap .slider-btn {
	top: calc(30rem - 30px);
}

.vyp-themes-slider {
	overflow: visible;
}
.vyp-themes-slider .swiper-slide {
	width: 130rem;
}
@media (max-width: 1024px) {
	.vyp-themes-slider .swiper-slide {
		width: 85vw;
	}
}
.vyp-themes-slider .swiper-slide .show-preview {
	pointer-events: none;
}
.vyp-themes-slider .swiper-slide .show-preview__bottom-row {
	opacity: 0;
	transition: opacity 0.4s ease;
}
.vyp-themes-slider .swiper-slide-active .show-preview {
	pointer-events: all;
}
.vyp-themes-slider .swiper-slide-active .show-preview__stage {
	scale: 1;
}
.vyp-themes-slider .swiper-slide-active .show-preview__bottom-row {
	opacity: 1;
}
.vyp-themes-slider .swiper-slide-prev .show-preview__stage {
	transform-origin: right center;
}
.vyp-themes-slider .swiper-slide-next .show-preview__stage {
	transform-origin: left center;
}
.vyp-themes-slider .show-preview__stage {
	aspect-ratio: 1300/660;
	scale: 0.8;
	transform-origin: center center;
	transition: scale 0.4s ease, transform-origin 0.4s ease;
}
.vyp-themes-slider .show-preview__bottom-row .show-preview__descr {
	max-width: 100%;
}
.vyp-themes-slider .intro-tags {
	padding-top: max(10px, 2rem);
}
.vyp-themes-slider .intro-tag {
	background: var(--gray-light);
}

[data-vyptype] {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	width: 100%;
	left: 0;
}
[data-vyptype].active {
	position: relative;
	visibility: visible;
	opacity: 1;
	pointer-events: all;
}

.s-vyp-selector .container {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.s-vyp-selector .h1 {
	font-size: max(24px, 9rem);
	max-width: 15em;
	text-align: center;
	margin-bottom: 0.5em;
}
.s-vyp-selector .draw-line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: -1;
}

.vyp-selector {
	display: flex;
	background: var(--gray-light);
	border-radius: 10px;
	padding: 6px;
}
.vyp-selector button {
	border: none;
	background: transparent;
	font-size: max(14px, 2.4rem);
	width: max(120px, 22rem);
	height: max(55px, 11rem);
	cursor: pointer;
	border-radius: 10px;
	border: none;
	color: var(--black);
	-webkit-tap-highlight-color: transparent;
	text-align: center;
	transition: background 0.3s ease, scale 0.1s ease;
}
@media (hover: hover) {
	.vyp-selector button:hover {
		background: #e3e4e8;
	}
}
.vyp-selector button:active {
	background: #e3e4e8;
	scale: 0.97;
}
.vyp-selector button.active {
	background: var(--salat);
}

.vyp-tariffs-block {
	display: grid;
	grid-template-columns: 1fr 45.6rem;
	position: relative;
	border-radius: var(--br-25);
	overflow: clip;
	min-height: 70rem;
	background: var(--tariff-color);
	color: #FFF;
	transition: background 0.3s ease;
}
@media (max-width: 1024px) {
	.vyp-tariffs-block {
		display: block;
	}
}
.vyp-tariffs-block .draw-line {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	width: auto;
	stroke: rgba(255, 255, 255, 0.2);
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
@media (max-width: 1024px) {
	.vyp-tariffs-block .draw-line {
		height: 170rem;
	}
}

.vyp-tariffs__images {
	position: relative;
	aspect-ratio: 456/700;
	z-index: 2;
}
@media (max-width: 1024px) {
	.vyp-tariffs__images {
		width: 220px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		aspect-ratio: 1/1.1;
	}
}

.vyp-tariffs__image {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 0;
	scale: 1.1;
	transform-origin: center bottom;
	transition: opacity 0.9s ease, scale 0.9s ease;
	aspect-ratio: 456/700;
}
@media (max-width: 1024px) {
	.vyp-tariffs__image {
		aspect-ratio: 1/1.1;
		object-fit: cover;
		object-position: center top;
	}
}
.vyp-tariffs__image.active {
	position: relative;
	opacity: 1;
	scale: 1;
}

.vyp-tariffs__image-bg {
	display: block;
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 0;
	scale: 0.7;
	transition: opacity 0.3s ease, scale 0.3s ease;
	aspect-ratio: 456/700;
}
@media (max-width: 1024px) {
	.vyp-tariffs__image-bg {
		aspect-ratio: 1/1.1;
		object-fit: cover;
		object-position: center top;
	}
}
.vyp-tariffs__image-bg.active {
	opacity: 1;
	scale: 1;
	transition: opacity 0.6s ease 0.6s, scale 0.6s ease 0.6s;
}

.vyp-tariffs-block__main {
	display: grid;
	grid-template-columns: 885fr 464fr;
	gap: 10px;
	position: relative;
	z-index: 2;
	padding: max(15px, 4rem);
	padding-right: 0;
}
@media (max-width: 1024px) {
	.vyp-tariffs-block__main {
		display: block;
		padding: 10px;
	}
}

@media (max-width: 1024px) {
	.vyp-tariffs__list {
		display: flex;
		gap: 10px;
		overflow: auto;
		margin-left: -10px;
		padding: 0 10px 10px 10px;
		width: calc(100% + 20px);
		margin-bottom: 10px;
	}
}

.vyp-tariff {
	border-radius: var(--br-25);
	background: rgba(255, 255, 255, 0.15);
	padding: max(10px, 1.8rem) max(15px, 2.5rem);
	margin-bottom: 2px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	        user-select: none;
	transition: background 0.3s ease;
}
@media (max-width: 1024px) {
	.vyp-tariff {
		width: 300px;
		flex-shrink: 0;
	}
}
@media (hover: hover) {
	.vyp-tariff:hover {
		background: rgba(255, 255, 255, 0.3);
	}
}
.vyp-tariff:active {
	background: rgba(255, 255, 255, 0.3);
}
.vyp-tariff:last-child {
	margin-bottom: 0;
}
.vyp-tariff.active {
	background: #FFF;
}
.vyp-tariff.active .vyp-tariff__name {
	color: var(--tariff-color);
}
.vyp-tariff.active .vyp-tariff__time {
	opacity: 1;
}
.vyp-tariff.active .vyp-tariff__time .h1 {
	color: var(--tariff-color);
}
.vyp-tariff.active .vyp-tariff__time .text-2 {
	color: var(--gray-dop);
}
.vyp-tariff.active .vyp-tariff__params {
	opacity: 1;
}
.vyp-tariff.active .vyp-tariff__param .h4 {
	color: var(--tariff-color);
}
.vyp-tariff.active .vyp-tariff__param .text-3 {
	color: var(--gray-dop);
}
.vyp-tariff.active .btn-double {
	opacity: 1;
	visibility: visible;
}

.vyp-tariff__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.vyp-tariff__time {
	text-align: right;
	transition: opacity 0.3s ease;
	opacity: 0.5;
}
.vyp-tariff__time .h1 {
	line-height: 0.9;
}
.vyp-tariff__time .text-2 {
	padding-right: 0.3em;
}
@media (max-width: 1024px) {
	.vyp-tariff__time .text-2 {
		padding-right: 0.1em;
	}
}

.vyp-tariff__bottom {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
	margin-top: max(15px, 3rem);
}
@media (max-width: 1024px) {
	.vyp-tariff__bottom {
		flex-direction: column;
		align-items: flex-start;
		margin-top: 10px;
	}
}
.vyp-tariff__bottom .btn-double {
	visibility: hidden;
	opacity: 0;
	height: 6rem;
}
@media (max-width: 1024px) {
	.vyp-tariff__bottom .btn-double {
		height: 40px;
	}
}
.vyp-tariff__bottom .btn-double .btn {
	height: 100%;
	padding: 0 2rem;
}
@media (max-width: 1024px) {
	.vyp-tariff__bottom .btn-double .btn {
		padding: 0 15px;
	}
}
.vyp-tariff__bottom .btn-double figure {
	height: 100%;
	width: auto;
	aspect-ratio: 57/60;
}

.vyp-tariff__params {
	display: flex;
	align-items: flex-start;
	opacity: 0.5;
	transition: opacity 0.3s ease;
}

.vyp-tariff__param {
	padding-right: max(10px, 2rem);
	margin-right: max(10px, 2rem);
	border-right: 1px solid rgba(237, 238, 243, 0.5);
}
.vyp-tariff__param:last-child {
	padding-right: 0;
	margin-right: 0;
	border: none;
}

.vyp-tariffs__details-wrap {
	position: relative;
}
@media (max-width: 1024px) {
	.vyp-tariffs__details-wrap {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
}

.vyp-tariffs__details {
	display: none;
}
.vyp-tariffs__details.active {
	display: block;
}

.vyp-tariffs__details-section {
	display: grid;
	gap: max(5px, 1rem);
	background: #FFF;
	border-radius: var(--br-25);
	padding: max(5px, 1.4rem) max(5px, 1.5rem);
	margin-bottom: 2px;
}
.vyp-tariffs__details-section:last-child {
	margin-bottom: 0;
}

.vyp-tariffs__details-section--disabled {
	opacity: 0.5;
}

.vt-row {
	display: flex;
	align-items: center;
	gap: 5px;
}
.vt-row .text-2 {
	color: var(--gray-dop);
	width: 36%;
	flex-shrink: 0;
	padding-left: 0.5em;
	font-size: max(12px, 1.8rem);
}

.vt-row__val {
	background: var(--tariff-color);
	color: #FFF;
	border-radius: max(5px, 1rem);
	display: flex;
	align-items: center;
	height: max(30px, 6rem);
	padding: 0 max(10px, 2.5rem);
	font-family: var(--font-serif);
	font-weight: 500;
	font-style: italic;
	font-size: max(14px, 2.4rem);
	line-height: 1;
	white-space: nowrap;
	flex: 1;
}

.vt-row__vals {
	display: flex;
	gap: max(5px, 1rem);
	flex: 1;
}
.vt-row__vals .vt-row__val {
	text-align: center;
	justify-content: center;
}

.vt-row__val--disabled {
	opacity: 0.2;
}

.masl-activities {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: max(20px, 8rem) var(--gap);
}
@media (max-width: 680px) {
	.masl-activities {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-flow: dense;
	}
}

.masl-activity {
	width: calc((100% - var(--gap) * 2) / 3);
}
@media (max-width: 680px) {
	.masl-activity {
		width: initial;
		grid-column: span 1;
	}
}
.masl-activity:is(:nth-child(5n+1), :nth-child(5n+2)) {
	width: calc((100% - var(--gap) * 1) / 2);
}
@media (max-width: 680px) {
	.masl-activity:is(:nth-child(5n+1), :nth-child(5n+2)) {
		width: initial;
		grid-column: span 2;
	}
}
.masl-activity:is(:nth-child(5n+1), :nth-child(5n+2)) .masl-activity__img {
	aspect-ratio: 870/680;
}
@media (max-width: 768px) {
	.masl-activity:is(:nth-child(5n+1), :nth-child(5n+2)) .complex-preview__content:has(.btn-double) {
		flex-direction: row;
	}
}
@media (max-width: 768px) {
	.masl-activity .complex-preview__content:has(.btn-double) {
		flex-direction: column;
	}
}

.masl-activity__img {
	aspect-ratio: 573/680;
}

.s-masl-photoslider {
	background: #D5CBC3;
	padding: max(50px, 10rem) 0;
	overflow: clip;
}
.s-masl-photoslider .draw-line {
	position: absolute;
	left: 0;
	top: 0%;
	width: 100%;
	height: auto;
	pointer-events: none;
	align-self: center;
}
.s-masl-photoslider .swiper-scrollbar {
	--swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.3);
}

.photo-slider--masl .photo-slider__img {
	height: max(200px, 45rem);
	background: rgba(0, 0, 0, 0.1);
}
.photo-slider--masl video.photo-slider__img {
	background: none;
}
.photo-slider--masl .photo-slider__slide--big .photo-slider__img {
	height: max(240px, 80rem);
}
.photo-slider--masl .photo-slider__slide {
	align-items: flex-start;
}
@media (max-width: 680px) {
	.photo-slider--masl .photo-slider__slide {
		align-items: unset;
	}
}
.photo-slider--masl .photo-slider__slide--odd:not(.photo-slider__slide--big) {
	margin-top: initial;
	align-items: center;
}

.s-masl-photoslider--ny {
	background: #2C4F41;
	color: #FFF;
}
.s-masl-photoslider--ny:before {
	content: "";
	position: absolute;
	bottom: -40rem;
	left: 0;
	width: 100%;
	height: 80rem;
	border-radius: 50%;
	background: radial-gradient(ellipse 50% 50%, #448f72, rgba(68, 143, 114, 0));
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	z-index: 2;
}

.s-masl-photoslider--dm {
	background: #000C35;
	color: #FFF;
}
.s-masl-photoslider--dm:before {
	content: "";
	position: absolute;
	bottom: -40rem;
	left: 0;
	width: 100%;
	height: 80rem;
	border-radius: 50%;
	background: radial-gradient(ellipse 50% 50%, #3a529d, rgba(58, 82, 157, 0));
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	z-index: 2;
}

.s-masl-photoslider--hw {
	background: #020D1B;
	color: #FFF;
}
.s-masl-photoslider--hw:before {
	content: "";
	position: absolute;
	bottom: -40rem;
	left: 0;
	width: 100%;
	height: 80rem;
	border-radius: 50%;
	background: radial-gradient(ellipse 50% 50%, #123D73, rgba(18, 61, 115, 0));
	opacity: 0.6;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	z-index: 2;
}

.s-masl-photoslider--vyp {
	background: var(--gray-light);
	color: var(--black);
}
.s-masl-photoslider--vyp:before {
	content: "";
	position: absolute;
	bottom: -40rem;
	left: 0;
	width: 100%;
	height: 80rem;
	border-radius: 50%;
	background: radial-gradient(ellipse 50% 50%, #FFF, rgba(255, 255, 255, 0));
	opacity: 0.6;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	z-index: 2;
}

.masl-heroes-block {
	display: grid;
	grid-template-columns: minmax(500px, 73fr) minmax(0, 114fr);
	position: relative;
	background: #750005;
	color: #FFF;
	border-radius: var(--br-25);
	overflow: clip;
}
@media (max-width: 1024px) {
	.masl-heroes-block {
		grid-template-columns: 400px minmax(0, 1fr);
	}
}
@media (max-width: 768px) {
	.masl-heroes-block {
		grid-template-columns: minmax(0, 1fr);
	}
}

.masl-heroes-block__img {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 768px) {
	.masl-heroes-block__img {
		height: 100vw;
	}
}

.masl-heroes__left {
	display: flex;
	flex-direction: column;
	padding: max(40px, 6rem);
	position: relative;
	z-index: 2;
}
@media (max-width: 1024px) {
	.masl-heroes__left {
		padding-right: 0;
	}
}
@media (max-width: 768px) {
	.masl-heroes__left {
		padding: max(25px, 8rem);
	}
}
@media (max-width: 480px) {
	.masl-heroes__left {
		padding: 15px;
	}
}
.masl-heroes__left .h2 {
	margin-bottom: 0.5em;
	max-width: 11em;
}

.masl-heroes__titles {
	margin-top: max(20px, 7rem);
	position: relative;
}
@media (max-width: 768px) {
	.masl-heroes__titles {
		order: 2;
	}
}

.masl-heroes__title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.masl-heroes__title.active {
	position: relative;
	opacity: 1;
}
.masl-heroes__title .text-2 {
	opacity: 0.5;
	margin-bottom: 0.5em;
	font-variant-numeric: tabular-nums;
}

.masl-heroes__bottom {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
	padding-top: 40px;
	margin-top: auto;
}
@media (max-width: 480px) {
	.masl-heroes__bottom {
		gap: 4px;
	}
}
.masl-heroes__bottom .text-3 {
	width: 100%;
	margin-bottom: 0.5em;
}

.masl-heroes__nav {
	display: flex;
	align-items: center;
	gap: 5px;
}

.masl-heroes__right {
	align-self: end;
}

.masl-heroes-slider {
	overflow: visible;
}
.masl-heroes-slider .swiper-slide-active .masl-heroes-img {
	scale: 1;
	opacity: 1;
}

.masl-heroes-img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1140/790;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	scale: 0.5;
	opacity: 0;
	transform-origin: center bottom;
	transition: scale 0.6s ease, opacity 0.6s ease;
}

.masl-adds-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: max(15px, 5rem) var(--gap);
	grid-auto-flow: dense;
}
@media (max-width: 480px) {
	.masl-adds-grid {
		margin-left: -15px;
		margin-right: -15px;
	}
}

.masl-add {
	grid-column: span 4;
}
@media (max-width: 680px) {
	.masl-add {
		grid-column: span 12;
	}
}
.masl-add .complex-preview {
	position: relative;
}
.masl-add .complex-preview__img {
	aspect-ratio: 573/400;
}
.masl-add .complex-preview__content {
	padding-top: max(10px, 1.5rem);
}
.masl-add .complex-preview__title {
	font-size: max(14px, 3.2rem);
}
.masl-add--small {
	grid-column: span 3;
}
@media (max-width: 768px) {
	.masl-add--small {
		grid-column: span 6;
	}
}
.masl-add--small .complex-preview__img {
	aspect-ratio: 425/306;
}
.masl-add--big {
	grid-column: span 6;
	grid-row: span 2;
}
@media (max-width: 768px) {
	.masl-add--big {
		grid-column: span 12;
		grid-row: span 1;
	}
}
.masl-add--big .complex-preview__img {
	aspect-ratio: 870/717;
}
.masl-add:nth-child(4), .masl-add:nth-child(5) {
	margin-top: -3rem;
}
@media (max-width: 768px) {
	.masl-add:nth-child(4), .masl-add:nth-child(5) {
		margin-top: initial;
	}
}

.info {
	position: absolute;
	z-index: 10;
	top: max(10px, 1.5rem);
	right: max(10px, 1.5rem);
}
.info figure {
	position: relative;
	z-index: 2;
	width: 30px;
	height: 30px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	transition: background 0.1s ease;
}
@media (hover: hover) {
	.info figure:hover {
		background: rgba(0, 0, 0, 0.8);
	}
}
.info figure:active {
	background: rgba(0, 0, 0, 0.8);
}
.info figure svg {
	width: 100%;
	height: auto;
}
.info.active .info__pop {
	visibility: visible;
	opacity: 1;
	scale: 1;
}

.info__pop {
	position: absolute;
	z-index: 1;
	right: -8px;
	top: -8px;
	background: var(--gray-light);
	border-radius: var(--br-25);
	color: var(--black);
	font-size: max(12px, 1.8rem);
	width: max(150px, 29rem);
	padding: 45px max(10px, 1.5rem) max(10px, 1.5rem) max(10px, 1.5rem);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	visibility: hidden;
	opacity: 0;
	scale: 0.9;
	transition: all 0.2s ease;
	transform-origin: right top;
}

.s-masl-formats {
	margin-bottom: -30rem;
}
@media (max-width: 680px) {
	.s-masl-formats {
		margin-bottom: -25rem;
	}
}
.s-masl-formats + section {
	z-index: 10;
}

.masl-formats-block {
	display: grid;
	grid-template-columns: 1fr 1fr;
	position: relative;
	background: var(--gray-dop);
	color: #FFF;
	border-radius: var(--br-25) var(--br-25) 0 0;
	overflow: clip;
}
@media (max-width: 768px) {
	.masl-formats-block {
		grid-template-columns: 1fr;
	}
}

.masl-formats-block__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}

.masl-formats {
	position: relative;
	z-index: 2;
	counter-reset: mf;
	padding-top: max(40px, 10rem);
	padding-bottom: max(200px, 35rem);
	padding-left: 40px;
}
@media (max-width: 768px) {
	.masl-formats {
		padding: max(20px, 4rem);
	}
}

.masl-format {
	counter-increment: mf;
}
.masl-format.active .masl-format__opener {
	grid-template-rows: 1fr;
	padding-bottom: max(20px, 4rem);
}
.masl-format.active .plus-btn {
	background: #FFF;
	color: var(--black);
}
.masl-format.active .plus-btn:after {
	transform: scaleX(0);
}

.masl-format__head {
	display: grid;
	grid-template-columns: max(40px, 8rem) 1fr max(40px, 6rem);
	align-items: center;
	cursor: pointer;
	padding: max(15px, 2rem) 0;
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
	.masl-format__head:hover .plus-btn {
		--plus-btn-bg: rgba(255, 255, 255, 0.6);
	}
}
.masl-format__head:before {
	content: "(" counter(mf, decimal-leading-zero) ")";
	display: block;
}
.masl-format__head .plus-btn {
	margin-left: auto;
	--plus-btn-bg: rgba(255, 255, 255, 0.3);
	--plus-btn-color: #FFF;
}

.masl-format__opener {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.3s ease, padding 0.3s ease;
}

.masl-format__content {
	overflow: hidden;
	padding-left: max(40px, 8rem);
}
.masl-format__content .text-2 {
	max-width: 38em;
}
.masl-format__content .text-2 p {
	margin-bottom: 0.5em;
}
.masl-format__content .text-2 p:last-child {
	margin-bottom: 0;
}
.masl-format__content .btn-double {
	margin-top: max(20px, 4rem);
}

.masl-formats__images {
	position: relative;
	align-self: end;
}

.masl-formats__img {
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	aspect-ratio: 935/1100;
	transition: all 1.2s ease;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
.masl-formats__img.active {
	position: relative;
	opacity: 1;
}

.masl-formats__bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.s-masl-traditions {
	overflow: clip;
}
.s-masl-traditions .draw-line {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: auto;
	translate: 0 -50%;
}

.masl-trad-slider {
	overflow: visible;
	counter-reset: mt;
}
.masl-trad-slider .swiper-slide {
	width: auto;
	height: auto;
	display: flex;
	align-items: center;
}
@media (max-width: 680px) {
	.masl-trad-slider .swiper-slide {
		align-items: flex-start;
	}
}
.masl-trad-slider .swiper-slide:nth-child(odd) {
	align-items: flex-start;
}
@media (max-width: 680px) {
	.masl-trad-slider .swiper-slide:nth-child(odd) {
		margin-top: 50px;
		align-items: flex-start;
	}
}

.masl-trad {
	display: flex;
	align-items: flex-start;
	gap: max(15px, 3rem);
	counter-increment: mt;
	width: -moz-fit-content;
	width: fit-content;
}
@media (max-width: 680px) {
	.masl-trad {
		flex-direction: column;
		width: 250px;
	}
}

.masl-trad__picture {
	display: block;
	width: max(250px, 35rem);
	flex-shrink: 0;
}

.masl-trad__img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--br-25);
	aspect-ratio: 1/1;
}

.masl-trad__content {
	display: flex;
	flex-direction: column;
	gap: max(8px, 1.5rem);
	width: max(150px, 28rem);
}
@media (max-width: 680px) {
	.masl-trad__content {
		width: 100%;
	}
}
.masl-trad__content:before {
	content: "(" counter(mt, decimal-leading-zero) ")";
	font-size: max(14px, 1.8rem);
}
.masl-trad__content .text-2 {
	font-size: max(12px, 1.8rem);
}

.masl-trad--big .masl-trad__picture {
	width: max(250px, 55rem);
}

.gender-steps-block {
	background: var(--gray-light);
	border-radius: var(--br-25);
	padding: max(40px, 7rem) 0;
}
.gender-steps-block .draw-line {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
.gender-steps-block .container {
	z-index: 2;
}

.gender-steps {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: var(--gap);
	top: calc(50svh - 30rem + 30px);
}
@media (max-width: 768px) {
	.gender-steps {
		grid-template-columns: 1fr;
	}
}

.gender-steps__left-wrap {
	position: relative;
}
@media (max-width: 768px) {
	.gender-steps__left-wrap {
		display: none;
	}
}

.gender-steps__left {
	display: flex;
	flex-direction: column;
	gap: max(20px, 6rem);
	position: sticky;
	top: calc(50svh - 25rem);
}
@media (max-width: 768px) {
	.gender-steps__left {
		position: relative;
		top: initial;
	}
}
.gender-steps__left .btn-double {
	margin-top: auto;
}

.gender-steps__titles {
	counter-reset: gs;
}

.gender-steps__title {
	display: grid;
	grid-template-columns: 14rem 1fr;
	position: relative;
	padding-bottom: max(20px, 6rem);
	counter-increment: gs;
	transition: color 0.3s ease;
}
.gender-steps__title:last-child {
	padding-bottom: 0;
}
.gender-steps__title:last-child:after {
	display: none;
}
.gender-steps__title:before {
	content: "(" counter(gs, decimal-leading-zero) ")";
	position: relative;
	top: 0;
	color: rgba(0, 0, 0, 0.2);
	font-size: max(12px, 1.8rem);
	transition: color 0.3s ease;
}
.gender-steps__title:after {
	content: "";
	position: absolute;
	left: max(9px, 1.3rem);
	top: max(15px, 3rem);
	height: calc(100% - max(20px, 3.5rem));
	width: 1px;
	border-right: 2px solid rgba(0, 0, 0, 0.2);
	transition: border 0.3s ease;
}
.gender-steps__title .h4 {
	max-width: 10em;
	translate: 0 -0.2em;
}
@media (max-width: 1024px) {
	.gender-steps__title .h4 {
		translate: 0 -0.1em;
	}
}
.gender-steps__title.active {
	color: var(--violet-dark);
}
.gender-steps__title.active:before {
	color: var(--violet-dark);
}
.gender-steps__title.active:after {
	border-color: var(--violet-dark);
}

.gender-steps__right {
	align-self: start;
	position: relative;
}
@media (max-width: 768px) {
	.gender-steps__right {
		margin-bottom: -100px;
	}
}
@media (max-width: 480px) {
	.gender-steps__right {
		margin-left: -10px;
		margin-right: -10px;
	}
}

.gender-step {
	display: block;
	position: sticky;
	top: calc(50svh - 30rem + 0px);
	border-radius: var(--br-25);
	background: var(--bg-color);
	color: #FFF;
	overflow: clip;
	width: 100%;
	height: auto;
	aspect-ratio: 1160/600;
	padding: max(20px, 3.5rem);
	margin-bottom: max(100px, 20rem);
}
@media (max-width: 768px) {
	.gender-step {
		aspect-ratio: initial;
		padding-bottom: 0;
		top: 100px;
	}
}
.gender-step > *:not(.gender-step__picture) {
	position: relative;
	z-index: 2;
}
.gender-step .h6 {
	text-transform: uppercase;
	font-weight: 600;
	opacity: 0.5;
	margin-bottom: 1em;
}
.gender-step .h2 {
	font-size: max(20px, 4.8rem);
	max-width: 10em;
	margin-bottom: 0.5em;
}
.gender-step .text-2 {
	max-width: 20em;
	font-size: max(12px, 1.8rem);
}

.gender-step__picture {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
@media (max-width: 768px) {
	.gender-step__picture {
		display: block;
		position: relative;
		aspect-ratio: 1.4/1;
		margin-left: -20px;
		width: calc(100% + 40px);
	}
}
.gender-step__picture:after {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	right: 0;
	z-index: 2;
	height: 15%;
	background: linear-gradient(to bottom, var(--bg-color), transparent);
	opacity: 0;
}
@media (max-width: 768px) {
	.gender-step__picture:after {
		opacity: 1;
	}
}

.gender-step__img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 768px) {
	.gender-step__img {
		object-position: right center;
	}
}

.gender-methods {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: max(30px, 10rem) max(10px, 4rem);
	grid-auto-flow: dense;
}
@media (max-width: 480px) {
	.gender-methods {
		margin-left: -10px;
		margin-right: -10px;
	}
}
@media (max-width: 680px) {
	.gender-methods {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.gender-method .complex-preview__img {
	aspect-ratio: 410/497;
}
.gender-method .complex-preview__title + .text-3 {
	padding-top: 0.6em;
}
.gender-method .complex-preview__content:has(.btn-double) {
	flex-direction: column;
}

.gender-method--big {
	grid-column: span 2;
}
.gender-method--big .complex-preview__img {
	aspect-ratio: 860/820;
}
.gender-method--big .complex-preview__content:has(.btn-double) {
	flex-direction: row;
}

.s-gender-tariffs .draw-line {
	stroke: rgba(0, 0, 0, 0.1);
}
.s-gender-tariffs .vyp-tariff.active {
	color: var(--black);
}
.s-gender-tariffs .vyp-tariff.active .vyp-tariff__name {
	color: var(--black);
}
.s-gender-tariffs .vyp-tariff.active .tariff__text-descr {
	color: var(--gray-dop);
}
.s-gender-tariffs .vyp-tariff.active .tariff__price {
	opacity: 1;
}
.s-gender-tariffs .vyp-tariff.active .tariff__price .text-3 {
	color: var(--gray-dop);
}
@media (max-width: 680px) {
	.s-gender-tariffs .vyp-tariffs__list {
		margin-bottom: 4px;
		padding-bottom: 5px;
	}
}
@media (max-width: 1024px) {
	.s-gender-tariffs .vyp-tariff__name {
		font-size: 22px;
	}
}
.s-gender-tariffs .vyp-tariff__bottom {
	margin-top: max(5px, 2rem);
	align-items: flex-start;
}
@media (max-width: 680px) {
	.s-gender-tariffs .vyp-tariff__bottom {
		gap: 6px;
	}
}
.s-gender-tariffs .vyp-tariffs__images {
	align-self: end;
	aspect-ratio: 456/812;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
}
@media (max-width: 1024px) {
	.s-gender-tariffs .vyp-tariffs__images {
		aspect-ratio: 1/1.4;
	}
}
.s-gender-tariffs .vyp-tariffs__image {
	bottom: 0;
	aspect-ratio: 456/812;
}
@media (max-width: 1024px) {
	.s-gender-tariffs .vyp-tariffs__image {
		aspect-ratio: 1/1.4;
	}
}
.s-gender-tariffs .vyp-tariffs__image-bg {
	bottom: 0;
	aspect-ratio: 456/812;
}
@media (max-width: 1024px) {
	.s-gender-tariffs .vyp-tariffs__image-bg {
		aspect-ratio: 1/1.4;
	}
}
.s-gender-tariffs .vyp-tariffs__details-section {
	padding: max(10px, 1.4rem) max(10px, 1.5rem);
}

.s-gender-tariffs__title {
	grid-column: span 2;
	padding-top: max(20px, 6rem);
}
.s-gender-tariffs__title .sec-title-double {
	margin-bottom: 0;
}
@media (max-width: 680px) {
	.s-gender-tariffs__title .text-3 {
		display: none;
	}
}

.tariff__text-descr {
	transition: color 0.3s ease;
	max-width: 23em;
}

.tariff__price {
	text-align: right;
	transition: opacity 0.3s ease;
	opacity: 0.5;
}
.tariff__price .h3 {
	white-space: nowrap;
}
@media (max-width: 1024px) {
	.tariff__price .h3 {
		font-size: 18px;
	}
}
.tariff__price .text-3 {
	transition: color 0.3s ease;
	line-height: 1.2;
}
@media (max-width: 1024px) {
	.tariff__price .text-3 {
		font-size: 12px;
	}
}

.tarif-details-list-type {
	color: var(--black);
}
.tarif-details-list-type .h5 {
	margin-bottom: 0.4em;
}
.tarif-details-list-type ul {
	list-style: none;
	font-size: max(12px, 1.8rem);
}
.tarif-details-list-type ul li {
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 0.5em;
}
.tarif-details-list-type ul li:last-child {
	margin-bottom: 0;
}
.tarif-details-list-type ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.1em;
	width: 1em;
	height: 1em;
	background: url(/local/templates/archione/css/../img/gender/list.svg);
	background-size: contain;
}

.s-gender-why .draw-line {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: auto 0;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	z-index: -1;
}
@media (max-width: 1024px) {
	.s-gender-why .draw-line {
		bottom: initial;
		margin: 0;
		top: 50px;
		height: auto;
	}
}

.gender-why-grid {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
@media (max-width: 1024px) {
	.gender-why-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 480px) {
	.gender-why-grid {
		grid-template-columns: 1fr 1fr 1fr;
		margin-left: -15px;
		margin-right: -15px;
	}
}

.gender-why {
	display: grid;
	grid-template-rows: 9rem 1fr 9rem;
	justify-content: center;
	place-items: center;
	position: relative;
	gap: 10px;
	text-align: center;
	color: #FFF;
	background: var(--bg-color, #AEAAD2);
	width: 40rem;
	height: 40rem;
	aspect-ratio: 1/1;
	flex-shrink: 0;
	border-radius: 50%;
	padding-top: max(20px, 5rem);
	padding-bottom: max(10px, 2rem);
	padding-left: max(10px, 2rem);
	padding-right: max(10px, 2rem);
	overflow: clip;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
@media (max-width: 1024px) {
	.gender-why {
		width: 100%;
		height: auto;
		padding-top: max(20px, 8rem);
	}
}
@media (max-width: 480px) {
	.gender-why {
		grid-column: span 2;
		padding-top: 22px;
	}
}
@media (hover: hover) {
	.gender-why:hover .gender-why__media {
		scale: 1.05;
	}
}
.gender-why .h5 {
	max-width: 11em;
	align-self: start;
}
@media (max-width: 1024px) {
	.gender-why .h5 {
		font-size: max(16px, 5rem);
	}
}
.gender-why .text-2 {
	max-width: 21em;
	font-size: max(10px, 1.6rem);
	opacity: 0;
	transition: opacity 0.3s ease;
}
@media (max-width: 1024px) {
	.gender-why .text-2 {
		font-size: max(12px, 3.4rem);
	}
}
.gender-why .plus-btn {
	align-self: end;
}
.gender-why > *:not(.gender-why__media) {
	position: relative;
	z-index: 2;
}
.gender-why:nth-child(1) {
	margin-top: 10rem;
}
@media (max-width: 1024px) {
	.gender-why:nth-child(1) {
		margin: initial;
	}
}
.gender-why:nth-child(3) {
	margin-left: -9rem;
	margin-right: -9rem;
	margin-top: 24rem;
}
@media (max-width: 1024px) {
	.gender-why:nth-child(3) {
		margin: initial;
	}
}
@media (max-width: 1024px) {
	.gender-why:nth-child(even) {
		margin-top: 30rem;
		margin-bottom: -20rem;
	}
}
@media (max-width: 480px) {
	.gender-why:nth-child(even) {
		grid-column: 2/4;
		margin-top: -10rem;
		margin-bottom: -10rem;
	}
}
.gender-why.active .gender-why__media {
	opacity: 0;
	scale: 1.1;
}
.gender-why.active .text-2 {
	opacity: 1;
}
.gender-why.active .plus-btn {
	background: var(--plus-btn-bg-active, #FFF);
	color: var(--plus-btn-color-active, var(--black));
}
.gender-why.active .plus-btn:after {
	transform: scaleX(0);
}

.gender-why--big {
	width: 53rem;
	height: 53rem;
}
@media (max-width: 1024px) {
	.gender-why--big {
		width: 100%;
		height: auto;
	}
}
.gender-why--big .text-2 {
	font-size: max(12px, 1.8rem);
}
@media (max-width: 1024px) {
	.gender-why--big .text-2 {
		font-size: max(12px, 3.4rem);
	}
}

.gender-why__media {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-user-select: none;
	        user-select: none;
	pointer-events: none;
	opacity: 1;
	scale: 1;
	transition: opacity 0.3s ease, scale 0.3s ease;
}

.s-gender-photos {
	overflow: clip;
}

.photo-slider--gender {
	margin-top: max(50px, 10rem);
}
.photo-slider--gender .photo-slider__img {
	height: max(200px, 62rem);
}
.photo-slider--gender .photo-slider__slide--big .photo-slider__img {
	height: max(240px, 84rem);
}

.gender-services-wall {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: max(15px, 3rem) var(--gap);
}
@media (max-width: 680px) {
	.gender-services-wall {
		grid-auto-flow: dense;
	}
}
.gender-services-wall .service-wall-item__title {
	white-space: initial;
}

.service-wall-item--gp-small {
	grid-column: span 3;
}
@media (max-width: 680px) {
	.service-wall-item--gp-small {
		grid-column: span 6;
	}
}
.service-wall-item--gp-small .service-wall-item__stage {
	aspect-ratio: 425/306;
}

.service-wall-item--gp-big {
	grid-column: span 6;
	grid-row: span 2;
}
@media (max-width: 680px) {
	.service-wall-item--gp-big {
		grid-column: span 12;
		grid-row: span 1;
	}
}
.service-wall-item--gp-big .service-wall-item__stage {
	aspect-ratio: 870/717;
}

.service-wall-item--gp-tall {
	grid-column: span 3;
}
@media (max-width: 680px) {
	.service-wall-item--gp-tall {
		grid-column: span 6;
	}
}
.service-wall-item--gp-tall .service-wall-item__stage {
	aspect-ratio: 425/600;
}

.s-gender-reviews {
	overflow: hidden;
	margin-top: max(20px, 3rem);
}
.s-gender-reviews .container {
	z-index: 2;
}

.s-gender-reviews__bg {
	position: absolute;
	top: 0;
	left: 50%;
	translate: -50% 0;
	width: auto;
	height: 100%;
}
@media (max-width: 768px) {
	.s-gender-reviews__bg {
		left: 0;
		translate: initial;
		width: 150%;
		height: auto;
	}
}

.gender-reviews-grid {
	display: grid;
	grid-template-columns: 1fr minmax(0, 2fr);
	gap: 20px var(--gap);
}
@media (max-width: 768px) {
	.gender-reviews-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

.gender-reviews__left {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.gender-reviews__left .h2 {
	margin-bottom: 0.5em;
	max-width: 15em;
}
.gender-reviews__left .text-3 {
	max-width: 25em;
}

.video-reviews-slider--gender .swiper-scrollbar {
	margin-left: initial;
}
.video-reviews-slider--gender .video-review {
	transition: opacity 0.3s ease, scale 0.3s ease;
}
.video-reviews-slider--gender .swiper-slide--hidden .video-review {
	opacity: 0;
	scale: 0.8;
	pointer-events: none;
}

.gender-preims-block {
	background: #C1A9A4;
	color: #FFF;
	padding-top: max(30px, 7rem);
	border-radius: var(--br-25);
}
.gender-preims-block .sec-title-double {
	position: relative;
	z-index: 3;
}

.gender-preims-stage {
	position: relative;
	margin-top: -5rem;
}
@media (max-width: 480px) {
	.gender-preims-stage {
		margin-left: -20px;
		width: calc(100% + 40px);
	}
}
.gender-preims-stage.active .gender-preims-stage__img {
	opacity: 1;
	translate: 0 0;
	transition-delay: 1.5s;
}
.gender-preims-stage.active .gender-preims-stage__logo path {
	opacity: 1;
	translate: 0 0;
}
.gender-preims-stage.active .gender-preims-stage__items {
	opacity: 1;
	transition-delay: 2.2s;
}

.gender-preims-stage__logo {
	position: absolute;
	z-index: 1;
	top: 10%;
	left: 0;
	width: 100%;
	height: auto;
}
.gender-preims-stage__logo path {
	opacity: 0;
	translate: -5% 0;
	transition: opacity 0.6s ease, translate 0.6s ease;
}
.gender-preims-stage__logo path:nth-child(1) {
	transition-delay: 0.1s;
}
.gender-preims-stage__logo path:nth-child(2) {
	transition-delay: 0.2s;
}
.gender-preims-stage__logo path:nth-child(3) {
	transition-delay: 0.3s;
}
.gender-preims-stage__logo path:nth-child(4) {
	transition-delay: 0.4s;
}
.gender-preims-stage__logo path:nth-child(5) {
	transition-delay: 0.5s;
}
.gender-preims-stage__logo path:nth-child(6) {
	transition-delay: 0.6s;
}
.gender-preims-stage__logo path:nth-child(7) {
	transition-delay: 0.7s;
}
.gender-preims-stage__logo path:nth-child(8) {
	transition-delay: 0.8s;
}

.gender-preims-stage__img {
	display: block;
	position: relative;
	z-index: 2;
	width: 100%;
	height: auto;
	opacity: 0;
	translate: 0 1%;
	transition: opacity 0.9s ease, translate 0.9s ease;
	aspect-ratio: 1760/1124;
}
@media (max-width: 480px) {
	.gender-preims-stage__img {
		aspect-ratio: 1.1/1;
		object-fit: cover;
	}
}

.gender-preims-stage__items {
	position: absolute;
	inset: 0;
	z-index: 3;
	opacity: 0;
	transition: opacity 0.6s ease;
}

.gender-preim {
	position: absolute;
}
.gender-preim.active {
	z-index: 5;
}
.gender-preim.active .gender-preim__pop {
	opacity: 1;
	scale: 1;
}
.gender-preim.active .plus-btn {
	background: var(--plus-btn-bg-active, #FFF);
	color: var(--plus-btn-color-active, var(--black));
}
.gender-preim.active .plus-btn:after {
	transform: scaleX(0);
}

.gender-preim__pop {
	position: absolute;
	top: -10px;
	right: -10px;
	border-radius: var(--br-25);
	background: rgba(237, 238, 243, 0.9);
	padding: max(45px, 6rem) max(10px, 1.5rem) max(10px, 1.5rem) max(10px, 1.5rem);
	color: var(--black);
	width: max(200px, 28rem);
	opacity: 0;
	scale: 0.9;
	transform-origin: right top;
	transition: opacity 0.3s ease, scale 0.3s ease;
	pointer-events: none;
}
.gender-preim__pop .h5 {
	margin-bottom: 0.4em;
}

.bx-editmode .gender-preim__pop {
	pointer-events: all;
}

.gender-preim:nth-child(1) {
	left: 18%;
	top: 19%;
}
@media (max-width: 480px) {
	.gender-preim:nth-child(1) {
		left: 5%;
	}
}
@media (max-width: 480px) {
	.gender-preim:nth-child(1) .gender-preim__pop {
		transform-origin: left top;
		right: initial;
		left: -10px;
	}
}

.gender-preim:nth-child(2) {
	left: 45%;
	top: 60%;
}

.gender-preim:nth-child(3) {
	left: 64%;
	top: 44%;
}

.gender-preim:nth-child(4) {
	left: 82%;
	top: 28%;
}


.article-table-wrapper {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.article-table-wrapper table {
  min-width: 760px;
}

.show-about__label-stage .label-logo{
	animation:none;
}

/*Часы работы*/

.footer__col__work-hour{
	margin-top: max(10px, 3rem);
}

/* End */


/* Start:/local/templates/archione/styles.css?1776148884270*/
.bx-core-popup-menu-item[title="Редактировать страницу в визуальном редакторе"]{
	display: none !important;
}

.bx-core-adm-dialog .bx-core-adm-dialog-content:has(.bxce){
	overflow: hidden;
}

#bx-panel ~ .s-header{
	top: 40px;
}
/* End */
/* /local/templates/archione/css/main.css?1784518552379460 */
/* /local/templates/archione/styles.css?1776148884270 */