@import url('assets/css/page.css');
/*!
Theme Name: Gouxit Agency
Theme URI: https://t.me/konstantin_belan
Author: Konstantin Belan
Author URI: https: //t.me/konstantin_belan
Description: Дизайн и разработка сайта для Казань на Волге.
*/
*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

:where(ul, ol):where([class]) {
	padding-left: 0;
}

body,
:where(blockquote, figure):where([class]) {
	margin: 0;
}

:where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl):where([class]) {
	margin-block: 0;
}

:where(dd[class]) {
	margin-left: 0;
}

:where(fieldset[class]) {
	margin-left: 0;
	padding: 0;
	border: none;
}

:where(ul[class]) {
	list-style: none;
}

p {
	--paragraphMarginBottom: 24px;
	margin-block: 0;
}

p:where(:not([class]):not(:last-child)) {
	margin-bottom: var(--paragraphMarginBottom);
}

img {
	display: block;
	max-width: 100%;
}

input,
textarea,
select,
button {
	font: inherit;
}

html {
	height: 100%;
	/* scroll-behavior: smooth; */
}
/* :target {
	scroll-margin-top: calc(15000vw / var(--screen-width));
} */
body {
	min-height: 100%;
	line-height: 1.5;
}

section {
	scroll-margin-top: calc(10000vw / var(--screen-width));
}

@media screen and (max-width: 760px) {
	section {
		scroll-margin-top: calc(7000vw / var(--screen-width));
	}
}

@media (prefers-reduced-motion: reduce) {
	* {
		-webkit-animation-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important;
		-webkit-transition-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-Regular.eot');
	src: local('Gilroy Regular'), local('Gilroy-Regular'),
		url('./assets/fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/Gilroy-Regular.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-Regular.woff') format('woff'),
		url('./assets/fonts/Gilroy-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-ExtraboldItalic.eot');
	src: local('Gilroy Extrabold Italic'), local('Gilroy-ExtraboldItalic'),
		url('./assets/fonts/Gilroy-ExtraboldItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/Gilroy-ExtraboldItalic.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-ExtraboldItalic.woff') format('woff'),
		url('./assets/fonts/Gilroy-ExtraboldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-Bold.eot');
	src: local('Gilroy Bold'), local('Gilroy-Bold'),
		url('./assets/fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/Gilroy-Bold.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-Bold.woff') format('woff'),
		url('./assets/fonts/Gilroy-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-Black.eot');
	src: local('Gilroy Black'), local('Gilroy-Black'),
		url('./assets/fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/Gilroy-Black.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-Black.woff') format('woff'),
		url('./assets/fonts/Gilroy-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-Light.eot');
	src: local('Gilroy Light'), local('Gilroy-Light'),
		url('./assets/fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/Gilroy-Light.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-Light.woff') format('woff'),
		url('./assets/fonts/Gilroy-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-Semibold.eot');
	src: local('Gilroy Semibold'), local('Gilroy-Semibold'),
		url('./assets/fonts/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/Gilroy-Semibold.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-Semibold.woff') format('woff'),
		url('./assets/fonts/Gilroy-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-Medium.eot');
	src: local('Gilroy Medium'), local('Gilroy-Medium'),
		url('./assets/fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/Gilroy-Medium.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-Medium.woff') format('woff'),
		url('./assets/fonts/Gilroy-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-MediumItalic.eot');
	src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
		url('./assets/fonts/Gilroy-MediumItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/Gilroy-MediumItalic.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-MediumItalic.woff') format('woff'),
		url('./assets/fonts/Gilroy-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-BlackItalic.eot');
	src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'),
		url('./assets/fonts/Gilroy-BlackItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/Gilroy-BlackItalic.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-BlackItalic.woff') format('woff'),
		url('./assets/fonts/Gilroy-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-UltraLight.eot');
	src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'),
		url('./assets/fonts/Gilroy-UltraLight.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/Gilroy-UltraLight.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-UltraLight.woff') format('woff'),
		url('./assets/fonts/Gilroy-UltraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-RegularItalic.eot');
	src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
		url('./assets/fonts/Gilroy-RegularItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/Gilroy-RegularItalic.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-RegularItalic.woff') format('woff'),
		url('./assets/fonts/Gilroy-RegularItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-SemiboldItalic.eot');
	src: local('Gilroy Semibold Italic'), local('Gilroy-SemiboldItalic'),
		url('./assets/fonts/Gilroy-SemiboldItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/Gilroy-SemiboldItalic.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-SemiboldItalic.woff') format('woff'),
		url('./assets/fonts/Gilroy-SemiboldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-HeavyItalic.eot');
	src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),
		url('./assets/fonts/Gilroy-HeavyItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/Gilroy-HeavyItalic.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-HeavyItalic.woff') format('woff'),
		url('./assets/fonts/Gilroy-HeavyItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-Extrabold.eot');
	src: local('Gilroy Extrabold'), local('Gilroy-Extrabold'),
		url('./assets/fonts/Gilroy-Extrabold.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/Gilroy-Extrabold.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-Extrabold.woff') format('woff'),
		url('./assets/fonts/Gilroy-Extrabold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-BoldItalic.eot');
	src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
		url('./assets/fonts/Gilroy-BoldItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/Gilroy-BoldItalic.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-BoldItalic.woff') format('woff'),
		url('./assets/fonts/Gilroy-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-UltraLightItalic.eot');
	src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'),
		url('./assets/fonts/Gilroy-UltraLightItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/Gilroy-UltraLightItalic.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-UltraLightItalic.woff') format('woff'),
		url('./assets/fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-LightItalic.eot');
	src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'),
		url('./assets/fonts/Gilroy-LightItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/Gilroy-LightItalic.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-LightItalic.woff') format('woff'),
		url('./assets/fonts/Gilroy-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-Heavy.eot');
	src: local('Gilroy Heavy'), local('Gilroy-Heavy'),
		url('./assets/fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/Gilroy-Heavy.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-Heavy.woff') format('woff'),
		url('./assets/fonts/Gilroy-Heavy.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-Thin.eot');
	src: local('Gilroy Thin'), local('Gilroy-Thin'),
		url('./assets/fonts/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
		url('./assets/fonts/Gilroy-Thin.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-Thin.woff') format('woff'),
		url('./assets/fonts/Gilroy-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy';
	src: url('./assets/fonts/Gilroy-ThinItalic.eot');
	src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'),
		url('./assets/fonts/Gilroy-ThinItalic.eot?#iefix')
			format('embedded-opentype'),
		url('./assets/fonts/Gilroy-ThinItalic.woff2') format('woff2'),
		url('./assets/fonts/Gilroy-ThinItalic.woff') format('woff'),
		url('./assets/fonts/Gilroy-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}
:root {
	--font-gilroy: 'Gilroy', sans-serif;
	--clr-bg-general: #00071e;
	--clr-bg-white: #fff;
	--clr-bg-section: #080f25;
	--clr-txt-white: #fff;
	--clr-txt-white40: rgba(255, 255, 255, 0.4);
	--screen-width: 1440;
}

.visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	border: 0 !important;
	padding: 0 !important;
	white-space: nowrap !important;
	-webkit-clip-path: inset(100%) !important;
	clip-path: inset(100%) !important;
	clip: rect(0 0 0 0) !important;
	overflow: hidden !important;
}

@media (max-width: 780px) {
	.hidden-mobile {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.visible-mobile {
		display: none !important;
	}
}

body {
	font-family: var(--font-gilroy);
	background: var(--clr-bg-general);
	color: var(--clr-txt-white);
}

html.fixed,
body.fixed {
	overflow: hidden;
}

a {
	color: var(--clr-txt-white);
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5 {
	padding: 0;
	margin: 0;
}

button {
	outline: none;
	border: none;
	background: none;
	cursor: pointer;
}

/* input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	box-shadow: inset 0 0 0 1000px var(--clr-bg-general) !important;
	-webkit-text-fill-color: var(--clr-txt-white) !important;
} */

.container {
	width: 100%;
	max-width: calc(136000vw / var(--screen-width));
	margin-left: auto;
	margin-right: auto;
	padding-left: calc(3200vw / var(--screen-width));
	padding-right: calc(3200vw / var(--screen-width));
}

.btn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-decoration: none;
	border-radius: calc(9000vw / var(--screen-width));
	text-align: center;
	font-size: calc(1600vw / var(--screen-width));
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.btn--clr {
	background: var(--clr-bg-white);
	color: var(--clr-bg-general) !important;
	-webkit-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
}
.btn--clr:hover {
	opacity: 0.8;
}
.btn--border {
	border: calc(100vw / var(--screen-width)) solid rgba(255, 255, 255, 0.15);
	color: var(--clr-txt-white);
	-webkit-transition: background 0.25s ease-in-out, color 0.2s ease-in-out;
	transition: background 0.25s ease-in-out, color 0.2s ease-in-out;
}
.btn--border:hover {
	background: var(--clr-txt-white);
	color: var(--clr-bg-general);
}
.btn--arrow {
	font-weight: 500;
	position: relative;
	gap: calc(1000vw / var(--screen-width));
}
.btn--arrow::after {
	content: '';
	background: url('./assets/icons/btn__arrow.svg') center no-repeat;
	background-size: calc(2400vw / var(--screen-width));
	width: calc(2400vw / var(--screen-width));
	height: calc(2400vw / var(--screen-width));
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	transition: -webkit-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
.btn--arrow:hover::after {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.btn--h47 {
	width: calc(20500vw / var(--screen-width));
	height: calc(4700vw / var(--screen-width));
}
.btn--h56 {
	width: calc(27700vw / var(--screen-width));
	height: calc(5600vw / var(--screen-width));
}
.btn--h66 {
	width: 100%;
	height: calc(6600vw / var(--screen-width));
}
.btn--w310 {
	max-width: calc(31000vw / var(--screen-width));
	margin-left: auto;
	margin-right: auto;
}
.align--center {
	text-align: center;
}
.align--center .section__desc {
	margin-left: auto;
	margin-right: auto;
}

.section:not(.hero) {
	margin-top: calc(16000vw / var(--screen-width));
	margin-bottom: calc(16000vw / var(--screen-width));
}
.section__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: calc(4000vw / var(--screen-width));
}
.section__header--center h2, .section__header--center h1 {
	text-align: center;
}
.section__header--center .section__desc {
	margin-left: auto;
	margin-right: auto;
}
.section__header--center .section__desc p {
	text-align: center;
}
.section__header--jcsb {
	display: grid;
	grid-template-columns: calc(36000vw / var(--screen-width)) 1fr calc(
			36000vw / var(--screen-width)
		);
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: calc(2400vw / var(--screen-width));
}
.section__header--jcsb .section__desc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: calc(1200vw / var(--screen-width));
	position: relative;
}
.section__header--jcsb .section__desc::before {
	content: '';
	min-width: calc(600vw / var(--screen-width));
	width: calc(600vw / var(--screen-width));
	height: calc(600vw / var(--screen-width));
	background: var(--clr-bg-white);
	border-radius: 100%;
	opacity: 0.3;
}
.section__header--jcsb .section__desc p {
	opacity: 0.5;
}
.section__title h2, .section__title h1 {
	font-size: calc(4800vw / var(--screen-width));
	font-weight: 500;
	line-height: 95%;
	background: linear-gradient(94deg, #fff -0.2%, #696969 90.05%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.section__desc {
	width: 100%;
	max-width: calc(58000vw / var(--screen-width));
}
.section__desc p {
	color: var(--clr-txt-white40);
	font-size: calc(1800vw / var(--screen-width));
	font-weight: 500;
	line-height: 140%;
}
.section__form {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	gap: calc(6700vw / var(--screen-width)) calc(4400vw / var(--screen-width));
	margin-top: calc(3200vw / var(--screen-width));
	max-width: calc(61000vw / var(--screen-width));
}
.section__form-input, .section__form-input p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: calc(6200vw / var(--screen-width));
	position: relative;
}
.section__form-input label,
.section__form-input input {
	width: 100%;
	height: 100%;
}
.section__form-input label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 400;
	font-size: calc(1600vw / var(--screen-width));
	line-height: 140%;
	color: var(--clr-txt-white);
	position: absolute;
	left: 0;
	opacity: 0.75;
	pointer-events: none;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: opacity 0.25s ease-in-out,
		-webkit-transform 0.15s ease-in-out;
	transition: opacity 0.25s ease-in-out, -webkit-transform 0.15s ease-in-out;
	transition: opacity 0.25s ease-in-out, transform 0.15s ease-in-out;
	transition: opacity 0.25s ease-in-out, transform 0.15s ease-in-out,
		-webkit-transform 0.15s ease-in-out;
}
.section__form-input input {
	background: none;
	outline: none;
	border: none;
	font-size: calc(1600vw / var(--screen-width));
	color: var(--clr-txt-white);
}
.section__form-input input:focus + label,
.section__form-input input:not(:placeholder-shown) + label,
.section__form-input input:-webkit-autofill + label,
.section__form-input span:focus-within ~ label,
.section__form-input span:has(input:not(:placeholder-shown)) ~ label,
.section__form-input span:has(input:-webkit-autofill) ~ label {
	opacity: 0.3 !important;
	-webkit-transform: scale(0.85) translateY(-1.95rem);
	transform: scale(0.85) translateY(-1.95rem);
}
.section__form-input input:hover + label,
.section__form-input span:hover ~ label {
	opacity: 0.4;
}
.section__form-btn {
 position: relative;
}
.section__form-btn button,
.section__form-btn a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: calc(1000vw / var(--screen-width));
	font-family: var(--font-gilroy);
	font-weight: 500;
	font-size: calc(2000vw / var(--screen-width));
	line-height: 130%;
	color: var(--clr-txt-white);
	position: relative;
	padding: 0;
	margin: 0;
 background: inherit;
 border: none;
 cursor: pointer;
}
.section__form-btn button::after,
.section__form-btn a::after {
	content: '';
	position: absolute;
	bottom: calc(-700vw / var(--screen-width));
	left: 0;
	width: calc(8600vw / var(--screen-width));
	height: calc(100vw / var(--screen-width));
	background: var(--clr-bg-white);
	opacity: 0.1;
	border-radius: calc(1000vw / var(--screen-width));
	-webkit-transition: width 0.25s ease-in-out;
	transition: width 0.25s ease-in-out;
}
.section__form-btn button svg,
.section__form-btn a svg {
	width: calc(2400vw / var(--screen-width));
	height: calc(2400vw / var(--screen-width));
	-webkit-transition: -webkit-transform 0.25s ease-in-out;
	transition: -webkit-transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.section__form-btn button:hover::after,
.section__form-btn a:hover::after {
	width: 100%;
}
.section__form-btn button:hover svg,
.section__form-btn a:hover svg {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.section__form-info {
	position: relative;
	z-index: 15;
}
.section__form-info p {
	font-weight: 400;
	font-size: calc(1600vw / var(--screen-width));
	line-height: 140%;
	color: rgba(255, 255, 255, 0.75);
}
.section__form-info p a {
	color: var(--clr-txt-white);
	font-weight: 500;
	position: relative;
	z-index: 20;
}
.section--bg {
	padding-top: calc(7200vw / var(--screen-width));
	padding-bottom: calc(7200vw / var(--screen-width));
	background: rgba(217, 217, 217, 0.03);
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-backdrop-filter: blur(calc(1200vw / var(--screen-width)));
	backdrop-filter: blur(calc(1200vw / var(--screen-width)));
	background: rgba(0, 7, 30, 0.6);
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	opacity: 1;
	z-index: 200;
	pointer-events: none;
}

.preloader.hidden {
	opacity: 0;
}

.preloader.hidden .preloader__icon {
	opacity: 0;
}

.preloader__icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(12800vw / var(--screen-width));
	height: calc(12800vw / var(--screen-width));
	background: url('./assets/icons/loading.svg') center no-repeat;
	background-size: contain;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 1;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.hero {
	padding-top: calc(10000vw / var(--screen-width));
}
.hero__content {
	display: grid;
	grid-template-columns: 1fr calc(42000vw / var(--screen-width));
	gap: calc(11000vw / var(--screen-width));
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.hero__title h1 {
	font-size: calc(6400vw / var(--screen-width));
	font-weight: 500;
	line-height: 95%;
	background: linear-gradient(92deg, #fff 3.8%, #696969 91.03%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hero__title h1 b {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: 500;
	position: relative;
	z-index: 1;
	background: linear-gradient(92deg, #fff 3.8%, #696969 91.03%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hero__title h1 b::after {
	content: '';
	position: absolute;
	top: 0;
	left: calc(-1400vw / var(--screen-width));
	width: calc(100% + 2800vw / var(--screen-width));
	/* height: 100%; */
	height: calc(100% + 500vw / var(--screen-width));
	border: calc(100vw / var(--screen-width)) solid rgba(255, 255, 255, 0.2);
	border-radius: calc(5000vw / var(--screen-width));
	z-index: -1;
}
.hero__desc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: calc(4200vw / var(--screen-width));
}
.hero__desc p {
	color: rgba(255, 255, 255, 0.85);
	font-size: calc(1800vw / var(--screen-width));
	font-weight: 500;
	line-height: 140%;
}
.hero__category p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: calc(1200vw / var(--screen-width));
	color: #fff;
	font-size: calc(1600vw / var(--screen-width));
	position: relative;
}
.hero__category p::before {
	content: '';
	background: rgba(255, 255, 255, 0.15);
	width: calc(500vw / var(--screen-width));
	height: calc(500vw / var(--screen-width));
	border-radius: 50%;
}
.hero__slider {
	position: relative;
	margin-top: calc(7200vw / var(--screen-width));
}
.hero__slider .owl-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	max-width: calc(136000vw / var(--screen-width));
	margin-left: auto;
	margin-right: auto;
	padding-left: calc(3200vw / var(--screen-width));
	padding-right: calc(3200vw / var(--screen-width));
	position: absolute;
	bottom: calc(4400vw / var(--screen-width));
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.hero__slider .owl-dots button {
	width: 100%;
	height: calc(100vw / var(--screen-width));
	background: var(--clr-bg-white) !important;
	opacity: 0.4;
}
.hero__slider .owl-dots button.active {
	opacity: 1 !important;
}
.hero__gallery {
	position: relative;
	height: calc(67000vw / var(--screen-width));
	z-index: 1;
}
.hero__gallery-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
}
.hero__gallery-img::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(rgba(0, 0, 0, 0)),
		to(#000)
	);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
	opacity: 0.6;
}
.hero__gallery-img img {
	width: auto;
	min-width: 100%;
	height: auto;
}
.hero__gallery-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	height: 100%;
	padding-bottom: calc(11000vw / var(--screen-width));
}
.hero__gallery-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: calc(3200vw / var(--screen-width));
	width: 100%;
	max-width: calc(55000vw / var(--screen-width));
}
.hero__gallery-info h2 {
	font-size: calc(3200vw / var(--screen-width));
	font-weight: 500;
	line-height: 110%;
}
.hero__gallery-info p {
	color: rgba(255, 255, 255, 0.8);
	font-size: calc(2000vw / var(--screen-width));
	font-weight: 500;
	line-height: 130%;
}
.hero__gallery-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: calc(1100vw / var(--screen-width));
}
.hero__gallery-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: calc(1600vw / var(--screen-width));
	position: absolute;
	top: calc(4800vw / var(--screen-width));
	right: calc(3200vw / var(--screen-width));
	z-index: 3;
}

