/* Start:/local/templates/vphs/css/swiper.css?177122352520327*/
/**
 * Swiper 11.2.6
 * 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: March 19, 2025
 */

@font-face {
	font-family: swiper-icons;
	src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
	font-weight: 400;
	font-style: normal;
}
:root {
	--swiper-theme-color: #007aff;
}
:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}
.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	display: block;
}
.swiper-vertical > .swiper-wrapper {
	flex-direction: column;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(
		--swiper-wrapper-transition-timing-function,
		initial
	);
	box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
	touch-action: pan-y;
}
.swiper-vertical {
	touch-action: pan-x;
}
.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
}
.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 {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.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 {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after);
}
.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 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(
		to left,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0)
	);
}
.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(
		to right,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0)
	);
}
.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0)
	);
}
.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0)
	);
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}
.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 {
	width: 1px;
	height: var(--swiper-virtual-size);
}
:root {
	--swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: var(--swiper-navigation-top-offset, 50%);
	width: calc(var(--swiper-navigation-size) / 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	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 {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform-origin: center;
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
	transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, 10px);
	right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto;
}
.swiper-button-lock {
	display: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: 'next';
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: 0.3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	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);
	top: var(--swiper-pagination-top, auto);
	left: 0;
	width: 100%;
}
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(0.33);
	position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1);
}
.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 {
	width: var(
		--swiper-pagination-bullet-width,
		var(--swiper-pagination-bullet-size, 8px)
	);
	height: var(
		--swiper-pagination-bullet-height,
		var(--swiper-pagination-bullet-size, 8px)
	);
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}
.swiper-pagination-bullet:only-child {
	display: none !important;
}
.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
	right: var(--swiper-pagination-right, 8px);
	left: var(--swiper-pagination-left, auto);
	top: 50%;
	transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block;
}
.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: 0.2s transform, 0.2s top;
}
.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: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl
	> .swiper-pagination-bullets-dynamic
	.swiper-pagination-bullet {
	transition: 0.2s transform, 0.2s right;
}
.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.25)
	);
	position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
	> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0;
}
.swiper-horizontal
	> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
	width: var(--swiper-pagination-progressbar-size, 4px);
	height: 100%;
	left: 0;
	top: 0;
}
.swiper-pagination-lock {
	display: none;
}
.swiper-scrollbar {
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	position: relative;
	touch-action: none;
	background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: var(--swiper-scrollbar-sides-offset, 1%);
	bottom: var(--swiper-scrollbar-bottom, 4px);
	top: var(--swiper-scrollbar-top, auto);
	z-index: 50;
	height: var(--swiper-scrollbar-size, 4px);
	width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
	position: absolute;
	left: var(--swiper-scrollbar-left, auto);
	right: var(--swiper-scrollbar-right, 4px);
	top: var(--swiper-scrollbar-sides-offset, 1%);
	z-index: 50;
	width: var(--swiper-scrollbar-size, 4px);
	height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	left: 0;
	top: 0;
}
.swiper-scrollbar-cursor-drag {
	cursor: move;
}
.swiper-scrollbar-lock {
	display: none;
}
.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.swiper-slide-zoomed {
	cursor: move;
	touch-action: none;
}
.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
	flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column;
}
.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 {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}
.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 {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
	content: '';
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px);
}
.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 {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.swiper.swiper-flip {
	overflow: visible;
}
.swiper-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	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 {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
	overflow: visible;
}
.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
}

/* End */


/* Start:/local/templates/vphs/css/style.css?178635072355776*/
@charset "UTF-8";
* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: "Roboto";
  font-size: inherit;
  line-height: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: transparent;
}

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

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

.h2 {
  font-size: 24px;
  margin-bottom: 20px;
}

[class*=__container] {
  max-width: 1744px;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 16px;
}
@media (max-width: 47.99875em) {
  [class*=__container] {
    padding: 0 15px;
  }
}

.reglament-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px;

  font-size: 18px;
  font-weight: 400;
  line-height: 30px; /
}

.reglament-container a {
  color: #DDA479;
  text-decoration: underline;
}

.reglament-container a:hover {
  color: #DDA479;
}

.reglament-container h2{
  font-size: 22px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 10px;
}
.reglament-hero {
  position: relative;
  margin-top: -66px; /* заход под шапку */
  min-height: 520px;
}

/* фон */
.reglament-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.reglament-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reglament-hero__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(88, 58, 26, 0.6);
}

.reglament-hero__container {
  position: relative;
  z-index: 1;
  width: 100%; /* занять всю ширину */
  padding: 140px 40px 80px;
}

/* body — grid как у first-page__body */
.reglament-hero__body {
  display: grid;
  grid-template-columns: 1fr auto; 
  column-gap: 40px;
  align-items: start;
}

/* адаптив */
@media (max-width: 992px) { 
.reglament-hero__body { 
grid-template-columns: 1fr; 
row-gap: 40px; } }

/* заголовок */
.reglament-hero__title {
  font-size: clamp(3rem, 2.54rem + 1.53vw, 4.25rem);
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}

/* блок текста справа */
.reglament-hero__box {
  background: rgba(0,0,0,0.8);
  border-radius: 10px;
  padding: 56px;
  max-width: 700px; /* увеличить ширину */
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #fff;
}

.reglament-hero__box p {
  margin-bottom: 10px;
}

.reglament-hero__box p:last-child {
  margin-bottom: 0;
}

:root {
  --font-family: "Roboto";
}

html {
  scroll-behavior: smooth;
}

body {
  color: #fff;
  position: relative;
  font-family: "Roboto";
  background: #141414;
}