.gallery-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: calc(150vw / var(--screen-width)) solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	width: calc(6400vw / var(--screen-width));
	height: calc(6400vw / var(--screen-width));
	-webkit-transition: border 0.2s ease-in-out;
	transition: border 0.2s ease-in-out;
}
.gallery-btn:hover {
	border-color: #fff;
}
.gallery-btn svg {
	width: calc(2400vw / var(--screen-width));
	height: calc(2400vw / var(--screen-width));
}
.gallery-btn--prev {
	padding-right: calc(1000vw / var(--screen-width));
}
.gallery-btn--next {
	padding-left: calc(1000vw / var(--screen-width));
}

.uslugi__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: calc(8000vw / var(--screen-width));
	position: relative;
}
.uslugi__nav {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: calc(2400vw / var(--screen-width));
	padding: calc(1600vw / var(--screen-width));
	border-radius: calc(9000vw / var(--screen-width));
	background: rgba(255, 255, 255, 0.03);
	margin-top: calc(4000vw / var(--screen-width));
}
.uslugi__nav-item {
	color: rgba(255, 255, 255, 0.7);
	font-weight: 500;
}
.uslugi__nav-item--active {
	pointer-events: none;
}
.uslugi__table {
	width: 100%;
}
.uslugi__grid {
	display: none;
	grid-template-columns: repeat(3, 1fr);
	gap: calc(8000vw / var(--screen-width)) calc(2400vw / var(--screen-width));
}
.uslugi__grid--visible {
	display: grid;
}
.uslugi__card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: calc(3200vw / var(--screen-width));
}
/* @media screen and (min-width: 760px) { */
.uslugi__grid .uslugi__card:nth-child(1n + 7) {
	display: none !important;
	max-height: 0;
	opacity: 0;
	transition: opacity 0.3s ease-in;
}
.uslugi__grid.uslugi__grid--loading .uslugi__card:nth-child(1n + 7) {
	display: flex !important;
}
.uslugi__grid.uslugi__grid--full .uslugi__card:nth-child(1n + 7) {
	display: flex !important;
	max-height: calc(99900vw / var(--screen-width));
	opacity: 1;
	transition: opacity 0.3s ease-in;
}
/* } */
.uslugi__card-btn {
	margin-top: auto;
}
.uslugi__card-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: calc(35000vw / var(--screen-width));
	position: relative;
	z-index: 1;
	padding: calc(3200vw / var(--screen-width));
}
.uslugi__card-category {
	position: absolute;
	top: calc(3200vw / var(--screen-width));
	left: calc(3200vw / var(--screen-width));
}
.uslugi__card-category p {
	color: rgba(255, 255, 255, 0.8);
	font-size: calc(1600vw / var(--screen-width));
	font-weight: 400;
	line-height: 95%;
	padding: calc(800vw / var(--screen-width)) calc(1600vw / var(--screen-width));
	border-radius: calc(9000vw / var(--screen-width));
	background: rgba(18, 18, 18, 0.2);
	-webkit-backdrop-filter: blur(calc(2000vw / var(--screen-width)));
	backdrop-filter: blur(calc(2000vw / var(--screen-width)));
}
.uslugi__card-name p {
	font-size: calc(2800vw / var(--screen-width));
	font-weight: 500;
	line-height: 95%;
}
.uslugi__card-price {
	opacity: 0.75;
}
.uslugi__card-price p {
	font-size: calc(2000vw / var(--screen-width));
	font-weight: 400;
	line-height: 95%;
}
.uslugi__card-slider {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.uslugi__card-slider .owl-stage,
.uslugi__card-slider .owl-stage .owl-item {
	height: 100%;
}
.uslugi__card-slider .owl-stage-outer {
	width: 100%;
	height: 100%;
}
.uslugi__card-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: calc(3000vw / var(--screen-width));
	/* overflow: hidden; */
	overflow: visible !important;
	width: 100%;
	height: 100%;
}
.uslugi__card-img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% + calc(50vw / var(--screen-width)));
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.6) 100%
	);
	z-index: 10;
	pointer-events: none;
	border-radius: calc(3000vw / var(--screen-width));
}
.uslugi__card-img img {
	width: auto;
	min-width: 100%;
	height: 100%;
	pointer-events: none;
	border-radius: calc(3000vw / var(--screen-width));
}
.uslugi__card-nav,
.uslugi__card .uslugi__card-slider .owl-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.uslugi__card-nav button,
.uslugi__card .uslugi__card-slider .owl-nav button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: calc(3100vw / var(--screen-width));
	height: calc(3100vw / var(--screen-width));
	background: rgba(18, 18, 18, 0.2) !important;
	border: calc(100vw / var(--screen-width)) solid rgba(255, 255, 255, 0.5) !important;
	border-radius: calc(9000vw / var(--screen-width));
	position: absolute;
	z-index: 25;
}
.uslugi__card-nav button span,
.uslugi__card .uslugi__card-slider .owl-nav button span {
	display: none;
	opacity: 0;
	visibility: hidden;
	z-index: -9999;
	position: relative;
}
.uslugi__card-nav button.owl-prev,
.uslugi__card .uslugi__card-slider .owl-nav button.owl-prev {
	left: calc(3200vw / var(--screen-width));
	background: url('./assets/icons/icon_prev.svg') center no-repeat
		rgba(18, 18, 18, 0.2) !important;
	background-size: calc(2100vw / var(--screen-width)) !important;
}
.uslugi__card-nav button.owl-next,
.uslugi__card .uslugi__card-slider .owl-nav button.owl-next {
	right: calc(3200vw / var(--screen-width));
	background: url('./assets/icons/icon_next.svg') center no-repeat
		rgba(18, 18, 18, 0.2) !important;
	background-size: calc(2100vw / var(--screen-width)) !important;
}
.uslugi__card-nav--prev,
.uslugi__card .uslugi__card-slider .owl-nav--prev {
	left: calc(3200vw / var(--screen-width));
}
.uslugi__card-nav--next,
.uslugi__card .uslugi__card-slider .owl-nav--next {
	right: calc(3200vw / var(--screen-width));
}
.uslugi__card-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: calc(1400vw / var(--screen-width));
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.uslugi__card-content p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: rgba(255, 255, 255, 0.7);
	font-size: calc(1600vw / var(--screen-width));
	font-weight: 400;
	line-height: 95%;
	padding: calc(1400vw / var(--screen-width)) calc(2000vw / var(--screen-width));
	border-radius: calc(9000vw / var(--screen-width));
	border: calc(100vw / var(--screen-width)) solid rgba(255, 255, 255, 0.1);
	margin: 0;
}
.uslugi__btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-column: 1/4;
	margin-top: calc(-2000vw / var(--screen-width));
}

.selection__wrapper {
	display: grid;
	grid-template-columns: 1fr calc(52600vw / var(--screen-width));
	gap: calc(2400vw / var(--screen-width));
}
.selection__content {
	border-radius: calc(3000vw / var(--screen-width));
	width: 100%;
	background: rgba(255, 255, 255, 0.02);
	padding: calc(4800vw / var(--screen-width));
	position: relative;
}
.selection__content::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: calc(3000vw / var(--screen-width));
	padding: calc(100vw / var(--screen-width));
	background: linear-gradient(
		173deg,
		rgba(255, 255, 255, 0.2),
		rgba(255, 255, 255, 0)
	);
	-webkit-mask: -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0, #fff)
			)
			content-box,
		-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}
.selection__content .section__header {
	max-width: calc(49000vw / var(--screen-width));
}
.selection__img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: calc(52600vw / var(--screen-width));
	height: calc(48000vw / var(--screen-width));
	border-radius: calc(3000vw / var(--screen-width));
	pointer-events: none;
	overflow: hidden;
}
.selection__img img {
	width: auto;
	min-width: 100%;
	height: 100%;
}

.why .section__title {
	grid-column: 2/4;
}
.why__wrapper {
	margin-top: calc(10000vw / var(--screen-width));
}
.why__rows {
	display: grid;
	grid-template-columns: 1fr;
	gap: calc(3200vw / var(--screen-width));
}
.why__rows-item {
	display: grid;
	grid-template-columns:
		calc(36000vw / var(--screen-width)) calc(30600vw / var(--screen-width))
		1fr;
	gap: calc(2400vw / var(--screen-width));
	font-weight: 400;
	font-size: calc(1600vw / var(--screen-width));
	line-height: 140%;
	color: var(--clr-txt-white);
	padding-bottom: calc(3200vw / var(--screen-width));
	border-bottom: calc(100vw / var(--screen-width)) solid
		rgba(255, 255, 255, 0.08);
}
.why__rows-number span {
	opacity: 0.3;
}
.why__rows-name h3 {
	font-weight: 500;
	font-size: calc(2000vw / var(--screen-width));
	line-height: 130%;
}
.why__rows-imgs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: calc(1900vw / var(--screen-width));
}
.why__rows-imgs img {
	width: calc(3600vw / var(--screen-width));
	height: calc(3600vw / var(--screen-width));
	border: calc(100vw / var(--screen-width)) solid #070d24;
	border-radius: 100%;
	margin-right: calc(-600vw / var(--screen-width));
}
.why__rows-info {
	width: 100%;
	max-width: calc(53000vw / var(--screen-width));
}
.why__rows-info p {
	opacity: 0.75;
}

.gallery .section__desc {
	display: grid;
	grid-template-columns: calc(74700vw / var(--screen-width)) 1fr;
	gap: calc(2400vw / var(--screen-width));
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	max-width: 100%;
	border-top: calc(100vw / var(--screen-width)) solid rgba(255, 255, 255, 0.1);
	padding-top: calc(4000vw / var(--screen-width));
}
.gallery__subtitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: calc(1400vw / var(--screen-width));
}
.gallery__subtitle p {
	color: var(--clr-txt-white);
}
.gallery__subtitle::before {
	content: '';
	min-width: calc(600vw / var(--screen-width));
	width: calc(600vw / var(--screen-width));
	height: calc(600vw / var(--screen-width));
	background: var(--clr-bg-white);
	border-radius: 100%;
	opacity: 0.3;
}
.gallery__desc {
	width: 100%;
	max-width: calc(37000vw / var(--screen-width));
}
.gallery__desc p {
	font-weight: 400;
	font-size: calc(1600vw / var(--screen-width));
}
.gallery__wrapper {
	margin-top: calc(8000vw / var(--screen-width));
}
.gallery__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: calc(2400vw / var(--screen-width));
}
.gallery__grid-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: calc(25200vw / var(--screen-width));
	border-radius: calc(3000vw / var(--screen-width));
	overflow: hidden;
	position: relative;
}
.gallery__grid-item::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: url('./assets/icons/icon__zoom.svg') center no-repeat
		rgba(0, 0, 0, 0.1);
	background-size: calc(6400vw / var(--screen-width));
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	pointer-events: none;
}
.gallery__grid-item:hover::after {
	opacity: 1;
}
.gallery__grid-item:nth-child(3) {
	grid-column: 4;
}
.gallery__grid-item:nth-child(5) {
	grid-column: 3;
}
.gallery__grid-item:nth-child(7) {
	grid-column: 2;
}
.gallery__grid-item img {
	width: auto;
	min-width: 100%;
	height: 100%;
}
.gallery__grid-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-column: 1/5;
	margin-top: calc(5600vw / var(--screen-width));
}