.main-wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  overflow: hidden;
}
.header__body {
  min-height: 66px;
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  transform: translateY(-1px);
}
@media (min-width: 47.99875em) {
  .header__body {
    justify-content: flex-end;
  }
}
.header__block {
  background: rgba(0, 0, 0, 0.5);
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  position: relative;
}
@media (max-width: 47.99875em) {
  .header__block {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
}
.header__block::before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: -200%;
  height: 100%;
  width: 200%;
}
.header__block::after {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: -200%;
  height: 100%;
  width: 200%;
  display: none;
}
@media (max-width: 61.99875em) {
  .header__block::after {
    display: block;
  }
}
.header__logo {
  margin-right: 97px;
}
@media (max-width: 47.99875em) {
  .header__logo {
    margin-right: 24px;
  }
}
.header__box {
  margin-left: auto;
  display: flex;
  -moz-column-gap: 48px;
  column-gap: 48px;
}
@media (max-width: 47.99875em) {
  .header__box {
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
}
.first-page {
  position: relative;
  margin-top: -66px;
}
.first-page__container {
  position: relative;
  z-index: 1;
}
.first-page__body {
  display: grid;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 93px;
  align-items: center;
  min-height: 653px;
}
@media (min-width: 61.99875em) {
  .first-page__body {
    grid-template-columns: repeat(2, 1fr);
  }
}
.first-page__title {
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}
@supports (font-size: clamp( 3rem , 2.5402298851rem  +  1.5325670498vw , 4.25rem )) {
  .first-page__title {
    font-size: clamp( 3rem , 2.5402298851rem  +  1.5325670498vw , 4.25rem );
  }
}
@supports not (font-size: clamp( 3rem , 2.5402298851rem  +  1.5325670498vw , 4.25rem )) {
  .first-page__title {
    font-size: calc(3rem + 1.25 * (100vw - 30rem) / 81.5625);
  }
}
@media (min-width: 61.99875em) {
  .first-page__title {
    padding-bottom: 100px;
  }
}
@media (max-width: 61.99875em) {
  .first-page__title {
    text-align: center;
    align-self: end;
  }
}
.first-page__box {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  padding: 56px;
  display: flex;
  flex-direction: column;
  row-gap: 23px;
}
@media (min-width: 61.99875em) {
  .first-page__box {
    max-width: 730px;
    margin-left: 133px;
  }
}
@media (max-width: 61.99875em) {
  .first-page__box {
    align-self: start;
  }
}
@media (max-width: 47.99875em) {
  .first-page__box {
    padding: 40px 32px;
  }
}
@media (max-width: 480px) {
  .first-page__box {
    padding: 30px 10px;
  }
}
.first-page__heading {
  max-width: 549px;
}
.first-page__heading img {
  max-width: 100%;
}
@media (max-width: 61.99875em) {
  .first-page__heading {
    max-width: 320px;
    align-self: center;
  }
}
.first-page__timer {
  display: flex;
  align-items: center;
  justify-content: center;
}
@supports ((-moz-column-gap: clamp( 1.5rem , 0.7643678161rem  +  2.4521072797vw , 3.5rem )) or (column-gap: clamp( 1.5rem , 0.7643678161rem  +  2.4521072797vw , 3.5rem ))) {
  .first-page__timer {
    -moz-column-gap: clamp( 1.5rem , 0.7643678161rem  +  2.4521072797vw , 3.5rem );
    column-gap: clamp( 1.5rem , 0.7643678161rem  +  2.4521072797vw , 3.5rem );
  }
}
@supports not ((-moz-column-gap: clamp( 1.5rem , 0.7643678161rem  +  2.4521072797vw , 3.5rem )) or (column-gap: clamp( 1.5rem , 0.7643678161rem  +  2.4521072797vw , 3.5rem ))) {
  .first-page__timer {
    -moz-column-gap: calc(1.5rem + 2 * (100vw - 30rem) / 81.5625);
    column-gap: calc(1.5rem + 2 * (100vw - 30rem) / 81.5625);
  }
}
@media (max-width: 480px) {
  .first-page__timer {
    -moz-column-gap: 14px !important;
    column-gap: 14px !important;
  }
}
.first-page__num {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 16px;
}
.first-page__num div {
  font-weight: 500;
  color: #fff;
}
@supports (font-size: clamp( 3rem , 2.2643678161rem  +  2.4521072797vw , 5rem )) {
  .first-page__num div {
    font-size: clamp( 3rem , 2.2643678161rem  +  2.4521072797vw , 5rem );
  }
}
@supports not (font-size: clamp( 3rem , 2.2643678161rem  +  2.4521072797vw , 5rem )) {
  .first-page__num div {
    font-size: calc(3rem + 2 * (100vw - 30rem) / 81.5625);
  }
}
.first-page__num span {
  font-family: var(--font-family);
  font-weight: 400;
  text-align: center;
  color: #fff;
}
@supports (font-size: clamp( 1.125rem , 0.8031609195rem  +  1.0727969349vw , 2rem )) {
  .first-page__num span {
    font-size: clamp( 1.125rem , 0.8031609195rem  +  1.0727969349vw , 2rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 0.8031609195rem  +  1.0727969349vw , 2rem )) {
  .first-page__num span {
    font-size: calc(1.125rem + 0.875 * (100vw - 30rem) / 81.5625);
  }
}
.first-page__fon-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.first-page__fon-img picture,
.first-page__fon-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.first-page__fon-img::before {
  content: "";
  inset: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(88, 58, 26, 0.6);
}

.main-page {
  flex: 1 1 auto;
}
@supports (padding-top: clamp( 4.0625rem , 3.4188218391rem  +  2.1455938697vw , 5.8125rem )) {
  .main-page {
    padding-top: clamp( 4.0625rem , 3.4188218391rem  +  2.1455938697vw , 5.8125rem );
  }
}
@supports not (padding-top: clamp( 4.0625rem , 3.4188218391rem  +  2.1455938697vw , 5.8125rem )) {
  .main-page {
    padding-top: calc(4.0625rem + 1.75 * (100vw - 30rem) / 81.5625);
  }
}
.main-page__detail_text {
  margin-bottom: 60px;
  font-size: clamp( 1.125rem , 1.033045977rem + 0.30651341vw , 1.375rem );
  font-weight: 400;
  color: #fff;
}
.main-page__tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  grid-auto-rows: auto;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 88px;
  min-height: 0;
  min-width: 0;
  grid-template-rows: 81px auto;
  height: -moz-min-content;
  height: min-content;
}
@media (max-width: 61.99875em) {
  .main-page__tabs {
    row-gap: 56px;
    grid-template-rows: initial !important;
  }
}
.main-page__tabs > * {
  max-height: 100%;
}
.main-page__tabs-nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 24px;
  min-height: 0;
  min-width: 0;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;
  align-self: start;
}
@media (max-width: 61.99875em) {
  .main-page__tabs-nav {
    grid-column: 1/3;
  }
}
.main-page__tabs-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  place-items: center;
  border-radius: 10px;
  padding: 5px 20px;
  min-height: 81px;
  transition: all 0.3s;
  font-weight: 600;
  font-size: 26px;
  text-transform: uppercase;
  color: #fee5c4;
}
.main-page__tabs-btn--day {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.main-page__tabs-btn--weekday {
    font-size: 17px;
}
.main-page__tabs-btn_popup {
  display: grid !important;
}
.main-page__tabs-btn.active {
  background: #fee5c4;
  color: #141414;
}
.main-page__tabs-btn:hover {
  background: #fee5c4;
  color: #141414;
}
@media (max-width: 61.99875em) {
  .main-page__tabs-btn {
    display: none;
  }
}
.main-page__tabs-content {
  grid-row: 2/3;
  min-width: 0;
  min-height: 0;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;
}
@media (max-width: 61.99875em) {
  .main-page__tabs-content {
    grid-column: 1/3;
  }
}
.main-page__tabs .main-page__tab {
  opacity: 0;
  display: none;
  transform: translateY(10px);
  transition: all 0.4s ease;
  position: absolute;
}
.main-page__tabs .main-page__tab.active {
  display: block;
  position: relative;
  opacity: 1;
  transform: translateY(0);
}

.main-page-inner__tabs-nav {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.main-page-inner__tabs-btn {
  display: flex;
  align-items: center;
  min-height: 62px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  text-align: left;
  font-weight: 600;
  font-size: 26px;
  color: #f0a578;
  padding: 16px 32px;
  border-radius: 10px;
}
@media (max-width: 47.99875em) {
  .main-page-inner__tabs-btn {
    font-size: 22px;
  }
}
.main-page-inner__tabs-btn.active {
  background: #f0a578;
  color: #000;
}
.main-page-inner__tabs-btn:hover {
  background: #f0a578;
  color: #000;
}
.main-page-inner__tabs-btn::before
 {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  flex: 0 0 30px;
}
.main-page-inner__tabs-btn_red::before {
  background: #fd0201;
}
.main-page-inner__tabs-btn_green::before {
  background: #037f00;
}
.main-page-inner__tabs-btn_yellow::before {
  background: #fdff01;
}
.main-page-inner__tabs-btn_blue::before {
  background: #0100ff;
}
.main-page-inner__tabs-btn_orange::before {
	background: #ffac03;
}
.main-page-inner__tabs-btn_purple::before{
	background: #a500ff;
} 
.main-page-inner__tabs-btn_pink::before{
	background: #ffc4e4;
}
.main-page-inner__tabs-btn_cyan::before{
	background: #01f3ff;
}
.main-page-inner__tabs-btn_lightgray::before{
	background: #c4c4c4;
}
.main-page-inner__tabs-btn_brightgreen::before{
	background: #00ff01;
}
.main-page-inner__tabs-btn_gold::before{
  background: #808000;
}
.main-page-inner__tabs-btn_brightpink::before{
  background: #FF1493;
}

.main-page-inner__tabs-btn_сobalt::before{
  background: #1F3A8A;
}
.main-page-inner__tabs-btn_brightpurple::before{
  background: #7A00FF;
}
.main-page-inner__tabs-btn_brightorange::before{
  background: #FF5A00;
}
.main-page-inner__tabs-btn_burgundy::before{
  background: #B22222;
}

.main-page-inner__tabs-content {
  grid-row: 1/3;
  min-height: 0;
  min-width: 0;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;
}
@media (max-width: 61.99875em) {
  .main-page-inner__tabs-content {
    grid-row: 3/4;
    grid-column: 1/3;
  }
}

.main-page-inner__tab {
  border: 3px solid #f0a578;
  border-radius: 20px;
  padding: 56px 53px;
  opacity: 0;
  display: none;
  transform: translateY(10px);
  transition: all 0.4s ease;
  position: absolute;
}
@media (max-width: 61.99875em) {
  .main-page-inner__tab {
    padding: 56px 32px;
  }
}
.main-page-inner__tab.active {
  display: block;
  position: relative;
  opacity: 1;
  transform: translateY(0);
}

.accordion__item.active .accordion__header span {
  transform: rotate(180deg);
}
.accordion__item:not(:last-child) {
  margin-bottom: 56px;
}
.accordion__header {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  cursor: pointer;
  width: 100%;
  font-weight: 600;
  font-size: 25px;
  color: #fee5c4;
  transition: all 0.3s ease;
}
@media (max-width: 61.99875em) {
  .accordion__header {
    font-size: 22px;
  }
}
.accordion__header span {
  display: grid;
  place-items: center;
  transition: all 0.3s;
  margin-left: auto;
}
.accordion__content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
  font-weight: 400;
  font-size: 20px;
  color: #fff;
}
@media (max-width: 47.99875em) {
  .accordion__content {
    font-size: 22px;
  }
}
.accordion__content p {
  margin-top: 24px;
}

.inner-tab__rank-icons {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 16px;
}
.inner-tab__rank-icons img {
  max-width: 40px;
  height: auto;
}

.inner-tab__body {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
}
.inner-tab__img img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
.inner-tab__links {
  display: flex;
  align-items: center;
  display: grid;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 19px;
}
@media (min-width: 47.99875em) {
  .inner-tab__links {
    grid-template-columns: repeat(2, 1fr);
  }
}
.inner-tab__link {
  border: 2px solid #fee5c4;
  border-radius: 10px;
  padding: 5px 24px;
  min-height: 80px;
  display: grid;
  place-items: center;
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
  color: #fee5c4;
  transition: all 0.3s;
}
.inner-tab__link:hover {
  background: #fee5c4;
  color: #141414;
}
.inner-tab__head-block {
  display: grid;
  row-gap: 16px;
  align-items: center;
}
.inner-tab__head {
  font-weight: 500;
  font-size: 28px;
  color: #fff;
}
@media (max-width: 61.99875em) {
  .inner-tab__head {
    text-align: center;
    grid-row: 1/2;
    grid-column: 1/3;
  }
}
.inner-tab__head-text {
  font-weight: 400;
  font-size: 22px;
  color: #a7a7a7;
}
@media (max-width: 61.99875em) {
  .inner-tab__head-text {
    text-align: center;
    grid-row: 2/3;
    grid-column: 1/2;
  }
}
.inner-tab__head-category {
  font-weight: 400;
  font-size: 22px;
  color: #a7a7a7;
   display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.inner-tab__head-category::after {
  content: "";
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  border-radius: 50%;
}

.inner-tab__head-category_red::after {
  background: #b50505;
}

.inner-tab__head-category_green::after {
  background: #037f00;
}

.inner-tab__head-category_yellow::after {
  background: #fdff01;
}

.inner-tab__head-category_blue::after {
  background: #0100ff;
}

.inner-tab__head-category_orange::after {
  background: #FFAC03;
}

.inner-tab__head-category_purple::after {
  background: #A500FF;
}

.inner-tab__head-category_pink::after {
  background: #FFC4E4;
}

.inner-tab__head-category_cyan::after {
  background: #01F3FF;
}

.inner-tab__head-category_lightgray::after {
  background: #c4c4c4;
}

.inner-tab__head-category_brightgreen::after {
  background: #00FF01;
}

.inner-tab__head-category_сobalt::after{
  background: #1F3A8A;
}
.inner-tab__head-category_brightpurple::after{
  background: #7A00FF;
}
.inner-tab__head-category_brightorange::after{
  background: #FF5A00;
}
.inner-tab__head-category_burgundy::after{
  background: #B22222;
}


@media (max-width: 61.99875em) {
  .inner-tab__head-category {
    text-align: right;
    grid-row: 2/3;
    grid-column: 2/3;
    justify-self: end;
  }
}
.inner-tab__prisec {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  justify-content: center;
}
.inner-tab__old-price {
  font-weight: 600;
  text-decoration: line-through;
  color: #a7a7a7;
}
@supports (font-size: clamp( 2rem , 1.816091954rem  +  0.6130268199vw , 2.5rem )) {
  .inner-tab__old-price {
    font-size: clamp( 2rem , 1.816091954rem  +  0.6130268199vw , 2.5rem );
  }
}
@supports not (font-size: clamp( 2rem , 1.816091954rem  +  0.6130268199vw , 2.5rem )) {
  .inner-tab__old-price {
    font-size: calc(2rem + 0.5 * (100vw - 30rem) / 81.5625);
  }
}
.inner-tab__new-price {
  font-weight: 600;
  color: #f0a578;
}
@supports (font-size: clamp( 2rem , 1.816091954rem  +  0.6130268199vw , 2.5rem )) {
  .inner-tab__new-price {
    font-size: clamp( 2rem , 1.816091954rem  +  0.6130268199vw , 2.5rem );
  }
}
@supports not (font-size: clamp( 2rem , 1.816091954rem  +  0.6130268199vw , 2.5rem )) {
  .inner-tab__new-price {
    font-size: calc(2rem + 0.5 * (100vw - 30rem) / 81.5625);
  }
}
.inner-tab__btn {
  display: grid;
  place-items: center;
  border-radius: 10px;
  padding: 10px 20px;
  min-height: 80px;
  background: #f0a578;
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
  color: #000;
  transition: all 0.3s;
}
.inner-tab__btn:hover {
  background: #da8f62;
}
.inner-tab__reg-close {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media (max-width: 61.99875em) {
  .inner-tab__reg-close {
    flex-direction: column;
    align-items: center;
  }
}
.inner-tab__reg-close-img img {
  max-width: 100%;
}
.inner-tab__reg-close-text {
  font-weight: 600;
  text-transform: uppercase;
  color: #fee5c4;
}
@supports (font-size: clamp( 1.125rem , 1.033045977rem  +  0.30651341vw , 1.375rem )) {
  .inner-tab__reg-close-text {
    font-size: clamp( 1.125rem , 1.033045977rem  +  0.30651341vw , 1.375rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.033045977rem  +  0.30651341vw , 1.375rem )) {
  .inner-tab__reg-close-text {
    font-size: calc(1.125rem + 0.25 * (100vw - 30rem) / 81.5625);
  }
}
@media (max-width: 61.99875em) {
  .inner-tab__reg-close-text {
    text-align: center;
  }
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.overlay.active {
  display: flex;
}
.overlay.active .popup-weekends {
  transform: translateX(0%);
}
.overlay .popup-weekends {
  background: #fee5c4;
  border-radius: 10px;
  padding: 56px 16px;
  min-width: calc(100% - 32px);
  max-width: 432px;
  position: relative;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  transform: translateX(-200%);
}
.overlay .popup-weekends__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.overlay .popup-weekends__body .popup-weekends__btns {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.overlay .popup-weekends__body .popup-weekends__btns .main-page__tabs-btn {
  flex: 1;
  padding: 10px 15px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.2s;
  color: #141414;
  text-align: left;
  align-self: start;
  width: 100%;
}
.overlay .popup-weekends__body .popup-weekends__btns .main-page__tabs-btn.active {
  background: #f4d9b6;
}
.overlay .popup-weekends__body .popup-weekends__btns .main-page__tabs-btn:hover {
  background: #f4d9b6;
}
.overlay .popup-weekends .popup-weekends_close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.overlay .popup-weekends .popup-weekends_close svg {
  width: 20px;
  height: 20px;
}

.open-popup-btn {
  display: none;
  grid-auto-flow: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  padding: 5px 20px;
  min-height: 81px;
  transition: all 0.3s;
  grid-column: span 2;
  font-weight: 600;
  font-size: 26px;
  text-transform: uppercase;
  color: #fee5c4;
  border: 1px solid #fee5c4;
}
.open-popup-btn--weekday {
    font-size: 17px;
}
.open-popup-btn.active {
  background: #fee5c4;
  color: #141414;
}
.open-popup-btn:hover {
  background: #fee5c4;
  color: #141414;
}
@media (max-width: 61.99875em) {
  .open-popup-btn {
    display: grid;
  }
  .open-popup-btn > span {
      text-align: left;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
}

@supports (padding-top: clamp( 4.0625rem , 3.4188218391rem  +  2.1455938697vw , 5.8125rem )) {
  .desc-page {
    padding-top: clamp( 4.0625rem , 3.4188218391rem  +  2.1455938697vw , 5.8125rem );
  }
}
@supports not (padding-top: clamp( 4.0625rem , 3.4188218391rem  +  2.1455938697vw , 5.8125rem )) {
  .desc-page {
    padding-top: calc(4.0625rem + 1.75 * (100vw - 30rem) / 81.5625);
  }
}
.desc-page__body {
  display: grid;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 72px;
}
@media (min-width: 61.99875em) {
  .desc-page__body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.desc-page__box {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
}
.desc-page__img img {
  max-width: 100%;
}
.desc-page__list {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.desc-page__item {
  display: flex;
  align-items: start;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.desc-page__item::before {
  content: "";
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  background: #f0a578;
  border-radius: 50%;
  transform: translateY(8px);
}
.desc-page__text {
  font-weight: 400;
  color: #fff;
}
@supports (font-size: clamp( 1.125rem , 1.033045977rem  +  0.30651341vw , 1.375rem )) {
  .desc-page__text {
    font-size: clamp( 1.125rem , 1.033045977rem  +  0.30651341vw , 1.375rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.033045977rem  +  0.30651341vw , 1.375rem )) {
  .desc-page__text {
    font-size: calc(1.125rem + 0.25 * (100vw - 30rem) / 81.5625);
  }
}
.desc-page__text span {
  font-weight: 600;
  color: #f0a578;
}

@supports (padding-top: clamp( 4.0625rem , 3.4188218391rem  +  2.1455938697vw , 5.8125rem )) {
  .place-page {
    padding-top: clamp( 4.0625rem , 3.4188218391rem  +  2.1455938697vw , 5.8125rem );
  }
}
@supports not (padding-top: clamp( 4.0625rem , 3.4188218391rem  +  2.1455938697vw , 5.8125rem )) {
  .place-page {
    padding-top: calc(4.0625rem + 1.75 * (100vw - 30rem) / 81.5625);
  }
}
.place-page__body {
  display: grid;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 72px;
  align-items: end;
}
@media (min-width: 61.99875em) {
  .place-page__body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.place-page__body > div:last-child {
  width: 100%;
  overflow: hidden;
}
.place-page__content {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  align-self: start;
}
.place-page__img img {
  max-width: 100%;
}
.place-page__content-box {
  display: flex;
  flex-direction: column;
}
.place-page__text {
  font-weight: 600;
  color: #fff;
}
@supports (font-size: clamp( 1.125rem , 1.033045977rem  +  0.30651341vw , 1.375rem )) {
  .place-page__text {
    font-size: clamp( 1.125rem , 1.033045977rem  +  0.30651341vw , 1.375rem );
  }
}
@supports not (font-size: clamp( 1.125rem , 1.033045977rem  +  0.30651341vw , 1.375rem )) {
  .place-page__text {
    font-size: calc(1.125rem + 0.25 * (100vw - 30rem) / 81.5625);
  }
}
.place-page__text span {
  color: #f0a578;
}
.place-page__text a {
    color: #f4d9b6;
}
.place-page__text a:hover {
  color: #f0a578;
}
.place-page__slider {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
@media (min-width: 61.99875em) {
  .place-page__slider {
    min-height: 432px;
  }
}
.place-page__wrapper {
  display: flex !important;
}
.no-swiper .place-page__wrapper {
  gap: 24px;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  min-height: 500px !important;
}
@media (max-width: 1320px) {
  .no-swiper .place-page__wrapper {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
.place-page__slide {
  flex-shrink: 0;
  position: relative;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
@media (min-width: 61.99875em) {
  .place-page__slide {
    width: 100%;
    max-width: 100%;
  }
}
.place-page__slide img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 100%;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 61.99875em) {
  .place-page__slide img {
    width: 100%;
  }
}
@media (max-width: 61.99875em) {
  .place-page__slide img {
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.place-page__swiper-pagination {
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 24px;
}
@media (min-width: 61.99875em) {
  .place-page__swiper-pagination {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
}
.place-page__swiper-pagination:not(:empty) {
  margin-top: 24px;
}
@media (max-width: 61.99875em) {
  .place-page__swiper-pagination {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    justify-content: center !important;
    margin: 24px auto 0;
  }
}
.place-page__swiper-pagination .swiper-pagination-bullet {
  transition: all 0.3s;
}
@media (min-width: 61.99875em) {
  .place-page__swiper-pagination .swiper-pagination-bullet {
    width: 100%;
    height: 86px;
    border-radius: 15px;
    opacity: 0.7 !important;
    position: relative;
    cursor: pointer;
  }
  .place-page__swiper-pagination .swiper-pagination-bullet img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
  }
  .place-page__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet:hover,
  .place-page__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1 !important;
  }
}
@media (max-width: 61.99875em) {
  .place-page__swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fee5c4;
  }
  .place-page__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #f0a578;
  }
}

.map-page {
  padding-top: 42px;
}
.map-page__body {
  border-radius: 20px;
  overflow: hidden;
}

.image-popup {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.image-popup.active {
  display: flex;
}

.image-popup__content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}

.image-popup__content img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.image-popup__close {
  position: absolute;
  top: -40px;
  right: -10px;
  font-size: 40px;
  color: white;
  background: none;
  border: none;
  cursor: pointer;
}

.image-popup__overlay {
  position: absolute;
  inset: 0;
}

.request-page__main-body {
  display: flex;
  flex-direction: column;
  padding-top: 85px;
}
@supports (row-gap: clamp( 2.5rem , 2.132183908rem  +  1.2260536398vw , 3.5rem )) {
  .request-page__main-body {
    row-gap: clamp( 2.5rem , 2.132183908rem  +  1.2260536398vw , 3.5rem );
  }
}
@supports not (row-gap: clamp( 2.5rem , 2.132183908rem  +  1.2260536398vw , 3.5rem )) {
  .request-page__main-body {
    row-gap: calc(2.5rem + 1 * (100vw - 30rem) / 81.5625);
  }
}
@media (max-width: 61.99875em) {
  .request-page__main-body {
    padding-top: 42px;
  }
}
.request-page__title {
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}
@supports (font-size: clamp( 2rem , 1.1724137931rem  +  2.7586206897vw , 4.25rem )) {
  .request-page__title {
    font-size: clamp( 2rem , 1.1724137931rem  +  2.7586206897vw , 4.25rem );
  }
}
@supports not (font-size: clamp( 2rem , 1.1724137931rem  +  2.7586206897vw , 4.25rem )) {
  .request-page__title {
    font-size: calc(2rem + 2.25 * (100vw - 30rem) / 81.5625);
  }
}
@media (max-width: 61.99875em) {
  .request-page__title {
    text-align: center;
  }
}
.request-page__body {
  display: grid;
  gap: 24px;
  align-items: start;
}
@media (min-width: 1200px) {
  .request-page__body {
    grid-template-columns: 5.5fr 2.5fr;
  }
}
.request-page__content {
  border: 1px solid #f0a578;
  border-radius: 20px;
  padding: 32px 48px;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media (max-width: 61.99875em) {
  .request-page__content {
    padding: 40px 32px;
  }
}
.request-page__sub-title {
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}
@supports (font-size: clamp( 1.5625rem , 1.4015804598rem  +  0.5363984674vw , 2rem )) {
  .request-page__sub-title {
    font-size: clamp( 1.5625rem , 1.4015804598rem  +  0.5363984674vw , 2rem );
  }
}
@supports not (font-size: clamp( 1.5625rem , 1.4015804598rem  +  0.5363984674vw , 2rem )) {
  .request-page__sub-title {
    font-size: calc(1.5625rem + 0.4375 * (100vw - 30rem) / 81.5625);
  }
}
@media (max-width: 61.99875em) {
  .request-page__sub-title {
    text-align: center;
  }
}
.request-page__head-box {
  border: 1px solid #fee5c4;
  border-radius: 10px;
  padding: 16px 32px;
  display: flex;
  -moz-column-gap: 46px;
  column-gap: 46px;
  row-gap: 24px;
}
@media (max-width: 61.99875em) {
  .request-page__head-box {
    padding: 48px 24px;
  }
}
@media (max-width: 47.99875em) {
  .request-page__head-box {
    flex-direction: column;
    align-items: center;
    position: relative;
  }
}
.request-page__img {
  max-width: 200px;
  height: 100%;
}
.request-page__turnir-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.request-page__turnir-desc {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.request-page__turnir-name {
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}
@supports (font-size: clamp( 1.25rem , 1.2040229885rem  +  0.153256705vw , 1.375rem )) {
  .request-page__turnir-name {
    font-size: clamp( 1.25rem , 1.2040229885rem  +  0.153256705vw , 1.375rem );
  }
}
@supports not (font-size: clamp( 1.25rem , 1.2040229885rem  +  0.153256705vw , 1.375rem )) {
  .request-page__turnir-name {
    font-size: calc(1.25rem + 0.125 * (100vw - 30rem) / 81.5625);
  }
}
.request-page__prise {
  font-weight: 700;
  font-size: 22px;
  color: #f0a578;
  flex: 0 0 auto;
  margin-right: 16px;
}
@media (max-width: 47.99875em) {
  .request-page__prise {
    display: none;
  }
}
.request-page__prise_only-mob {
  display: none;
}
@media (max-width: 47.99875em) {
  .request-page__prise_only-mob {
    display: block;
    text-align: left;
    width: 100%;
    margin-right: 0;
  }
}
.request-page__delete {
  display: grid;
  place-items: center;
}
@media (max-width: 47.99875em) {
  .request-page__delete {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
  }
}
.request-page__list-properties {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.request-page__category {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #fee5c4;
}
.request-page__category > span:first-child {
  flex: 0 0 141px;
}
.request-page__category-value {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.request-page__category-value::after {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 50%;
}
.request-page__category_red .request-page__category-value::after {
  content: "";
  background: #b50505;
}
.request-page__category_green .request-page__category-value::after {
  content: "";
  background: #037f00;
}
.request-page__category_yellow .request-page__category-value::after {
  content: "";
  background: #fdff01;
}
.request-page__category_blue .request-page__category-value::after {
  content: "";
  background: #0100ff;
}

.request-page__category_orange .request-page__category-value::after {
  content: "";
  background: #ffac03;
}
.request-page__category_purple .request-page__category-value::after {
  content: "";
  background: #a500ff;
}
.request-page__category_pink .request-page__category-value::after {
  content: "";
  background: #ffc4e4;
}
.request-page__category_cyan .request-page__category-value::after {
  content: "";
  background: #01f3ff;
}
.request-page__category_lightgray .request-page__category-value::after {
  content: "";
  background: #c4c4c4;
}
.request-page__category_brightgreen .request-page__category-value::after {
  content: "";
  background: #00ff01;
}



.request-page__item {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #fee5c4;
}
.request-page__item > span:first-child {
  flex: 0 0 141px;
}
.request-page__inputs {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.request-page__inp-form {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.request-page__inp-text {
  font-weight: 500;
  font-size: 18px;
  color: #fee5c4;
}
.request-page__inp {
  border: 1px solid #fee5c4;
  border-radius: 10px;
  padding: 24px 32px;
  min-height: 69px;
  display: flex;
  align-items: center;
  padding: 10px 32px;
  background: transparent;
  font-weight: 400;
  color: rgb(254, 229, 196);
  font-size: 18px;
  transition: all 0.3s;
}
.request-page__inp::-moz-placeholder {
  color: rgba(254, 229, 196, 0.4);
}
.request-page__inp::placeholder {
  color: rgba(254, 229, 196, 0.4);
}
.request-page__inp-more {
  font-weight: 400;
  font-size: 14px;
  color: rgba(254, 229, 196, 0.4);
}
.request-page__radios {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.request-page__radios-box {
  display: flex;
  align-items: center;
  -moz-column-gap: 88px;
  column-gap: 88px;
  row-gap: 24px;
}
@media (max-width: 47.99875em) {
  .request-page__radios-box {
    flex-direction: column;
    align-items: flex-start;
  }
}
.request-page__radio {
  display: flex;
  align-items: center;
  gap: 16px;
}
.request-page__radio-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-grid;
  place-items: center;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #fee5c4;
  width: 29px;
  height: 29px;
  flex: 0 0 29px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}
.request-page__radio-input:checked::before {
  content: "";
  position: absolute;
  inset: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 17px;
  background-color: #f0a578;
  border-radius: 50%;
  transition: all 0.3s;
}
.request-page__radio-text {
  font-weight: 500;
  font-size: 18px;
  color: #fee5c4;
}
.request-page__radio-more {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: rgba(254, 229, 196, 0.4);
}
.request-page__total {
  border: 1px solid #f0a578;
  border-radius: 20px;
  padding: 36px 29px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (max-width: 61.99875em) {
  .request-page__total {
    padding: 48px 24px;
  }
}
.request-page__total-head {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
  justify-content: space-between;
  align-items: center;
}
.request-page__total-head p {
  font-weight: 700;
  color: #fff;
}
@supports (font-size: clamp( 1.5625rem , 1.4935344828rem  +  0.2298850575vw , 1.75rem )) {
  .request-page__total-head p {
    font-size: clamp( 1.5625rem , 1.4935344828rem  +  0.2298850575vw , 1.75rem );
  }
}
@supports not (font-size: clamp( 1.5625rem , 1.4935344828rem  +  0.2298850575vw , 1.75rem )) {
  .request-page__total-head p {
    font-size: calc(1.5625rem + 0.1875 * (100vw - 30rem) / 81.5625);
  }
}
.request-page__midle-box {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.request-page__product {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
  justify-content: space-between;
  align-items: center;
}
.request-page__product p {
  font-size: 16px;
  color: #fee5c4;
}
.request-page__discount {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
  justify-content: space-between;
  align-items: center;
}
.request-page__discount p {
  font-size: 16px;
  color: #f0a578;
}
.request-page__total-chbox {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.request-page__input-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-grid;
  place-items: center;
  border-radius: 3px;
  border: 2px solid #fee5c4;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}
.request-page__input-checkbox:checked::before {
  content: "✔";
  position: absolute;
  inset: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -108%);
  width: 15px;
  height: 11px;
  color: #fee5c4;
  transition: all 0.3s;
}
.request-page__total-chbox-text {
  font-size: 14px;
  color: rgba(254, 229, 196, 0.4);
}
.request-page__total-chbox-text a {
  color: #fee5c4;
}
.request-page__btn {
  display: grid;
  place-items: center;
  border-radius: 10px;
  padding: 10px 20px;
  min-height: 65px;
  background: #f0a578;
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
  color: #000;
  transition: all 0.3s;
}
.request-page__btn:hover {
  background: #da8f62;
}
.request-page__btn.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
}

.os-order .errortext,
.os-order .error
{
  font-size:20px;
  color: #c55555!important;
}

.account-page {
  padding-top: 85px;
}
@media (max-width: 61.99875em) {
  .account-page {
    padding-top: 29px;
  }
}
.account-page__title {
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 56px;
}
@supports (font-size: clamp( 2rem , 1.1724137931rem  +  2.7586206897vw , 4.25rem )) {
  .account-page__title {
    font-size: clamp( 2rem , 1.1724137931rem  +  2.7586206897vw , 4.25rem );
  }
}
@supports not (font-size: clamp( 2rem , 1.1724137931rem  +  2.7586206897vw , 4.25rem )) {
  .account-page__title {
    font-size: calc(2rem + 2.25 * (100vw - 30rem) / 81.5625);
  }
}
@media (max-width: 61.99875em) {
  .account-page__title {
    text-align: center;
    margin-bottom: 40px;
  }
}

.account-page__auth-title{
  font-size: 20px;
  margin-bottom: 20px;
}

.account-page__body {
  display: grid;
  -moz-column-gap: 45px;
  column-gap: 45px;
  row-gap: 32px;
  border: 1px solid #f0a578;
  border-radius: 20px;
  padding: 56px 64px;
}
@media (max-width: 61.99875em) {
  .account-page__body {
    padding: 56px 24px;
    padding-bottom: 0;
  }
}
@media (min-width: 61.99875em) {
  .account-page__body {
    grid-template-columns: 3fr 5fr;
  }
}
.account-page__panel {
  display: flex;
  gap: 32px;
  flex-direction: column;
  min-width: 0;
}
.account-page__profile {
  display: flex;
  gap: 32px;
}
.account-page__ava {
  flex: 0 1 238px;
}
.account-page__ava img {
  max-width: 100%;
}
@media (max-width: 61.99875em) {
  .account-page__ava {
    flex: 0 0 192px;
  }
}
@media (max-width: 29.99875em) {
  .account-page__ava {
    flex: 0 0 120px;
  }
}
.account-page__profile-data {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.account-page__username {
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 61.99875em) {
  .account-page__username {
    font-size: 20px;
  }
}
.account-page__email {
  font-weight: 600;
  font-size: 18px;
  color: #fee5c4;
}
.account-page__btn-exit {
  border-radius: 10px;
  padding: 5px 32px;
  min-height: 53px;
  display: grid;
  place-items: center;
  background: #fee5c4;
  font-weight: 600;
  font-size: 18px;
  color: #000;
}
.account-page__btns {
  display: flex;
  flex-direction: column;
}
.account-page__btns > *:not(.account-page__tab) {
  margin-bottom: 32px;
}
.account-page__btn {
  border-radius: 10px;
  padding: 5px 32px;
  min-height: 61px;
  display: flex;
  align-items: center;
  display: inline-flex;
  -moz-column-gap: 24px;
  column-gap: 24px;
  font-weight: 600;
  font-size: 22px;
  color: #f0a578;
  border: 1px solid #f0a578;
  transition: all 0.3s;
  max-width: 530px;
}
@media (max-width: 61.99875em) {
  .account-page__btn:not(:first-child).active {
    margin-top: 32px;
  }
}
.account-page__btn svg {
  fill: #f0a578;
  transition: all 0.3s;
}
.account-page__btn.active {
  background: #f0a578;
  color: #000;
}
.account-page__btn.active svg {
  fill: #000;
}
@media (max-width: 29.99875em) {
  .account-page__btn {
    padding: 5px 16px;
  }
}
.account-page__content {
  min-width: 0;
}
.account-page__tab {
  min-width: 0;
}
@media (max-width: 61.99875em) {
  .account-page__tab.active {
    margin-bottom: 32px;
  }
}
.account-page__tableNew {
  min-width: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-x: auto;
  border-top: 1px solid rgba(254, 229, 196, 0.4);
  border-radius: 4px;
  margin-bottom: 32px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #fee5c4 #373737;
}
.account-page__tableNew.has-scroll {
  padding-bottom: 20px;
}
.account-page__tableNew::-webkit-scrollbar {
  height: 4px;
  border: none;
  margin-top: 16px;
}
.account-page__tableNew::-webkit-scrollbar-track {
  background: #373737;
  border-radius: 3px;
  border: none;
}
.account-page__tableNew::-webkit-scrollbar-thumb {
  background: #fee5c4;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: none;
}
.account-page__tableNew::-webkit-scrollbar-thumb:hover {
  background: rgba(254, 229, 196, 0.5803921569);
}
.account-page__tableNew::-webkit-scrollbar-button {
  display: none !important;
  width: 0;
  height: 0;
  border: none;
}
.account-page__tableNew::-webkit-scrollbar-button:single-button {
  display: none !important;
  width: 0;
  height: 0;
  border: none;
}
.account-page__row {
  display: inline-grid;
  grid-auto-flow: column;
  flex-shrink: 0;
  align-items: center;
  min-width: -moz-max-content;
  min-width: max-content;
  grid-template-columns: repeat(auto-fill, minmax(150px, 200px));
  border-bottom: 1px solid rgba(254, 229, 196, 0.4);
  border-right: 1px solid rgba(254, 229, 196, 0.4);
}
.account-page__row:last-child {
  border-bottom-right-radius: 4px;
}
.account-page__row_header {
  background: #fee5c4;
}
.account-page__item {
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  color: #fff;
  width: 190px;
  padding: 45px 15px;
  display: inline-grid;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.account-page__item:nth-child(4) {
  height: -moz-max-content;
  height: max-content;
}
.account-page__item strong {
  font-weight: 600;
  align-self: end;
}
.account-page__item span {
  align-self: start;
}
.account-page__row_header .account-page__item {
  color: #000;
  font-weight: 600;
  font-size: 20px;
}
.account-page__item:first-child:not(.account-page__row_header .account-page__item:first-child) {
  background: #222121;
}
.account-page__table-btns {
  display: flex;
  align-items: center;
  gap: 16px;
}
.account-page__table-btn {
  border: 1px solid #f0a578;
  border-radius: 10px;
  padding: 16px 32px;
  min-height: 53px;
  transition: all 0.3s;
  font-weight: 600;
  font-size: 18px;
  color: #f0a578;
}
.account-page__table-btn:hover {
  background: #f0a578;
  color: #000;
}
.account-page__table-btn.active {
  background: #f0a578;
  color: #000;
}

.account-page-account__body {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.account-page-account__box {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.account-page-account__2col {
  display: grid;
  gap: 24px;
}
@media (min-width: 1200px) {
  .account-page-account__2col {
    grid-template-columns: repeat(2, 1fr);
  }
}
.account-page-account__sub-title {
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}
@supports (font-size: clamp( 1.375rem , 1.1451149425rem  +  0.7662835249vw , 2rem )) {
  .account-page-account__sub-title {
    font-size: clamp( 1.375rem , 1.1451149425rem  +  0.7662835249vw , 2rem );
  }
}
@supports not (font-size: clamp( 1.375rem , 1.1451149425rem  +  0.7662835249vw , 2rem )) {
  .account-page-account__sub-title {
    font-size: calc(1.375rem + 0.625 * (100vw - 30rem) / 81.5625);
  }
}
.account-page-account__btn {
  border-radius: 10px;
  padding: 10px 32px;
  min-height: 53px;
  display: inline-grid;
  place-items: center;
  background: #f0a578;
  justify-content: start;
  font-weight: 600;
  font-size: 18px;
  color: #000;
  cursor: pointer;
  max-width: -moz-max-content;
  max-width: max-content;
}

.account-page__tab {
  display: block;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-5px);
  transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}
.account-page__tab.active {
  max-height: 2000px;
  opacity: 1;
  transform: translateY(0);
}

.account-page__orders,
.account-page-detail {
  display: block;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-5px);
  transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

.account-page__orders.active,
.account-page-detail.active {
  max-height: 2000px;
  opacity: 1;
  transform: translateY(0);
}

.account-page-detail__sub-title {
  font-family: var(--font-family);
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 32px;
}
@supports (font-size: clamp( 1.375rem , 1.1451149425rem  +  0.7662835249vw , 2rem )) {
  .account-page-detail__sub-title {
    font-size: clamp( 1.375rem , 1.1451149425rem  +  0.7662835249vw , 2rem );
  }
}
@supports not (font-size: clamp( 1.375rem , 1.1451149425rem  +  0.7662835249vw , 2rem )) {
  .account-page-detail__sub-title {
    font-size: calc(1.375rem + 0.625 * (100vw - 30rem) / 81.5625);
  }
}
.account-page-detail__body {
  border-right: 1px solid rgba(254, 229, 196, 0.4);
  border-top: 1px solid rgba(254, 229, 196, 0.4);
  border-radius: 4px;
  overflow: hidden;
}
.account-page-detail__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  min-height: 115px;
}
.account-page-detail__row:not(:last-child) {
  border-left: 1px solid rgba(254, 229, 196, 0.4);
  border-bottom: 1px solid rgba(254, 229, 196, 0.4);
}
.account-page-detail__row_header {
  background: #fee5c4;
}
.account-page-detail__row_itog {
  background: #222121;
}
.account-page-detail__item {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  color: #fff;
  min-height: 100%;
  display: grid;
  place-items: center;
}
.account-page-detail__row_header .account-page-detail__item {
  font-weight: 600;
  font-size: 20px;
  color: #000;
}
.account-page-detail__row_itog .account-page-detail__item {
  font-weight: 700;
  font-size: 22px;
  color: #fff;
}
.account-page-detail__btn {
  border: 1px solid #f0a578;
  border-radius: 10px;
  padding: 10px 32px;
  min-height: 53px;
  display: inline-grid;
  place-items: center;
  font-weight: 600;
  font-size: 18px;
  color: #f0a578;
  width: -moz-max-content;
  width: max-content;
  margin-top: 32px;
  cursor: pointer;
}

@supports (padding-top: clamp( 4.5rem , 3.9942528736rem  +  1.6858237548vw , 5.875rem )) {
  .footer {
    padding-top: clamp( 4.5rem , 3.9942528736rem  +  1.6858237548vw , 5.875rem );
  }
}
@supports not (padding-top: clamp( 4.5rem , 3.9942528736rem  +  1.6858237548vw , 5.875rem )) {
  .footer {
    padding-top: calc(4.5rem + 1.375 * (100vw - 30rem) / 81.5625);
  }
}
.footer__body {
  display: flex;
  flex-direction: column;
}
.footer__socials {
  background: #222;
  padding: 34px 0;
}
.footer__socials-box {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.footer__social {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  max-height: 62px;
}
@media (max-width: 1300px) {
  .footer__social:nth-child(4) {
    display: none;
  }
}
@media (max-width: 700px) {
  .footer__social:nth-child(3) {
    display: none;
  }
}
@media (max-width: 500px) {
  .footer__social {
    justify-content: center;
  }
  .footer__social:nth-child(2) {
    display: none;
  }
}
.footer__soc-icon {
  display: grid;
  place-items: center;
}
.footer__soc-icon img,
.footer__soc-icon svg {
  max-width: 100%;
  max-height: 60px;
}
.footer__soc-box {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.footer__socials-list {
  grid-column: 2/8;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
@media (max-width: 1300px) {
  .footer__socials-list {
    grid-column: 1/9;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 700px) {
  .footer__socials-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 500px) {
  .footer__socials-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.footer__soc-header {
  font-weight: 400;
  font-size: 18px;
  color: #f0a578;
}
.footer__soc-desc {
  font-weight: 400;
  font-size: 12px;
  color: #fff;
}
.footer__content {
  padding: 46px 0;
}
.footer__content-box {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(8, 1fr);
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.footer__content-list {
  grid-column: 2/8;
  display: grid;
  justify-content: space-between;
  row-gap: 56px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}
@media (min-width: 1300px) {
  .footer__content-list {
    grid-template-columns: minmax(294px, 300px) minmax(348px, 400px) minmax(421px, 430px);
  }
}
@media (max-width: 1300px) {
  .footer__content-list {
    grid-column: 1/9;
  }
}
.footer__logo-box {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.footer__logo-footer {
  max-width: 100%;
  max-height: 97px;
}
.footer__logo-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 156%;
  color: #fff;
}
.footer__logo-desc span {
  font-weight: 700;
}
.footer__polit {
  margin-top: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 156%;
  color: #fff;
}
.footer__links {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.footer__link-header {
  display: flex;
  align-items: center;
  gap: 48px;
  margin-bottom: auto;
}
.footer__link-header > :nth-child(1) {
  flex: 0 0 150px;
}
@media (max-width: 1300px) {
  .footer__link-header {
    margin-bottom: 24px;
  }
}
.footer__link {
  font-size: 16px;
  line-height: 156%;
  color: #f4d9b6;
}
.footer__link_header {
  font-weight: 700;
}
.footer__link-more {
  display: flex;
  align-items: center;
  gap: 48px;
}
.footer__link-more > :nth-child(1) {
  flex: 0 0 150px;
}
.footer__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 16px;
}
.footer__info-text {
  font-size: 16px;
  line-height: 156%;
  color: #818181;
  text-transform: uppercase;
}
@media (max-width: 1300px) {
  .footer__info-text {
    margin-bottom: 32px;
  }
}
.footer__contract {
  font-size: 16px;
  line-height: 156%;
  color: #fff;
}
.footer__contract a {
  font-weight: 700;
  color: #fee5c4;
}
.footer__copy-box {
  background: #222;
  padding: 25px 0;
}
.footer__copy-block {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  align-items: center;
}
.footer__copy {
  font-size: 18px;
  line-height: 139%;
  color: #fff;
  text-align: center;
}
.footer__copy a {
  text-decoration: underline;
}/*# sourceMappingURL=style.css.map */

.payment .btn {
    display: inline-block;
    border-radius: 10px !important;
    padding: 0px 40px;
    min-height: 80px;
    line-height: 80px;
    background: #f0a578;
    font-weight: 600;
    font-size: 22px;
    text-transform: uppercase;
    color: #000;
    transition: all 0.3s;
	margin: 20px 0;
}
.btn {
  display: grid;
  place-items: center;
  border-radius: 10px;
  padding: 10px 20px;
  min-height: 65px;
  background: #f0a578;
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
  color: #000;
  transition: all 0.3s;
}
.btn:hover {
  background: #da8f62;
}

.inp {
  border: 1px solid #fee5c4;
  border-radius: 10px;
  padding: 24px 32px;
  min-height: 69px;
  display: flex;
  align-items: center;
  padding: 10px 32px;
  background: transparent;
  font-weight: 400;
  color: rgb(254, 229, 196);
  font-size: 18px;
  transition: all 0.3s;
}
.inp::-moz-placeholder {
  color: rgba(254, 229, 196, 0.4);
}
.inp::placeholder {
  color: rgba(254, 229, 196, 0.4);
}
.inp-text {
  font-weight: 500;
  font-size: 18px;
  color: #fee5c4;
  padding: 20px 0 10px;
}
.inp-cb {
  font-weight: 500;
  font-size: 18px;
  color: #fee5c4;
  padding: 20px 0 10px;
}
.inp-cb input[type=checkbox]{
  margin-right: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-grid;
  place-items: center;
  border-radius: 3px;
  border: 2px solid #fee5c4;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}

.inp-cb input[type=checkbox]:checked::before {
  content: "✔";
  position: absolute;
  inset: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -108%);
  width: 15px;
  height: 11px;
  color: #fee5c4;
  transition: all 0.3s;
}

a.a {
  font-size: 16px;
  line-height: 156%;
  color: #f4d9b6;
}
a.a:hover {
  color: #f0a578;
}

/* Страница реквизитов */
.requisites__wrapper {
  width: 100%;
}
.requisites__content {
  display: flex;
  flex-direction: column;
}
.requisites__item__container {
  display: flex;
  gap: 60px;
  padding: 60px 0;
  color: #000;
}
.requisites__item.tbank {
  background-color: #ffd723;
}
.requisites__item.tinkoff {
  background-color: white;
}
.requisites__item-image {
  flex-basis: 40%;
  position: relative;
  justify-content: right;
  display: flex;
  flex-direction: column;
  gap: 60px;
  outline: none;
}
.requisites__item-image img {
  width: auto;
  height: 150px;
  object-fit: contain;
  object-position: right center;
}
.requisites__item-image img:last-child {
  height: 180px;
}
.requisites__item-text {
  flex-basis: 60%;
}
.requisites__item-text p {
  margin-bottom: 16px;
  line-height: 1.4;
}
.requisites__item-text p i {
  color: #333;
}
.requisites__item-text p span {
  font-weight: 600;
}
header.header--no-offset {
  position: absolute;
}
body:has(header.header--no-offset) main.main-page {
  padding-top: 0;
}

/* End */


/* Start:/local/templates/vphs/components/bitrix/menu/vertical_multilevel/style.css?17712235252729*/
ul#vertical-multilevel-menu, #vertical-multilevel-menu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

/*Submenu box*/
#vertical-multilevel-menu li {
    margin-bottom: 30px;
    width: 100%;
    position: relative;
}

#vertical-multilevel-menu li a[href=""]:after {
    content: "▼";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 5px;
    left: calc(100% + 15px);
    font-size: 12px;
    opacity: 0.5;
}

#vertical-multilevel-menu li a[href=""].opened:after {
    content: "▲";
}

#vertical-multilevel-menu li ul
{
    margin-top: 30px;
    display: none;
}

#vertical-multilevel-menu li ul.opened {
    display: flex;
    flex-direction: column;
}

#vertical-multilevel-menu li ul li a
{
    padding: 5px 0 7px 60px;
    margin-bottom: 30px;
}

/* Submenu Items */
#vertical-multilevel-menu li a
{
    position: relative;
}

/*Items selected*/
#vertical-multilevel-menu li a.item-selected {
}

/*Items Hover */
#vertical-multilevel-menu li a:focus,
#vertical-multilevel-menu li a:hover {
    color: #f0a578;
}

/*Rootmenu Items*/
#vertical-multilevel-menu a.root-item {
	color:#fff;
	padding: 5px 0 7px 30px;
	border: none;
	box-sizing: border-box;
    text-decoration: none;
}

/*Rootmenu Items hover*/
#vertical-multilevel-menu a.root-item:hover,
#vertical-multilevel-menu a.root-item:focus,
#vertical-multilevel-menu a.root-item-selected:hover,
#vertical-multilevel-menu a.root-item-selected:focus {
    color: #f0a578;
}

/*Rootmenu Items Selected*/
#vertical-multilevel-menu a.root-item-selected
{
	color:#fff;
    padding: 5px 0 7px 30px;
    border: none;
    box-sizing: border-box;
}

/*Parent item*/
#vertical-multilevel-menu a.parent
{
}

/*Denied items*/
#vertical-multilevel-menu a.denied
{
}

/* Holly Hack. IE Requirement \*/
* html ul#vertical-multilevel-menu li { float: left; height: 1%; }
* html ul#vertical-multilevel-menu li a { height: 1%; }
/* End */


/*Submenu margin*/
#vertical-multilevel-menu li ul.root-item
{
}

#vertical-multilevel-menu li ul
{
}

/*Submenu hide*/
#vertical-multilevel-menu li:hover ul ul,
#vertical-multilevel-menu li.jsvhover ul ul,
#vertical-multilevel-menu li:hover ul ul ul,
#vertical-multilevel-menu li.jsvhover ul ul ul
{
}

/*Submenu show*/
#vertical-multilevel-menu li:hover ul,
#vertical-multilevel-menu li.jsvhover ul,
#vertical-multilevel-menu li li:hover ul,
#vertical-multilevel-menu li li.jsvhover ul,
#vertical-multilevel-menu li li li:hover ul,
#vertical-multilevel-menu li li li.jsvhover ul
{
}

#vertical-multilevel-menu li .parent.opened + ul.opened li {
    margin-bottom: 15px;
}

#vertical-multilevel-menu li .parent.opened + ul.opened li a {
    padding-left: 75px;
    margin-bottom: 0;
}

/* End */


/* Start:/local/templates/vphs/styles.css?177632909222155*/
.header__container {
    /*max-width: 100%;*/
}

.footer a:hover {
    color: #f0a578;
}
.footer__socials-list {
    display: flex;
    gap: 16px;
    flex-wrap: nowrap;
}

/* мобильные устройства */
@media (max-width: 768px) {
    .footer__socials-list {
        display: flex;
        gap: 16px;
    }

    /* скрываем все, кроме первого */
    .footer__socials-list .footer__social:not(:first-child) {
        display: none;
    }
}

.site-menu {
    display: flex;
    position: fixed;
    z-index: 9999;
    height: 100vh;
    width: 430px;
    max-width: 100%;
    top: 0;
    bottom: 0;
    left: 100%;
    flex-direction: column;
    padding: 30px;
    background-color: rgba(0,0,0, 85%);
    color: #ffffff;
    transition: left 0.35s ease;
}

.site-menu.opened {
    display: flex;
    left: calc(100% - 430px);
    transition: left 0.35s ease;
}

.site-menu__header {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.site-menu__logo {
    width: 70px;
}

.site-menu__close-button {
    color: #fff;
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid #ffffff;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}

.site-menu__close-button:hover {
    cursor: pointer;
    color: #f0a578;
    border-color: #f0a578;
}

.site-menu__menu {
    font-size: 16px;
    margin-top: 15px;
}

.first-page__title span {
    font-size: 3rem;
}

@media (max-width: 768px) {
    .first-page__title span {
        font-size: 2.5rem;
    }
}

@media (max-width: 512px) {
    .first-page__title span {
        font-size: 2rem;
    }
}

@media (max-width: 400px) {
    .first-page__title span {
        font-size: 1.6rem;
    }
}

.accordion__content a {
    color: #f0a578;
}

.accordion__content a:hover {
    text-decoration: underline;
}

.main-page-inner__tab.active {
    max-height: initial !important;
}

.desc-page__item a {
    color: #f4d9b6;
    text-decoration: underline;
}

.desc-page__item a:hover {
    color: #f0a578;
}

.overlay .popup-weekends {
    border: 3px solid #f4d9b6;
    background-color: #000;
}

.overlay .popup-weekends__body .popup-weekends__btns .main-page__tabs-btn {
    border: 2px solid #f4d9b6;
    color: #f4d9b6;
}

.overlay .popup-weekends__body .popup-weekends__btns .main-page__tabs-btn.active {
    color: #141414;
}

.first-page__heading-ended {
    font-size: 50px;
    font-weight: 600;
    color: #f4d9b6;
}

.first-page__body {
    column-gap: 94px;
}

.first-page__box {
    margin-left: 0;
    max-width: initial;
    gap: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.first-page__registration_soon {
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}
@media (max-width: 768px) {
    .first-page__registration_soon {
        font-size: 24px;
    }
}

.main-page {
    padding-bottom: clamp( 4.0625rem , 3.4188218391rem + 2.1455938697vw , 5.8125rem );
}

.main-page__tournament-ended {
    border: 3px solid #f0a578;
    border-radius: 20px;
    padding: 60px;
    display: flex;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 60px;
}

@media (max-width: 980px) {
    .main-page__tournament-ended {
        padding: 32px;
        flex-direction: column;
        gap: 32px;
    }
}

.main-page__tournament-ended__info {
    font-size: 22px;
}

.main-page__tournament-ended__info p {
    margin-bottom: 32px;
}

.main-page__tournament-ended__info a {
    color: #f4d9b6;
}

.main-page__tournament-ended__info a:hover {
    color: #f0a578;
}

.main-page__tournament-ended__links {
    width: 365px;
    min-width: 365px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (max-width: 980px) {
    .main-page__tournament-ended__links {
        width: 100%;
        min-width: 100%;
        justify-content: center;
    }
}

.main-page__tournament-ended__links a {
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 2px solid #fee5c4;
    text-transform: uppercase;
    color: #fee5c4;
    font-weight: bold;
    font-size: 22px;
}

.main-page__tournament-ended__links a:hover {
    background-color: #fee5c4;
    color: #141414;
}

.main-page__tabs-nav {
    margin-bottom: 40px;
}

.main-page__tabs-nav .main-page__tabs-btn.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.main-page__tabs-control {
    grid-row: 1/3;
}
@media (max-width: 61.9988em) {
    .main-page__tabs-control {
        grid-column: 1/3;
    }
}

.main-page-inner__tabs-btn.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.main-page__filter {
    margin-bottom: 48px;
    position: relative;
}

.main-page__filter_ranks,
.main-page__filter_categories {
    margin-bottom: 32px;
}

.main-page__filter_ranks-title,
.main-page__filter_categories-title {
    font-size: 26px;
    font-weight: 600;
    color: #F0A578;
    width: 100%;
    margin-bottom: 20px;
}

.main-page__filter_ranks-items,
.main-page__filter_categories-items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.main-page__filter_ranks-items {
    gap: 24px;
}

.main-page__filter_categories button {
    height: 60px;
    font-size: 20px;
    color: #f4d9b6;
    border: 3px solid #f4d9b6;
    border-radius: 10px;
    background-color: #141414;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    padding: 0 18px;
}
@media (max-width: 61.9988em) {
    .main-page__filter_categories button {
        padding: 0 10px;
        font-size: 18px;
    }
}

.main-page__filter_categories button:hover,
.main-page__filter_categories button.active {
    background-color: #f4d9b6;
    color: #141414;
}

.main-page__filter_categories button img {
    height: auto;
    width: 50px;
}

.main-page__filter_ranks {
}

.main-page__filter_ranks-items label {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
    cursor: pointer;
    color: #f4d9b6;
    font-size: 20px;
    font-weight: 600;
}

.main-page__filter_ranks-items input[type=checkbox] {
    appearance: none;
    width: 22px;
    height: 22px;
    background-image: url("/local/templates/vphs/images/checkbox-unchecked.svg");
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
}

.main-page__filter_ranks-items input[type=checkbox].active {
    background-image: url("/local/templates/vphs/images/checkbox-checked.svg");
}

.main-page__filter_reset {
    display: flex;
    justify-content: flex-end;
}

.main-page__filter_reset button {
    font-weight: 400;
    font-size: 22px;
    color: #fff;
}

.main-page__filter_reset button:hover {
    color: #f4d9b6;
}
.request-page__inp-text{
    font-family: "Roboto", Arial;
}

.request-page__inp-selects {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Расстояние между селектами */
}

.request-page__inp-selects .request-page__inp-form {
    flex: 1; /* Равномерное распределение пространства */
    min-width: 200px; /* Минимальная ширина каждого селекта */
}

/* Опционально: стилизация самих селектов */
.request-page__inp-selects .request-page__select {
    width: 100%; /* Чтобы селект занимал всю ширину родителя */
}

.request-page__select {

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.071 13.314L7.12102 8.364C7.02877 8.2685 6.91843 8.19232 6.79643 8.13992C6.67442 8.08751 6.5432 8.05992 6.41042 8.05877C6.27764 8.05762 6.14596 8.08292 6.02307 8.1332C5.90017 8.18348 5.78852 8.25773 5.69463 8.35162C5.60073 8.44552 5.52648 8.55717 5.4762 8.68007C5.42592 8.80296 5.40062 8.93464 5.40177 9.06742C5.40292 9.2002 5.43051 9.33142 5.48292 9.45343C5.53533 9.57543 5.61151 9.68577 5.70702 9.778L11.364 15.435C11.5515 15.6225 11.8059 15.7278 12.071 15.7278C12.3362 15.7278 12.5905 15.6225 12.778 15.435L18.435 9.778C18.5305 9.68577 18.6067 9.57543 18.6591 9.45343C18.7115 9.33142 18.7391 9.2002 18.7403 9.06742C18.7414 8.93464 18.7161 8.80296 18.6658 8.68007C18.6156 8.55717 18.5413 8.44552 18.4474 8.35162C18.3535 8.25773 18.2419 8.18348 18.119 8.1332C17.9961 8.08292 17.8644 8.05762 17.7316 8.05877C17.5988 8.05992 17.4676 8.08751 17.3456 8.13992C17.2236 8.19232 17.1133 8.2685 17.021 8.364L12.071 13.314Z' fill='%23FEE5C4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 24px;
}
.request-page__select:focus,
.request-page__select.open {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.071 10.686L17.021 15.636C17.1133 15.7315 17.2236 15.8077 17.3456 15.8601C17.4676 15.9125 17.5988 15.9401 17.7316 15.9412C17.8644 15.9424 17.9961 15.9171 18.119 15.8668C18.2419 15.8165 18.3535 15.7423 18.4474 15.6484C18.5413 15.5545 18.6156 15.4428 18.6658 15.3199C18.7161 15.1971 18.7414 15.0654 18.7403 14.9326C18.7391 14.7998 18.7115 14.6686 18.6591 14.5466C18.6067 14.4246 18.5305 14.3142 18.435 14.222L12.778 8.565C12.5905 8.37753 12.3362 8.27221 12.071 8.27221C11.8059 8.27221 11.5515 8.37753 11.364 8.565L5.70702 14.222C5.61151 14.3142 5.53533 14.4246 5.48292 14.5466C5.43051 14.6686 5.40292 14.7998 5.40177 14.9326C5.40062 15.0654 5.42592 15.1971 5.4762 15.3199C5.52648 15.4428 5.60073 15.5545 5.69463 15.6484C5.78852 15.7423 5.90017 15.8165 6.02307 15.8668C6.14596 15.9171 6.27764 15.9424 6.41042 15.9412C6.5432 15.9401 6.67442 15.9125 6.79643 15.8601C6.91843 15.8077 7.02877 15.7315 7.12102 15.636L12.071 10.686Z' fill='%23FEE5C4'/%3E%3C/svg%3E");
}

.request-page__select::-ms-expand {
    display: none; /* Скрываем стрелку в IE */
}

.request-page__select option {
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    padding: 12px;
    font-size: 16px;
}

/* Стили для disabled option */
.request-page__select option:disabled {
    color: rgba(255, 255, 255, 0.5);
}

/* Стили для selected option */
.request-page__select option:checked {
    color: rgba(254, 229, 196, 0.5);
    font-weight: bold;
}

/* Стили при наведении на опции (работает не во всех браузерах) */
.request-page__select option:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Стили для самого селекта при открытии */
.request-page__select:focus {
    outline: none;

    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
}

/* Стили для невалидного состояния */
.request-page__select:invalid {
    color: rgba(255, 255, 255, 0.5);
}

/* Стили для валидного выбора */
.request-page__select:valid {
    color: rgb(254, 229, 196);
}

.os-order {
}

.os-order .error {
    color: #a40000;
}

.os-order .basket-properties {
    color: #919191;
}

.os-order table {
    border-collapse: collapse;
}

.os-order table th {
    background: #DFDFDF;
    padding: 5px;
    border: 1px solid #c9c9c9;
}

.os-order table td {
    padding: 5px;
    border: 1px solid #DFDFDF;
}

.os-order .location {
    min-width: 400px;
}

.enum-option {
    display:block;
}

.request-page__discount.hidden {
    display: none !important;
}

.request-page__coupon {
    position: relative;
}

.coupon-data {
    display: none;
    margin-top: 12px;
    text-align: center;
}

.coupon-data--applied {
    color: yellowgreen;
}
.coupon-data--error {
    color: orangered;
}

.order-success__h1 {
    font-size: clamp( 2rem , 1.1724137931rem + 2.7586206897vw , 4.25rem );
    margin-bottom: 40px;
}

.order-success {
    display: grid;
    grid-template-columns: 5.5fr 2.5fr;
    gap: 40px;
    align-items: start;
    grid-auto-rows: 1fr;
}

.order-success__content {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    border: 1px solid #f0a578;
    border-radius: 20px;
    padding: 32px 48px;
    height: 100%;
    justify-content: center;
}

.order-success__message {
}

.order-success__description {
    display: grid;
    grid-template-columns: 5.5fr 2.5fr;
    margin-top: 32px;
    margin-bottom: 32px;
}

.order-success__description ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.order-success__description ul li {
    font-size: clamp( 1.125rem , 1.033045977rem + 0.30651341vw , 1.375rem );
    font-weight: 400;
    color: #fff;
    position: relative;
    padding-left: 20px;
}

.order-success__description ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #f0a578;
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    top: 9px;
    left: 0;
}

.order-success__message_block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 40px;
    border: 1px solid #fee5c4;
    border-radius: 10px;
    padding: 32px 48px;
}
.order-success__message_block--content {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
}

.order-success__message_block--icon {
}

.order-success__message_block--title {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
}

.order-success__message_block--message {
    font-size: 18px;
    color: #fee5c4;
}

.order-success__home {
    border: 1px solid #f0a578;
    border-radius: 20px;
    padding: 32px 48px;
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    justify-content: center;
    align-items: center;
}

.order-success__home_image {
    margin-top: 20px;
}

.order-success__home_button {
    padding: 22px 50px;
    background-color: #f0a578;
    color: #000000;
    border-radius: 10px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}

@media (max-width: 768px) {
    .order-success {
        display: flex;
        flex-direction: column;
    }

    .order-success__content {
        padding: 32px;
    }

    .order-success__message_block {
        flex-direction: column;
        padding: 32px;
    }

    .order-success__home {
        width: 100%;
    }

    .order-success__message_block--icon img {
        max-width: 165px;
    }

    .order-success__description {
        display: flex;
    }
}

h2 {
    font-size: 32px;
    line-height: 35px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: rgba(221, 164, 121, 1);
}
div+h2 {
    margin-top: 60px;
}

.notfound__container {}
.notfound__content {}
.notfound__backgrounds {
    position: relative;
    perspective: 930px;
    height: 930px;
    background-image: url("/local/templates/vphs/images/0222.webp"), url("/local/templates/vphs/images/404.webp");
    background-position: center, left;
    background-repeat: no-repeat, no-repeat;
    background-size: contain, contain;
}
.notfound__description {
    text-align: right;
    margin-top: -200px;
    margin-right: 90px;
    font-size: 125%;
    z-index: 1;
    position: relative;
}
.notfound__description a {
    color: #f4d9b6;
    font-weight: 600;
}
.notfound__description a:hover {
    color: #f0a578;
}
.notfound__form {
    margin: 200px 100px 0;
    position: relative;
    display: flex;
    gap: 40px;
}
.notfound__form_pretext {
    flex-basis: 50%;
}
.notfound__form_pretext p {
    margin-bottom: 16px;
    text-align: right;
}
.notfound__form_pretext a {
    color: #f4d9b6;
    font-weight: 600;
}
.notfound__form_pretext a:hover {
    color: #f0a578;
}
.notfound__form_b24 {
    flex-basis: 50%;
}

@media (max-width: 1440px) {
    .notfound__backgrounds {
        height: 820px;
    }
}

@media (max-width: 1280px) {
    .notfound__backgrounds {
        height: 750px;
        background-position: top center, top left;
    }
}

@media (max-width: 1024px) {
    .notfound__backgrounds {
        height: 700px;
    }
    .notfound__description {
        text-align: center;
        margin-right: 0;
    }
    .notfound__form {
        flex-wrap: wrap;
        margin: 60px 20px 0;
    }
    .notfound__form_pretext {
        flex-basis: 100%;
    }
    .notfound__form_pretext p {
        text-align: center;
    }
    .notfound__form_b24 {
        flex-basis: 100%;
    }
}

@media (max-width: 640px) {
    .notfound__backgrounds {
        height: 600px;
    }
    .notfound__description {
        margin-top: -260px;
    }
}
/* Страница разрядов */
.razryd {
    width: 100%;
    position: relative;
    /*background-color: #000;*/
}
.razryd__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.razryd__background img {
    position: relative;
    object-fit: cover;
    object-position: bottom center;
    width: 100%;
}
.razryd__header_wrapper {
    position: relative;
    width: 100%;
    height: 85vh;
    overflow: hidden;
}
.razryd__header__container {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0;
    top: 35%;
    transform: translateY(50%);
}
.razryd__header__container h1 {
    background: rgba(17,17,29, 0.4);
    opacity: 1;
    box-shadow: none;
    border: 0 solid rgba(0,0,0, 1);
    border-radius: 0;
    color: #fff;
    font-size: 26px;
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
}
.razryd__header__container p {
    background: rgba(238,208,151, 0.54);
    opacity: 1;
    box-shadow: none;
    border: 0 solid rgba(0,0,0, 1);
    border-radius: 0;
    color: #000;
    font-size: 32px;
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
}

.razryd__description {
    padding: 0 300px;
    color: #f7e4c4;
}
.razryd__description p {
    color: #f7e4c4;
    line-height: 1.5;
    margin-bottom: 16px;
}
.razryd__description p:last-child {
    color: #FFF;
}
.razryd__container {
    padding-top: 40px;
}

.razryd__forms {
    display: flex;
    justify-content: center;
    align-content: space-around;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 40px;
}
.razryd__form {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 540px;
    padding: 30px;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.razryd__form_prices--header {
    color: #F7E4C4;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}
.razryd__form_prices--price {
    margin-top: 20px;
}
.razryd__form_prices--price .price {
    display: flex;
    gap: 4px;
    align-items: flex-start;
    justify-content: center;
}
.razryd__form_prices--price .price span {
    color: #F7E4C4;
    font-size: 65px;
    font-weight: 800;
}
.razryd__form_prices--price .price span.rubl {
    color: #F7E4C4;
    font-size: 20px;
    margin-top: 12px;
}
.razryd__form_prices--price .descr {
    color: #F7E4C4;
}
.razryd__form_prices--label {
    position: absolute;
    background: #000;
    font-size: 13px;
    font-weight: 800;
    left: 87%;
    line-height: 2;
    margin-top: 30px;
    text-align: center;
    text-transform: uppercase;
    transform: translateY(-150%) translateX(-50%) translateX(35px) rotate(45deg);
    width: 200%;
    cursor: default;
    user-select: none;
}
.razryd__form_prices--label.premium {
    background-color: #276924;
    color: #FFF;
}
.razryd__form_prices--label.mass {
    background-color: #CE5858;
    color: #F7E4C4;
}
.razryd__form_prices--features {
    display: flex;
    flex-direction: column;
    margin: 20px 0;
    padding-left: 20px;
    padding-right: 20px;
}
.razryd__form_prices--feature {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #F7E4C4;
    padding: 18px 0;
}
.razryd__form_prices--feature:last-child {
    border-bottom: none;
}
.razryd__form_prices--feature img {
    width: 20px;
    height: 20px;
}
.razryd__form_prices--description,
.razryd__form_prices--post {
    color: #F7E4C4;
    margin: 15px 20px 0 20px;
    font-size: 13px;
    text-align: center;
}
.razryd__form_prices--button {
    display: flex;
    justify-content: center;
    align-items: center;
}
.razryd__form_prices--button a {
    background-color: #CE5858;
    color: #F7E4C4;
    font-size: 16px;
    padding: 15px 30px;
    border-radius: 4px;
}
.razryd__form_prices--button a:hover {
    background-color: rgba(207, 89, 89, 0.7);
}
.razryd__form_prices--button.green a {
    background-color: #276924;
}
.razryd__form_prices--button.green a:hover {
    background-color: rgba(39, 105, 36, 0.7);
}
.razryd__form_prices--feature span {
    color: #999;
    font-size: 16px;
}

@media (max-width: 1280px) {
    .razryd__header_wrapper {
        height: 68vh;
    }
}
@media (max-width: 1024px) {
    .razryd__header_wrapper {
        height: 55vh;
    }
    .razryd__description {
        padding: 0 100px;
    }
}
@media (max-width: 780px) {
    .razryd__header__container {
        top: 10%;
    }
    .razryd__header_wrapper {
        height: 42vh;
    }
    .razryd__description {
        padding: 0 40px;
    }
}
@media (max-width: 540px) {
    .razryd__header__container {
        top: 0;
    }
    .razryd__header_wrapper {
        height: 30vh;
    }
}
@media (max-width: 420px) {
    .razryd__header__container {
        top: -60px;
    }
    .razryd__description {
        padding: 0 20px;
    }
    .razryd__form {
        padding: 20px 0;
    }
    .razryd__form_prices--label {
        left: 80%;
        margin-top: 41px;
    }
}

/* End */
/* /local/templates/vphs/css/swiper.css?177122352520327 */
/* /local/templates/vphs/css/style.css?178635072355776 */
/* /local/templates/vphs/components/bitrix/menu/vertical_multilevel/style.css?17712235252729 */
/* /local/templates/vphs/styles.css?177632909222155 */