.conditions .section__header--jcsb {
	grid-template-columns: calc(29000vw / var(--screen-width)) 1fr calc(
			29000vw / var(--screen-width)
		);
}
.conditions .section__header--jcsb .section__btn {
	margin-left: auto;
}
.conditions__wrapper {
	margin-top: calc(10000vw / var(--screen-width));
}
.conditions .owl-dots {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
.conditions .owl-stage-outer {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}
.conditions__steps,
.conditions .owl-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}
.conditions__steps::after,
.conditions .owl-dots::after {
	content: '';
	position: absolute;
	left: 0;
	top: calc(600vw / var(--screen-width));
	width: 100%;
	height: calc(100vw / var(--screen-width));
	background: var(--clr-bg-white);
	opacity: 0.15;
	z-index: -1;
}
.conditions__steps-item,
.conditions__steps button,
.conditions .owl-dots-item,
.conditions .owl-dots button {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	gap: calc(2400vw / var(--screen-width)) !important;
	font-weight: 500 !important;
	font-size: calc(2400vw / var(--screen-width)) !important;
	line-height: 95% !important;
	color: rgba(255, 255, 255, 0.15) !important;
	padding: 0 !important;
	margin: 0 !important;
	-webkit-transition: color 0.25s ease-in-out !important;
	transition: color 0.25s ease-in-out !important;
}
.conditions__steps-item::before,
.conditions__steps button::before,
.conditions .owl-dots-item::before,
.conditions .owl-dots button::before {
	content: '';
	display: block;
	width: calc(1300vw / var(--screen-width));
	height: calc(1300vw / var(--screen-width));
	background: #161c31;
	border-radius: 50%;
	-webkit-transition: background 0.25s ease-in-out;
	transition: background 0.25s ease-in-out;
}
.conditions__steps-item:hover,
.conditions__steps button:hover,
.conditions .owl-dots-item:hover,
.conditions .owl-dots button:hover {
	color: rgba(255, 255, 255, 0.2) !important;
}
.conditions__steps-item:hover::before,
.conditions__steps button:hover::before,
.conditions .owl-dots-item:hover::before,
.conditions .owl-dots button:hover::before {
	background: var(--clr-bg-white) !important;
}
.conditions__steps-item--active,
.conditions__steps-item.active,
.conditions__steps button--active,
.conditions__steps button.active,
.conditions .owl-dots-item--active,
.conditions .owl-dots-item.active,
.conditions .owl-dots button--active,
.conditions .owl-dots button.active {
	color: var(--clr-txt-white) !important;
}
.conditions__steps-item--active::before,
.conditions__steps-item.active::before,
.conditions__steps button--active::before,
.conditions__steps button.active::before,
.conditions .owl-dots-item--active::before,
.conditions .owl-dots-item.active::before,
.conditions .owl-dots button--active::before,
.conditions .owl-dots button.active::before {
	background: var(--clr-bg-white) !important;
}
.conditions__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.conditions__content.owl-loaded {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}
.conditions__item {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(2400vw / var(--screen-width));
	margin-top: calc(8000vw / var(--screen-width));
	min-height: calc(40000vw / var(--screen-width));
}
.conditions__item-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: calc(3200vw / var(--screen-width));
	width: 100%;
	height: 100%;
	border: calc(100vw / var(--screen-width)) solid rgba(255, 255, 255, 0.1);
	border-radius: calc(3000vw / var(--screen-width));
	padding: calc(3200vw / var(--screen-width));
	position: relative;
}
.conditions__item-before {
	position: absolute;
	top: calc(3200vw / var(--screen-width));
	left: calc(3200vw / var(--screen-width));
}
.conditions__item-before p {
	font-size: calc(1600vw / var(--screen-width));
	font-weight: 500;
	line-height: 95%;
	color: rgba(255, 255, 255, 0.5);
}
.conditions__item-title h3 {
	font-size: calc(2400vw / var(--screen-width));
	font-weight: 500;
	line-height: 95%;
	color: var(--clr-txt-white);
}
.conditions__item-desc {
	width: 100%;
	max-width: calc(36000vw / var(--screen-width));
}
.conditions__item-desc p {
	font-size: calc(1600vw / var(--screen-width));
	line-height: 140%;
	color: rgba(255, 255, 255, 0.5);
}
.conditions__item-after {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: calc(400vw / var(--screen-width));
	position: absolute;
	bottom: calc(3200vw / var(--screen-width));
	right: calc(3200vw / var(--screen-width));
}
.conditions__item-after p {
	font-weight: 400;
	font-size: calc(1400vw / var(--screen-width));
	color: rgba(255, 255, 255, 0.4);
	padding: 0;
	margin: 0;
}
.conditions__item-after p b {
	font-size: calc(1800vw / var(--screen-width));
	font-weight: 500;
	color: var(--clr-txt-white);
}
.conditions__item-footer {
	position: absolute;
	bottom: calc(3200vw / var(--screen-width));
	left: calc(3200vw / var(--screen-width));
}
.conditions__item-footer p {
	font-weight: 500;
	font-size: calc(1200vw / var(--screen-width));
	line-height: 140%;
	color: rgba(255, 255, 255, 0.2);
	width: 100%;
	max-width: calc(38000vw / var(--screen-width));
}
.conditions__item-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: calc(3000vw / var(--screen-width));
	overflow: hidden;
	pointer-events: none;
}
.conditions__item-img img {
	width: auto;
	min-width: 100%;
	height: 100%;
}
.conditions .owl-dots .owl-dot {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.conditions .owl-dots .owl-dot button {
	background: none;
	border: none;
	padding: 0;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	position: relative;
	z-index: 25;
}
.conditions .owl-dots .owl-dot button:hover {
	color: #fff;
}

.video .section__header {
	gap: calc(1400vw / var(--screen-width));
}
.video__wrapper {
	margin-top: calc(7200vw / var(--screen-width));
}
.video__hero {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: calc(3200vw / var(--screen-width));
	border-radius: calc(4000vw / var(--screen-width));
	height: calc(68000vw / var(--screen-width));
	overflow: hidden;
	position: relative;
	outline: calc(700vw / var(--screen-width)) solid rgba(255, 255, 255, 0.07);
	cursor: pointer;
}
.video__hero::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.2;
}
.video__hero::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: calc(17200vw / var(--screen-width));
	height: calc(17200vw / var(--screen-width));
	background: url('./assets/icons/icon_play.svg') center no-repeat;
	background-size: contain;
	pointer-events: none;
	opacity: 0.3;
	z-index: 2;
	-webkit-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
}
.video__hero:hover::before {
	opacity: 1;
}
.video__hero img,
.video__hero iframe {
	min-width: 100%;
	width: auto;
	height: 100%;
	object-fit: cover;
}
.video__hero iframe {
	height: calc(68000vw / var(--screen-width));
}
.video__hero.playing::before,
.video__hero.playing::after {
	display: none;
}
.video__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(2400vw / var(--screen-width));
}
.video__grid-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: calc(4000vw / var(--screen-width));
	overflow: hidden;
	position: relative;
	outline: calc(400vw / var(--screen-width)) solid rgba(255, 255, 255, 0.07);
	cursor: pointer;
	height: calc(36500vw / var(--screen-width));
}
.video__grid-item::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.2;
}
.video__grid-item::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: calc(13000vw / var(--screen-width));
	height: calc(13000vw / var(--screen-width));
	background: url('./assets/icons/icon_play.svg') center no-repeat;
	background-size: contain;
	pointer-events: none;
	opacity: 0.3;
	z-index: 2;
	-webkit-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
}
.video__grid-item:hover::before {
	opacity: 1;
}
.video__grid-item img,
.video__grid-item iframe {
	min-width: 100%;
	width: auto;
	height: 100%;
}
.video__grid-item iframe {
	height: calc(37500vw / var(--screen-width));
}
.video__grid-item.playing::before,
.video__grid-item.playing::after {
	display: none;
}

.popular .section__header {
	grid-template-columns: 1fr calc(53000vw / var(--screen-width));
	margin-bottom: calc(6400vw / var(--screen-width));
}
.popular .section__header .section__desc p {
	font-weight: 400;
	font-size: calc(2000vw / var(--screen-width));
	line-height: 140%;
	color: rgba(255, 255, 255, 0.75);
	opacity: 1;
}
.popular .section__header .section__desc::before {
	display: none;
}
.popular__slider-item {
	display: grid;
	grid-template-columns: calc(44000vw / var(--screen-width)) 1fr;
	gap: calc(7800vw / var(--screen-width));
	background: var(--clr-bg-section);
	padding: calc(3200vw / var(--screen-width));
	border-radius: calc(3000vw / var(--screen-width));
}
.popular__slider .owl-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: calc(1600vw / var(--screen-width));
	margin-top: calc(4800vw / var(--screen-width));
}
.popular__slider .owl-dots button {
	min-width: calc(1000vw / var(--screen-width));
	width: calc(1000vw / var(--screen-width));
	height: calc(1000vw / var(--screen-width));
	border-radius: 100%;
	background: #191f34 !important;
	-webkit-transition: background 0.25s ease-in-out;
	transition: background 0.25s ease-in-out;
}
.popular__slider .owl-dots button.active {
	background: var(--clr-bg-white) !important;
}
.popular__item-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	/* height: 100%; */
	height: calc(62300vw / var(--screen-width));
	/* max-height: calc(62300vw / var(--screen-width)); */
	border-radius: calc(3000vw / var(--screen-width));
	overflow: hidden;
}
.popular__item-img video,
.popular__item-img img {
	width: 103%;
	min-height: 100%;
	height: auto;
}
.popular__item-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: calc(3200vw / var(--screen-width));
}
.popular__item-header {
	display: grid;
	grid-template-columns:
		calc(30600vw / var(--screen-width)) calc(16700vw / var(--screen-width))
		1fr;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: calc(2400vw / var(--screen-width));
	padding-bottom: calc(3200vw / var(--screen-width));
	border-bottom: calc(100vw / var(--screen-width)) solid
		rgba(255, 255, 255, 0.1);
	padding-top: calc(3000vw / var(--screen-width));
}
.popular__item-title h3 {
	font-size: calc(3900vw / var(--screen-width));
	font-weight: 500;
	line-height: 95%;
	background: linear-gradient(94deg, #fff -0.2%, #696969 90.05%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
 transition: .3s;
}
.popular__item-title h3:has(a):hover {
 background: linear-gradient(154deg, #fff 0%, #fff 100%);
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}
.popular__item-time p {
	font-weight: 400;
	font-size: calc(1600vw / var(--screen-width));
	line-height: 125%;
	color: rgba(255, 255, 255, 0.8);
}
.popular__item-time p b {
	font-weight: 500;
	color: var(--clr-txt-white);
}
.popular__item-name {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: 400;
	font-size: calc(1600vw / var(--screen-width));
	line-height: 95%;
	color: rgba(255, 255, 255, 0.8);
	border: calc(100vw / var(--screen-width)) solid rgba(255, 255, 255, 0.15);
	border-radius: calc(9000vw / var(--screen-width));
	padding: calc(1000vw / var(--screen-width)) calc(2000vw / var(--screen-width));
	margin-left: auto;
}
.popular__item-route span {
	font-weight: 500;
	font-size: calc(2400vw / var(--screen-width));
	line-height: 130%;
	color: var(--clr-txt-white);
}
.popular__item-route--close {
	display: none;
}
.popular__item-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: calc(1600vw / var(--screen-width));
	margin-top: calc(2300vw / var(--screen-width));
	width: 100%;
	/* max-width: calc(58000vw / var(--screen-width)); */
	max-width: calc(65000vw / var(--screen-width));
}
.popular__item-column p {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: calc(100vw / var(--screen-width)) solid rgba(255, 255, 255, 0.15);
	border-radius: calc(9000vw / var(--screen-width));
	padding: calc(1000vw / var(--screen-width)) calc(1600vw / var(--screen-width));
	font-weight: 400;
	font-size: calc(1400vw / var(--screen-width));
	line-height: 95%;
	color: rgba(255, 255, 255, 0.8);
	margin: 0;
}
.popular__item-btn {
	margin-top: auto;
}

.sertificate__wrapper {
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-template-columns: 1fr calc(49800vw / var(--screen-width));
	gap: calc(3600vw / var(--screen-width));
	background: var(--clr-bg-section);
	border-radius: calc(3000vw / var(--screen-width));
	padding: 0 calc(5600vw / var(--screen-width));
}
.sertificate__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: calc(7200vw / var(--screen-width));
	max-width: calc(62600vw / var(--screen-width));
}
.sertificate__content-title {
	position: relative;
	padding-bottom: calc(3200vw / var(--screen-width));
}
.sertificate__content-title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(43000vw / var(--screen-width));
	height: calc(100vw / var(--screen-width));
	background: var(--clr-bg-white);
	opacity: 0.1;
}
.sertificate__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: calc(4000vw / var(--screen-width));
}
.sertificate__desc {
	width: 100%;
	max-width: calc(44000vw / var(--screen-width));
	font-weight: 500;
	font-size: calc(1800vw / var(--screen-width));
	line-height: 140%;
	color: var(--clr-txt-white);
	opacity: 0.5;
}
.sertificate__img {
	margin-top: calc(-4800vw / var(--screen-width));
	margin-bottom: calc(-4800vw / var(--screen-width));
	pointer-events: none;
}
/* Сертификат: текстовый макет под бренд «Казань на воде» (раньше была картинка с Питером) */
.sertificate__img .gift-card {
	box-sizing: border-box;
	width: 100%;
	max-width: calc(49800vw / var(--screen-width));
	margin-left: auto;
	border-radius: calc(2000vw / var(--screen-width));
	padding: calc(350vw / var(--screen-width));
	background: linear-gradient(
		142deg,
		#d4af6a 0%,
		#a67c2c 48%,
		#e0c27d 100%
	);
	box-shadow: 0 calc(800vw / var(--screen-width)) calc(6000vw / var(--screen-width))
		rgba(0, 0, 0, 0.35);
}
.sertificate__img .gift-card__frame {
	box-sizing: border-box;
	background: #fafbfc;
	border-radius: calc(1600vw / var(--screen-width));
	padding: calc(5200vw / var(--screen-width)) calc(4200vw / var(--screen-width))
		calc(4400vw / var(--screen-width));
	text-align: center;
	color: #0a1127;
}
.sertificate__img .gift-card__eyebrow {
	margin: 0 0 calc(2400vw / var(--screen-width));
	font-weight: 600;
	font-size: calc(1200vw / var(--screen-width));
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(10, 17, 39, 0.45);
}
.sertificate__img .gift-card__brand {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(500vw / var(--screen-width));
	margin-bottom: calc(1800vw / var(--screen-width));
}
.sertificate__img .gift-card__brand-kz {
	display: block;
	font-weight: 800;
	font-size: calc(3200vw / var(--screen-width));
	line-height: 1;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.sertificate__img .gift-card__brand-rest {
	display: block;
	font-weight: 600;
	font-size: calc(2100vw / var(--screen-width));
	line-height: 1.1;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #1a6fad;
}
.sertificate__img .gift-card__tagline {
	margin: 0 0 calc(3800vw / var(--screen-width));
	font-weight: 500;
	font-size: calc(1300vw / var(--screen-width));
	line-height: 140%;
	color: rgba(10, 17, 39, 0.55);
	max-width: calc(36000vw / var(--screen-width));
	margin-left: auto;
	margin-right: auto;
}
.sertificate__img .gift-card__amount {
	font-weight: 800;
	font-size: calc(5200vw / var(--screen-width));
	line-height: 1;
	letter-spacing: 0.02em;
	margin-bottom: calc(2400vw / var(--screen-width));
	color: #0a1127;
}
.sertificate__img .gift-card__note {
	margin: 0 0 calc(3200vw / var(--screen-width));
	font-weight: 500;
	font-size: calc(1100vw / var(--screen-width));
	line-height: 140%;
	color: rgba(10, 17, 39, 0.45);
}
.sertificate__img .gift-card__address {
	margin: 0;
	font-weight: 500;
	font-size: calc(980vw / var(--screen-width));
	line-height: 150%;
	color: rgba(10, 17, 39, 0.4);
}
.header {
	padding-bottom: calc(12000vw / var(--screen-width));
}
.header.sticky {
	/* height: calc(14000vw / var(--screen-width)); */
}
/* .header__wrapper.sticky {
	background: var(--clr-bg-general);
	width: 100%;
	position: fixed;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 100;
} */
.header__wrapper {
	background: var(--clr-bg-general);
	width: 100%;
	position: fixed;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 100;
}
.header__wrapper.sticky {
	/* position: fixed; */
}
.header__wrapper.sticky .header__container {
	margin-top: 0;
}
.header__container {
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	grid-template-columns: 1fr 3fr 1fr 1fr 1fr;
	padding-top: calc(2700vw / var(--screen-width));
	padding-bottom: calc(2700vw / var(--screen-width));
	border-bottom: calc(100vw / var(--screen-width)) solid
		rgba(255, 255, 255, 0.08);
	margin-top: calc(2300vw / var(--screen-width));
	-webkit-transition: margin-top 0.2s ease-in-out;
	transition: margin-top 0.2s ease-in-out;
}
.header__logo img {
	width: calc(12900vw / var(--screen-width));
	height: calc(4400vw / var(--screen-width));
}
header .header__nav nav .header__logo {
	display: none;
}
.header__nav-open,
.header__nav-close,
.header__nav-modal {
	display: none;
}
.header__nav-open {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: calc(400vw / var(--screen-width));
	width: calc(4200vw / var(--screen-width));
	height: calc(4200vw / var(--screen-width));
	padding: calc(1000vw / var(--screen-width));
	border-radius: calc(6000vw / var(--screen-width));
	background: #0a1127;
}
.header__nav-open span {
	width: 100%;
	height: calc(200vw / var(--screen-width));
	background: var(--clr-bg-white);
	border-radius: calc(1000vw / var(--screen-width));
}
.header__nav-open span:nth-child(1) {
	max-width: calc(1000vw / var(--screen-width));
}
.header__nav-open span:nth-child(2) {
	max-width: calc(2000vw / var(--screen-width));
}
.header__nav-open span:nth-child(3) {
	max-width: calc(1400vw / var(--screen-width));
}
.header__nav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: calc(3400vw / var(--screen-width));
	list-style: none;
}
.header__nav ul li a {
	font-size: calc(1200vw / var(--screen-width));
	font-weight: 400;
	opacity: 0.75;
	-webkit-transition: opacity 0.15s ease-in-out;
	transition: opacity 0.15s ease-in-out;
	position: relative;
}
.header__nav ul li a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: calc(-600vw / var(--screen-width));
	width: 0;
	height: calc(100vw / var(--screen-width));
	background: rgba(255, 255, 255, 0.15);
	-webkit-transition: width 0.25s ease-in-out;
	transition: width 0.25s ease-in-out;
}
.header__nav ul li a:hover {
	opacity: 1;
}
.header__nav ul li a:hover::after {
	width: 100%;
}
.header__phone a {
	font-size: calc(1300vw / var(--screen-width));
	font-weight: 500;
	-webkit-transition: opacity 0.15s ease-in-out;
	transition: opacity 0.15s ease-in-out;
}
.header__phone a:hover {
	opacity: 0.7;
}
.header__socials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: calc(900vw / var(--screen-width));
}
.header__socials-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.04);
	width: calc(4700vw / var(--screen-width));
	height: calc(4700vw / var(--screen-width));
	border-radius: 50%;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
.header__socials-link:hover {
	background: rgba(255, 255, 255, 0);
}
.header__socials-link svg,
.header__socials-link img {
	width: calc(2700vw / var(--screen-width));
	height: calc(2700vw / var(--screen-width));
}
.header__btn button {
	position: relative;
	border: none;
}
.header__btn button::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: calc(5000vw / var(--screen-width));
	padding: calc(160vw / var(--screen-width));
	background: linear-gradient(45deg, #ff0099 0%, #ffd600 100%);
	-webkit-mask: -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0, #fff)
			)
			content-box,
		-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}
.header__btn button:hover {
	background: rgb(255 255 255 / 11%);
	color: var(--clr-bg-white);
}
.popup__form .header__btn p {
 width: 100%;
}
.footer {
	position: relative;
}
.footer::before {
	content: '';
	position: absolute;
	top: 0;
	left: calc(2400vw / var(--screen-width));
	width: calc(100% - 4800vw / var(--screen-width));
	height: calc(100vw / var(--screen-width));
	background: rgba(255, 255, 255, 0.1);
}
.footer__container {
	display: grid;
	grid-template-columns: calc(94200vw / var(--screen-width)) 1fr;
	gap: calc(2400vw / var(--screen-width));
	padding-top: calc(5000vw / var(--screen-width));
	padding-bottom: calc(6400vw / var(--screen-width));
}
.footer__left .footer__socials {
	display: none;
}
.footer__link button,
.footer__link a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: calc(2000vw / var(--screen-width));
	font-weight: 500;
	font-size: calc(9600vw / var(--screen-width));
	line-height: 75%;
	background: linear-gradient(154deg, #fff 0%, #696969 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 0;
	padding: 0;
	padding-top: calc(1400vw / var(--screen-width));
	padding-bottom: calc(1400vw / var(--screen-width));
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}
.footer__link button svg,
.footer__link a svg {
	width: calc(8000vw / var(--screen-width));
	height: calc(7200vw / var(--screen-width));
	-webkit-transition: -webkit-transform 0.35s ease-in-out;
	transition: -webkit-transform 0.35s ease-in-out;
	transition: transform 0.35s ease-in-out;
	transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}
.footer__link button:hover,
.footer__link a:hover {
	background: linear-gradient(154deg, #fff 0%, #fff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.footer__link button:hover svg,
.footer__link a:hover svg {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.footer__info {
	width: 100%;
	max-width: calc(33000vw / var(--screen-width));
	margin-top: calc(2000vw / var(--screen-width));
}
.footer__info p {
	font-weight: 400;
	font-size: calc(1400vw / var(--screen-width));
	line-height: 140%;
	color: var(--clr-txt-white);
	opacity: 0.5;
}
.footer__grid {
	display: grid;
	grid-template-columns: repeat(2, calc(30600vw / var(--screen-width)));
	gap: calc(2400vw / var(--screen-width));
	margin-top: calc(14000vw / var(--screen-width));
}
.footer__contacts-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: calc(1400vw / var(--screen-width));
}
.footer__contacts-info a,
.footer__contacts-info p {
	font-weight: 400;
	font-size: calc(1400vw / var(--screen-width));
	line-height: 140%;
	color: var(--clr-txt-white);
	opacity: 0.5;
}
.footer__contacts-info a {
	-webkit-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
}
.footer__contacts-info a:hover {
	opacity: 1;
}
.footer__title {
	margin-bottom: calc(4800vw / var(--screen-width));
}
.footer__title h4 {
	font-weight: 500;
	font-size: calc(2400vw / var(--screen-width));
	line-height: 130%;
	color: var(--clr-txt-white);
}
.footer__nav nav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: calc(1400vw / var(--screen-width));
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer__nav nav ul li a {
	font-weight: 400;
	font-size: calc(1400vw / var(--screen-width));
	line-height: 140%;
	color: var(--clr-txt-white);
	opacity: 0.5;
	-webkit-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
}
.footer__nav nav ul li a:hover {
	opacity: 1;
}
.footer__right {
	padding-top: calc(1400vw / var(--screen-width));
}
.footer__copy p {
	font-weight: 400;
	font-size: calc(1400vw / var(--screen-width));
	line-height: 140%;
	color: var(--clr-txt-white);
	opacity: 0.5;
}
.footer__socials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: calc(900vw / var(--screen-width));
	margin-top: calc(6400vw / var(--screen-width));
}
.footer__socials-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: calc(4700vw / var(--screen-width));
	height: calc(4700vw / var(--screen-width));
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.05);
	-webkit-transition: background 0.25s ease-in-out;
	transition: background 0.25s ease-in-out;
}
.footer__socials-item svg,
.footer__socials-item img {
	width: calc(2700vw / var(--screen-width));
	height: auto;
}
.footer__socials-item:hover {
	background: rgba(255, 255, 255, 0.02);
}
.footer__links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: calc(1400vw / var(--screen-width));
	margin-top: calc(23000vw / var(--screen-width));
}
.footer__links-item {
	font-weight: 400;
	font-size: calc(1400vw / var(--screen-width));
	line-height: 140%;
	text-decoration: underline;
	color: var(--clr-txt-white);
	opacity: 0.5;
	-webkit-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
}
.footer__links-item:hover {
	opacity: 1;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,
.owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative;
}

.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1;
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	object-fit: cover;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
	display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit;
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.uslugi__card .owl-carousel.owl-hidden {
	opacity: 1 !important;
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

.owl-carousel .animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.owl-height {
	-webkit-transition: height 0.5s ease-in-out;
	transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=''] {
	max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.1s ease;
	transition: -webkit-transform 0.1s ease;
	transition: transform 0.1s ease;
	transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}

.owl-carousel .owl-stage:after {
	content: none !important;
}

/* Slider */
.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.popup {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	outline: calc(500vw / var(--screen-width)) solid rgba(255, 255, 255, 0.2);
	border-radius: calc(3000vw / var(--screen-width));
	width: calc(74600vw / var(--screen-width));
	/* min-height: calc(48000vw / var(--screen-width)); */
	padding: calc(4800vw / var(--screen-width));
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: var(--clr-bg-general);
	z-index: 155;
 overflow-y: auto;
 max-height: 100vh;
}
.popup.visible {
	display: block;
}
.popup__title {
	width: 100%;
	max-width: calc(43000vw / var(--screen-width));
}
.popup__title h4 {
	font-weight: 500;
	font-size: calc(4800vw / var(--screen-width));
	line-height: 95%;
	color: var(--clr-txt-white);
}
.popup__desc {
	width: 100%;
	max-width: calc(45000vw / var(--screen-width));
	margin-top: calc(4800vw / var(--screen-width));
	margin-bottom: calc(3200vw / var(--screen-width));
}
.popup__desc p {
	font-weight: 400;
	font-size: calc(1800vw / var(--screen-width));
	line-height: 140%;
	color: var(--clr-txt-white);
	opacity: 0.75;
}
.popup__bg {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	background: rgba(0, 0, 0, 0.4);
	z-index: 100;
}
.popup__bg.visible {
	display: block;
}
.popup__exit {
	position: absolute;
	top: calc(2200vw / var(--screen-width));
	right: calc(2200vw / var(--screen-width));
	width: calc(3100vw / var(--screen-width));
	height: calc(3100vw / var(--screen-width));
	background: url('./assets/icons/close_popup.svg') center no-repeat;
	background-size: contain;
	cursor: pointer;
	-webkit-transition: opacity 0.25s ease-in-out,
		-webkit-transform 0.15s ease-in-out;
	transition: opacity 0.25s ease-in-out, -webkit-transform 0.15s ease-in-out;
	transition: opacity 0.25s ease-in-out, transform 0.15s ease-in-out;
	transition: opacity 0.25s ease-in-out, transform 0.15s ease-in-out,
		-webkit-transform 0.15s ease-in-out;
}
.popup__exit:hover {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0.5;
}

@media screen and (max-width: 760px) {
	:root {
		--screen-width: 360;
	}
	html,
	body {
		overflow-x: hidden;
	}
	.btn--h66 {
		height: calc(5400vw / var(--screen-width));
	}
	.container {
		padding-left: calc(1200vw / var(--screen-width));
		padding-right: calc(1200vw / var(--screen-width));
	}
	.section:not(.hero) {
		margin-top: calc(7200vw / var(--screen-width));
		margin-bottom: calc(7200vw / var(--screen-width));
	}
	.section__header {
		gap: calc(3200vw / var(--screen-width));
	}
	.section__title h2, .section__title h1 {
		font-size: calc(3200vw / var(--screen-width));
	}
	.section__desc p {
		font-size: calc(1400vw / var(--screen-width));
		line-height: 140%;
	}
	.section__form {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		gap: calc(2000vw / var(--screen-width));
	}
	.section__form-info {
		margin-top: calc(3600vw / var(--screen-width));
	}
	.section__form-input {
		height: calc(4600vw / var(--screen-width));
	}
	.header {
		padding-bottom: calc(8200vw / var(--screen-width));
	}
	.section__form-input label {
		font-size: calc(1400vw / var(--screen-width));
	}
	.section__form-info p {
		font-size: calc(1400vw / var(--screen-width));
	}
	.section__form-btn {
		margin-top: calc(1200vw / var(--screen-width));
	}
	.section__form-btn button {
		font-size: calc(1600vw / var(--screen-width));
	}
	.section__header--jcsb {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.section__header--jcsb .section__desc p {
		color: var(--clr-txt-white);
		opacity: 0.5;
	}
	.align--center {
		text-align: left;
	}
	.header__container {
		grid-template-columns: 1fr 1fr;
		margin: 0;
		padding-top: calc(2400vw / var(--screen-width));
		padding-bottom: calc(1500vw / var(--screen-width));
	}
	.header__logo {
		position: relative;
	}
	.header__logo img {
		width: calc(9500vw / var(--screen-width));
		height: auto;
	}
	.header__logo .site-brand-text {
		max-width: calc(9500vw / var(--screen-width));
	}
	.header__logo .site-brand-text__kz {
		font-size: calc(2650vw / var(--screen-width));
	}
	.header__logo .site-brand-text__rest {
		font-size: calc(1730vw / var(--screen-width));
		margin-top: calc(260vw / var(--screen-width));
	}
	header .header__nav nav .header__logo {
		display: block;
 position: absolute;
 top: calc(2400vw / var(--screen-width));
 left: calc(1200vw / var(--screen-width) - 0.5px);
	}
	.header__nav {
		margin-left: auto;
	}
	.header__nav-modal {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: calc(2400vw / var(--screen-width));
		width: 100%;
	}
	.header__nav-modal .footer__title h4 {
		display: none;
		font-size: calc(1700vw / var(--screen-width));
	}
	.header__nav-modal .footer__contacts-info {
		gap: calc(600vw / var(--screen-width));
	}
	.header__nav-modal .header__socials {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.header__nav-modal .header__btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		width: 100%;
	}
	.header__nav-modal .header__btn button {
		width: 100%;
	}
	.header__nav-open {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.header__nav-close {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: calc(4200vw / var(--screen-width));
		height: calc(4200vw / var(--screen-width));
		position: absolute;
		top: calc(2400vw / var(--screen-width));
		right: calc(1200vw / var(--screen-width));
	}
	.header__nav-close svg {
		width: calc(3200vw / var(--screen-width));
		height: calc(3200vw / var(--screen-width));
	}
	.header__nav nav {
		display: none;
	}
	.header__nav nav.visible {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		/* -webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center; */
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;

		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: calc(3600vw / var(--screen-width));
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 155;
		background: #080f25;
		padding: calc(1200vw / var(--screen-width));
		overflow-x: scroll;
		/* padding-top: calc(4600vw / var(--screen-width)); */
		padding-top: calc(12400vw / var(--screen-width));
	}
	.header__nav nav.visible ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: calc(1000vw / var(--screen-width));
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.header__nav nav.visible ul li a {
		font-size: calc(1500vw / var(--screen-width));
		color: var(--clr-txt-white);
		opacity: 1;
	}
	.header__nav nav.visible .header__socials {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.header__nav nav.visible .header__socials-link {
		width: calc(3500vw / var(--screen-width));
		height: calc(3500vw / var(--screen-width));
	}
	.header__nav nav.visible .header__socials-link svg,
	.header__nav nav.visible .header__socials-link img {
		width: calc(2100vw / var(--screen-width));
	}
	.header__phone {
		display: none;
	}
	.header__socials {
		display: none;
	}
	.header__btn {
		display: none;
	}
	.hero {
		padding-top: calc(4000vw / var(--screen-width));
	}
	.hero__content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: calc(2400vw / var(--screen-width));
	}
	.hero__title h1 {
		font-size: calc(3200vw / var(--screen-width));
		line-height: 100%;
	}
	.hero__title h1 b::after {
		display: none;
	}
	.hero__desc {
		max-width: calc(32000vw / var(--screen-width));
		margin-right: auto;
	}
	.hero__desc p {
		font-size: calc(1400vw / var(--screen-width));
		padding: 0;
		margin: 0;
	}
	.hero__category {
		display: none;
	}
	.hero__slider {
		margin-top: calc(4000vw / var(--screen-width));
	}
	.hero__slider .owl-dots {
		padding-left: calc(1200vw / var(--screen-width));
		padding-right: calc(1200vw / var(--screen-width));
		bottom: calc(2400vw / var(--screen-width));
	}
	.hero__gallery {
		/* height: calc(47000vw / var(--screen-width)); */
		height: calc(44000vw / var(--screen-width));
	}
	.hero__gallery-nav {
		gap: calc(1000vw / var(--screen-width));
		top: calc(6400vw / var(--screen-width));
		right: calc(1200vw / var(--screen-width));
	}
	.hero__gallery-nav button {
		width: calc(3900vw / var(--screen-width));
		height: calc(3900vw / var(--screen-width));
	}
	.hero__gallery-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		padding-bottom: calc(6400vw / var(--screen-width));
		gap: calc(2000vw / var(--screen-width));
	}
	.hero__gallery-info {
		max-width: 100%;
		gap: calc(2000vw / var(--screen-width));
	}
	.hero__gallery-info h2 {
		font-size: calc(2000vw / var(--screen-width));
	}
	.hero__gallery-info p {
		font-size: calc(1400vw / var(--screen-width));
	}
	.hero__gallery-btns {
		display: grid;
		grid-template-columns: 1fr calc(4700vw / var(--screen-width));
		gap: calc(1000vw / var(--screen-width));
		width: 100%;
	}
	.hero__gallery-btns a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		text-indent: -9999px;
		width: calc(4700vw / var(--screen-width));
		height: calc(4700vw / var(--screen-width));
		border: calc(100vw / var(--screen-width)) solid rgba(255, 255, 255, 0.2);
		border-radius: 50%;
		padding: 0;
		margin: 0;
		gap: 0;
	}
	.hero__gallery-btns a::after {
		width: 100%;
		height: 100%;
		background: url('./assets/icons/btn_after.svg') center no-repeat;
		background-size: calc(2000vw / var(--screen-width));
	}
	.hero__gallery-btns button {
		width: 100%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.hero__gallery-img {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.hero__gallery-img img {
		width: initial !important;
		max-width: initial !important;
		min-width: initial !important;
		height: 100%;
	}
	.uslugi__wrapper {
		gap: calc(5600vw / var(--screen-width));
	}
	.uslugi__nav {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: calc(800vw / var(--screen-width));
		margin-top: calc(3200vw / var(--screen-width));
		width: 100%;
		padding: calc(1000vw / var(--screen-width));
	}
	.uslugi__nav-item {
		width: 100%;
		height: calc(3200vw / var(--screen-width));
		font-size: calc(1400vw / var(--screen-width));
		line-height: 95%;
	}
	.uslugi__table {
		position: relative;
	}
	.uslugi__grid {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		width: calc(33600vw / var(--screen-width));
	}
	.uslugi__grid--visible {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: calc(4000vw / var(--screen-width));
		position: relative;
		opacity: 1;
		z-index: 25;
	}
	.uslugi__grid .slick-list {
		padding-right: calc(2000vw / var(--screen-width)) !important;
		padding-left: 0 !important;
	}
	.uslugi__card {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		margin-left: calc(600vw / var(--screen-width));
		margin-right: calc(600vw / var(--screen-width));
		gap: calc(2400vw / var(--screen-width));
	}
	.uslugi__card-header {
		height: calc(26000vw / var(--screen-width));
		padding: calc(2400vw / var(--screen-width));
	}
	.uslugi__card-category {
		top: calc(2400vw / var(--screen-width));
		left: calc(2400vw / var(--screen-width));
	}
	.uslugi__card-category p {
		font-size: calc(1200vw / var(--screen-width));
		padding: calc(600vw / var(--screen-width))
			calc(1200vw / var(--screen-width));
	}
	.uslugi__card-name p {
		font-size: calc(2000vw / var(--screen-width));
	}
	.uslugi__card-price p {
		font-size: calc(1400vw / var(--screen-width));
	}
	.uslugi__card-img {
		border-radius: calc(2000vw / var(--screen-width));
		pointer-events: all !important;
	}
	.uslugi__card-slider .owl-stage,
	.uslugi__card-slider .owl-stage .owl-item {
		height: 100%;
	}
	.uslugi__card-slider .owl-nav {
		z-index: 55;
	}
	.uslugi__card-content {
		gap: calc(1200vw / var(--screen-width));
	}
	.uslugi__card-content p {
		font-size: calc(1400vw / var(--screen-width));
		line-height: 95%;
		padding: calc(1100vw / var(--screen-width))
			calc(1400vw / var(--screen-width));
	}
	.uslugi__card-nav button,
	.uslugi__card-slider .owl-nav button {
		width: calc(2500vw / var(--screen-width)) !important;
		height: calc(2500vw / var(--screen-width)) !important;
	}
	.uslugi__btn {
		/* display: none !important; */
	}
	.uslugi .slick-dots {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: calc(1000vw / var(--screen-width));
		padding: 0;
		margin: 0;
	}
	.uslugi .slick-dots li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.uslugi .slick-dots li button {
		width: calc(600vw / var(--screen-width));
		max-width: calc(600vw / var(--screen-width));
		height: calc(600vw / var(--screen-width));
		font-size: calc(0vw / var(--screen-width));
		text-indent: calc(-999900vw / var(--screen-width));
		border-radius: calc(2000vw / var(--screen-width));
		background: #191f34;
		padding: 0;
		margin: 0;
	}
	.uslugi .slick-dots li.slick-active button {
		background: var(--clr-bg-white);
	}
	.selection__wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: calc(2000vw / var(--screen-width));
	}
	.selection__content {
		padding: calc(2400vw / var(--screen-width));
		border-radius: calc(2000vw / var(--screen-width));
	}
	.selection__content .section__header {
		gap: calc(2400vw / var(--screen-width));
	}
	.selection__content .section__title h2, .section__title h1 {
		font-size: calc(2400vw / var(--screen-width));
		line-height: 110%;
	}
	.selection__content .section__desc p {
		font-size: calc(1400vw / var(--screen-width));
		color: var(--clr-txt-white);
		opacity: 0.75;
	}
	.selection__img {
		width: 100%;
		height: calc(27600vw / var(--screen-width));
		border-radius: calc(2000vw / var(--screen-width));
	}
	.why__wrapper {
		margin-top: calc(7000vw / var(--screen-width));
	}
	.why__rows {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.why__rows-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.gallery .section__desc {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.gallery__wrapper {
		margin-top: calc(4000vw / var(--screen-width));
	}
	.gallery__grid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		gap: calc(1000vw / var(--screen-width));
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.gallery__grid-item {
		width: calc(50% - 500vw / var(--screen-width));
		grid-column: initial !important;
		height: calc(13600vw / var(--screen-width));
		border-radius: calc(1500vw / var(--screen-width));
	}
	.gallery__grid-item:nth-child(5) {
		width: 100%;
		height: calc(21400vw / var(--screen-width));
	}
	.gallery__grid-item:nth-child(5) img {
		height: auto;
	}
	.gallery__grid-item a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		height: 100%;
	}
	.gallery__grid-item img {
		max-width: initial;
	}
	.gallery__grid-btn {
		width: 100%;
		margin-top: calc(3200vw / var(--screen-width));
	}
	.gallery__grid-btn button {
		width: 100%;
		max-width: 100%;
	}
	.conditions .section__btn {
		margin-left: 0 !important;
	}
	.conditions__wrapper {
		margin-top: calc(6000vw / var(--screen-width));
	}
	.conditions__steps::after,
	.conditions .owl-dots::after {
		top: calc(300vw / var(--screen-width));
	}
	.conditions__steps-item,
	.conditions__steps button,
	.conditions .owl-dots-item,
	.conditions .owl-dots button {
		gap: calc(1300vw / var(--screen-width)) !important;
	}
	.conditions__steps-item::before,
	.conditions__steps button::before,
	.conditions .owl-dots-item::before,
	.conditions .owl-dots button::before {
		width: calc(700vw / var(--screen-width)) !important;
		height: calc(700vw / var(--screen-width)) !important;
	}
	.conditions__steps-item p,
	.conditions__steps-item span,
	.conditions__steps button p,
	.conditions__steps button span,
	.conditions .owl-dots-item p,
	.conditions .owl-dots-item span,
	.conditions .owl-dots button p,
	.conditions .owl-dots button span {
		font-size: calc(1400vw / var(--screen-width)) !important;
	}
	.conditions__content-item--visible {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.conditions__item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		margin-top: calc(4600vw / var(--screen-width));
	}
	.conditions__item-info {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		border-radius: calc(2000vw / var(--screen-width));
		padding: calc(2400vw / var(--screen-width))
			calc(2000vw / var(--screen-width));
		gap: calc(2600vw / var(--screen-width));
	}
	.conditions__item-before {
		position: relative;
		top: 0;
		left: 0;
	}
	.conditions__item-before p {
		font-size: calc(1400vw / var(--screen-width));
	}
	.conditions__item-title h3 {
		font-size: calc(1800vw / var(--screen-width));
	}
	.conditions__item-desc p {
		font-size: calc(1200vw / var(--screen-width));
	}
	.conditions__item-after {
		bottom: initial;
		top: calc(2400vw / var(--screen-width));
		right: calc(2000vw / var(--screen-width));
	}
	.conditions__item-after p {
		font-size: calc(1200vw / var(--screen-width));
	}
	.conditions__item-after p b {
		font-size: calc(1400vw / var(--screen-width));
	}
	.conditions__item-img {
		min-height: calc(21900vw / var(--screen-width));
		height: calc(21900vw / var(--screen-width));
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		border-radius: calc(2000vw / var(--screen-width));
	}
	.conditions__item-img img {
		max-width: initial;
	}
	.conditions__item-footer {
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
	}
	.video .section__header.align--center {
		text-align: center;
	}
	.video__wrapper {
		margin-top: calc(4000vw / var(--screen-width));
	}
	.video__hero {
		border-radius: calc(2000vw / var(--screen-width));
		margin-bottom: calc(1200vw / var(--screen-width));
		outline-width: calc(100vw / var(--screen-width));
		height: calc(19000vw / var(--screen-width));
	}
	.video__hero::before {
		width: calc(7200vw / var(--screen-width));
		height: calc(7200vw / var(--screen-width));
	}
	.video__grid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: calc(1200vw / var(--screen-width));
	}
	.video__grid-item {
		border-radius: calc(2000vw / var(--screen-width));
		outline-width: calc(100vw / var(--screen-width));
		height: calc(19000vw / var(--screen-width));
	}
	.video__grid-item::before {
		width: calc(7200vw / var(--screen-width));
		height: calc(7200vw / var(--screen-width));
	}
	.popular .section__header {
		margin-bottom: calc(3200vw / var(--screen-width));
	}
	.popular .section__desc p {
		font-size: calc(1400vw / var(--screen-width)) !important;
	}
	.popular__slider-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: calc(2400vw / var(--screen-width));
		border-radius: calc(2000vw / var(--screen-width));
		padding: calc(1600vw / var(--screen-width));
	}
	.popular__item-img {
		border-radius: calc(2000vw / var(--screen-width));
		height: calc(46700vw / var(--screen-width));
		position: relative;
	}
	.popular__item-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		gap: calc(2000vw / var(--screen-width));
		padding: 0;
		border: 0;
	}
	.popular__item-header h3 {
		font-size: calc(2400vw / var(--screen-width));
	}
	.popular__item-time p {
		font-size: calc(1400vw / var(--screen-width));
	}
	.popular__item-btnroute {
		width: calc(3800vw / var(--screen-width));
		height: calc(3800vw / var(--screen-width));
		background: url('./assets/icons/icon_full.svg') center no-repeat;
		background-size: calc(3800vw / var(--screen-width));
		position: absolute;
		top: calc(1500vw / var(--screen-width));
		right: calc(1500vw / var(--screen-width));
		z-index: 115;
	}
	.popular__item-name {
		margin: 0;
		padding: calc(800vw / var(--screen-width))
			calc(1600vw / var(--screen-width));
	}
	.popular__item-name p {
		font-size: calc(1400vw / var(--screen-width));
	}
	.popular__item-route {
		display: none;
	}
	.popular__item-route span {
		font-size: calc(1800vw / var(--screen-width));
	}
	.popular__item-route.visible {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: calc(3000vw / var(--screen-width));
		position: fixed;
		padding: calc(2400vw / var(--screen-width))
			calc(1200vw / var(--screen-width));
		border-radius: calc(2000vw / var(--screen-width));
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #080f25;
		z-index: 160;
	}
	.popular__item-route.visible .popular__item-route--close {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: absolute;
		top: calc(2400vw / var(--screen-width));
		right: calc(1200vw / var(--screen-width));
		z-index: 170;
	}
	.popular__item-route.visible .popular__item-route--close svg {
		width: calc(2400vw / var(--screen-width));
		height: calc(2400vw / var(--screen-width));
	}
	.popular__item-column {
		gap: calc(1000vw / var(--screen-width));
		margin-top: 0;
	}
	.popular__item-column p {
		font-size: calc(1400vw / var(--screen-width));
		padding: calc(800vw / var(--screen-width))
			calc(1400vw / var(--screen-width));
	}
	.popular__item-btn {
		margin: 0;
	}
	.popular__item-btn button {
		width: 100%;
	}
	.popular .owl-dots {
		gap: calc(1000vw / var(--screen-width));
		margin-top: calc(2000vw / var(--screen-width));
	}
	.popular .owl-dots button {
		min-width: calc(600vw / var(--screen-width));
		width: calc(600vw / var(--screen-width));
		height: calc(600vw / var(--screen-width));
	}
	.sertificate__wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: calc(4000vw / var(--screen-width));
		padding: calc(2400vw / var(--screen-width))
			calc(2000vw / var(--screen-width));
	}
	.sertificate__content {
		gap: calc(3200vw / var(--screen-width));
	}
	.sertificate__content-title {
		padding-bottom: calc(1800vw / var(--screen-width));
	}
	.sertificate__content-title::after {
		width: 100%;
	}
	.sertificate__content-title h2 {
		font-size: calc(2400vw / var(--screen-width));
		line-height: 110%;
	}
	.sertificate__info {
		gap: calc(2400vw / var(--screen-width));
	}
	.sertificate__desc p {
		font-size: calc(1400vw / var(--screen-width));
		line-height: 140%;
	}
	.sertificate__img {
		margin: 0;
	}
	.footer__container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-top: calc(3200vw / var(--screen-width));
	}
	.footer__left .footer__socials {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: calc(2400vw / var(--screen-width));
	}
	.footer__link button {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		gap: calc(600vw / var(--screen-width));
		font-size: calc(3200vw / var(--screen-width));
		text-align: left;
		padding: 0;
		padding-top: calc(1000vw / var(--screen-width));
		padding-bottom: calc(1000vw / var(--screen-width));
		margin: 0;
	}
	.footer__link button svg {
		width: calc(3400vw / var(--screen-width));
		height: calc(3000vw / var(--screen-width));
	}
	.footer__info {
		max-width: calc(28700vw / var(--screen-width));
		margin-top: calc(1600vw / var(--screen-width));
	}
	.footer__info p {
		font-size: calc(1200vw / var(--screen-width));
	}
	.footer__grid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: calc(4000vw / var(--screen-width));
		margin-top: calc(4800vw / var(--screen-width));
	}
	.footer__contacts {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.footer__title {
		margin-bottom: calc(2000vw / var(--screen-width));
	}
	.footer__nav {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.footer__right {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.footer__right .footer__socials {
		display: none;
	}
	.footer__copy {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin-top: calc(3200vw / var(--screen-width));
	}
	.footer__socials {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}
	.footer__socials-item {
		width: calc(3500vw / var(--screen-width));
		height: calc(3500vw / var(--screen-width));
	}
	.footer__socials-item svg,
	.footer__socials-item img {
		width: calc(2100vw / var(--screen-width));
	}
	.footer__links {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		margin-top: 0;
		gap: calc(1000vw / var(--screen-width));
	}
	.footer__links-item {
		opacity: 1;
	}
	.popup {
		width: calc(100% - 2400vw / var(--screen-width));
		padding: calc(4800vw / var(--screen-width))
			calc(2400vw / var(--screen-width));
		border-radius: calc(2000vw / var(--screen-width));
		outline-width: calc(100vw / var(--screen-width));
	}
	.popup__title h4 {
		font-size: calc(2400vw / var(--screen-width));
	}
	.popup__desc {
		margin-top: calc(2400vw / var(--screen-width));
		margin-bottom: calc(2400vw / var(--screen-width));
	}
	.popup__desc p {
		font-size: calc(1400vw / var(--screen-width));
	}
}
form {
	position: relative;
}
form.sending::before {
	content: '';
	position: absolute;
	top: calc(-300vw / var(--screen-width));
	left: calc(-600vw / var(--screen-width));
	width: calc(100% + 600vw / var(--screen-width));
	height: calc(100% + 1200vw / var(--screen-width));
	background: rgba(0, 7, 30, 0.6);
	-webkit-backdrop-filter: blur(calc(150vw / var(--screen-width)));
	backdrop-filter: blur(calc(150vw / var(--screen-width)));
	z-index: 2;
}
form.sending::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(12800vw / var(--screen-width));
	height: calc(12800vw / var(--screen-width));
	background: url('./assets/icons/loading.svg') center no-repeat;
	background-size: contain;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 1;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	z-index: 4;
}
.section__form-result {
	display: flex;
	align-items: center;
	justify-content: center;
	grid-column: 1 / 3;
	text-align: center;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.1);
	outline: calc(200vw / var(--screen-width)) solid rgba(255, 255, 255, 0.15);
	border-radius: calc(1200vw / var(--screen-width));
	padding: calc(2400vw / var(--screen-width));
}

.section__form-result p {
	font-size: calc(1900vw / var(--screen-width));
	font-weight: 500;
}
.section__form-result p b {
	font-weight: 600;
}
.hero__slider-wrapper
	.owl-stage
	.owl-item:nth-child(11)
	.hero__gallery-img::after {
	display: none;
}
/*# sourceMappingURL=style.css.map */


.error-page__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.error-page__value {
	line-height: 75%;
 background: linear-gradient(154deg, #fff 0%, #696969 100%);
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

.footer__title .h4 {
	font-weight: 500;
 font-size: calc(2400vw / var(--screen-width));
 line-height: 130%;
 color: var(--clr-txt-white);
}

.popup__title .h4 {
	font-weight: 500;
	font-size: calc(4800vw / var(--screen-width));
	line-height: 95%;
	color: var(--clr-txt-white);
}

@media all and (max-width: 768px) {
	.popup__title .h4 {
		font-size: calc(2400vw / var(--screen-width));
	}
}


.wpcf7-spinner {
 display: none;
}
form.submitting .wpcf7-spinner {
 display: inline-block;
}

.section__form-input input.wpcf7-not-valid {
	border-color: red;
}

.wpcf7-not-valid-tip {
	font-size: 12px;
	font-weight: 400;
	position: absolute;
}

.selection__form--page {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.selection__form--page .section__form-input {
	width: 40%;
	flex: 1 1 auto;
}

.selection__form--page .section__form-input--full {
	width: 100%;
	flex: 1 1 auto;
}

.section__form-input textarea {
	width: 100%;
	max-width: 100%;
	height: 60px;
	background: none;
	outline: none;
	border: none;
	border-bottom: calc(100vw / var(--screen-width)) solid rgba(255, 255, 255, 0.1);
	font-size: calc(1600vw / var(--screen-width));
	color: var(--clr-txt-white);
}

.section__form-input p {
	width: 100%;
 border-bottom: calc(100vw / var(--screen-width)) solid rgba(255, 255, 255, 0.1);
}

.uslugi--page .uslugi__grid .uslugi__card:nth-child(1n + 7) {
	display: flex!important;
 max-height: unset;
 opacity: 1;
}

.current-menu-item > a {
	color: #ffd600;
	pointer-events: none;
	cursor: default; 
}

.current-menu-parent > a {
	color: #ffd600;
}

.content-text-block {
	color: #fffbffbf;
 font-size: 1em;
}

@media all and (min-width: 769px) {
	.footer__grid {
		grid-template-columns: repeat(3, calc(30600vw / var(--screen-width)));
	}
}

/*Скрыть капчу */
.grecaptcha-badge {
	 border: 0;
 clip: rect(1px, 1px, 1px, 1px);
 -webkit-clip-path: inset(50%);
 clip-path: inset(50%);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute;
 width: 1px;
 word-wrap: normal !important; 
}

/* Text logo — «Казань на воде» (замена SVG; те же ограничения ширины, что у .header__logo img) */
.site-brand-text {
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	color: #fff;
	max-width: calc(12900vw / var(--screen-width));
}
.site-brand-text__kz {
	display: block;
	font-weight: 800;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	line-height: 1;
	font-size: calc(3600vw / var(--screen-width));
}
.site-brand-text__rest {
	display: block;
	margin-top: calc(320vw / var(--screen-width));
	font-weight: 600;
	font-size: calc(2350vw / var(--screen-width));
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #9cd3ff;
	line-height: 1.05;
	opacity: 0.95;
}
.footer__logo .site-brand-text {
	max-width: calc(9700vw / var(--screen-width));
}
.footer__logo .site-brand-text .site-brand-text__kz {
	font-size: calc(2700vw / var(--screen-width));
}
.footer__logo .site-brand-text .site-brand-text__rest {
	font-size: calc(1880vw / var(--screen-width));
	margin-top: calc(280vw / var(--screen-width));
	color: rgba(156, 211, 255, 0.85);
}
a.header__logo {
	text-decoration: none;
	color: inherit;
	outline-offset: 2px;
}
a.header__logo:hover .site-brand-text__kz,
a.header__logo:hover .site-brand-text__rest {
	opacity: 0.9;
}
