html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{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!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

@font-face {
	font-family: 'Onest';
	src: url('/local/templates/omega_design/fonts/Onest-Thin.ttf');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Onest';
	src: url('/local/templates/omega_design/fonts/Onest-ExtraLight.ttf');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Onest';
	src: url('/local/templates/omega_design/fonts/Onest-Light.ttf');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Onest';
	src: url('/local/templates/omega_design/fonts/Onest-Regular.ttf');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Onest';
	src: url('/local/templates/omega_design/fonts/Onest-Medium.ttf');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Onest';
	src: url('/local/templates/omega_design/fonts/Onest-SemiBold.ttf');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Onest';
	src: url('/local/templates/omega_design/fonts/Onest-Bold.ttf');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Onest';
	src: url('/local/templates/omega_design/fonts/Onest-ExtraBold.ttf');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'Onest';
	src: url('/local/templates/omega_design/fonts/Onest-Black.ttf');
	font-weight: 900;
	font-style: normal;
}

:root {
  --px1: 0.05vw;
  --px2: 0.1vw;
  --px3: 0.16vw;
  --px4: 0.21vw;
  --px5: 0.26vw;
  --px6: 0.31vw;
  --px7: 0.36vw;
  --px8: 0.42vw;
  --px9: 0.47vw;
  --px10: 0.52vw;
  --px11: 0.57vw;
  --px12: 0.63vw;
  --px13: 0.68vw;
  --px14: 0.73vw;
  --px15: 0.78vw;
  --px16: 0.83vw;
  --px17: 0.89vw;
  --px18: 0.94vw;
  --px19: 0.99vw;
  --px20: 1.04vw;
  --px21: 1.09vw;
  --px22: 1.15vw;
  --px23: 1.2vw;
  --px24: 1.25vw;
  --px25: 1.3vw;
  --px26: 1.35vw;
  --px27: 1.41vw;
  --px28: 1.46vw;
  --px29: 1.51vw;
  --px30: 1.56vw;
  --px31: 1.61vw;
  --px32: 1.67vw;
  --px33: 1.72vw;
  --px34: 1.77vw;
  --px35: 1.82vw;
  --px36: 1.88vw;
  --px37: 1.93vw;
  --px38: 1.98vw;
  --px39: 2.03vw;
  --px40: 2.08vw;
  --px41: 2.14vw;
  --px42: 2.19vw;
  --px43: 2.24vw;
  --px44: 2.29vw;
  --px45: 2.34vw;
  --px46: 2.4vw;
  --px47: 2.45vw;
  --px48: 2.5vw;
  --px49: 2.55vw;
  --px50: 2.6vw;
  --px51: 2.66vw;
  --px52: 2.71vw;
  --px53: 2.76vw;
  --px54: 2.81vw;
  --px55: 2.86vw;
  --px56: 2.92vw;
  --px57: 2.97vw;
  --px58: 3.02vw;
  --px59: 3.07vw;
  --px60: 3.13vw;
  --px61: 3.18vw;
  --px62: 3.23vw;
  --px63: 3.28vw;
  --px64: 3.33vw;
  --px65: 3.39vw;
  --px66: 3.44vw;
  --px67: 3.49vw;
  --px68: 3.54vw;
  --px69: 3.59vw;
  --px70: 3.65vw;
  --px71: 3.7vw;
  --px72: 3.75vw;
  --px73: 3.8vw;
  --px74: 3.85vw;
  --px75: 3.91vw;
  --px76: 3.96vw;
  --px77: 4.01vw;
  --px78: 4.06vw;
  --px79: 4.11vw;
  --px80: 4.17vw;
  --px81: 4.22vw;
  --px82: 4.27vw;
  --px83: 4.32vw;
  --px84: 4.38vw;
  --px85: 4.43vw;
  --px86: 4.48vw;
  --px87: 4.53vw;
  --px88: 4.58vw;
  --px89: 4.64vw;
  --px90: 4.69vw;
  --px91: 4.74vw;
  --px92: 4.79vw;
  --px93: 4.84vw;
  --px94: 4.9vw;
  --px95: 4.95vw;
  --px96: 5vw;
  --px97: 5.05vw;
  --px98: 5.1vw;
  --px99: 5.16vw;
  --px100: 5.21vw;
}

.flex{
	display: flex;
}
.column-flex{
	flex-direction: column;
}
.row-flex{
	flex-direction: row;
	flex-wrap: wrap;
}
body{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
section{
	margin-bottom: var(--px80);
}
.content{
	width: 89vw;
	margin: 0 auto;
}
img, 
video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next, 
.swiper-element .swiper-button-prev,
.swiper-element .swiper-button-next{
	user-select: none;
	position: relative;
	top: unset;
	left: unset;
	right: unset;
	bottom: unset;
	margin: 0!important;
	cursor: pointer;
	background: transparent;
    color: transparent;
	*{
		cursor: pointer;
	}
}
.swiper .swiper-button-prev:after,
.swiper .swiper-button-next:after,
.swiper-element .swiper-button-prev:after,
.swiper-element .swiper-button-next:after{
	display: none;
}
#bx-panel{
	opacity: 0.2;
	transition: .2s;
}
#bx-panel:hover{
	opacity: 1;
}
/* __________________________________________________________  АНИМАЦИИ ____________________________________________________________ */
.animation-text{
	transform: translatey(40px);
	opacity: .3;
	transition: .6s;
}
.animation-text.active-an{
	transform: translatey(0);
	opacity: 1;
}
.animation{
	scale: 0.8;
	opacity: 0;
	transition: .8s;
}
.animation:nth-child(2n){
	transition-delay: .3s;
}
.animation:nth-child(3n){
	transition-delay: .153s;
}
.animation.active-an{
	scale: 1;
	opacity: 1;
}
/* __________________________________________________________  ТЕКСТ ____________________________________________________________ */
body, a, p, input, bdi, del, span, label, div, li, ul, ol, textarea, select, option, h1, h2, h3, h4, h5{
	font-family: "Onest", sans-serif;
	line-height: 120%;
	font-variant: lining-nums;
	color: #2E2E2E;
	text-decoration-thickness: from-font!important;
	font-size: var(--px18);
}
.wyswyg *:not(h3):not(h4):not(h1):not(h2):not(h5){
	font-size: inherit;
}
.wyswyg b,
.wyswyg strong{
    font-weight: 600;
}
.wyswyg ul{
	list-style: disc;
    margin-left: 16px;
}
.wyswyg ul li{
    list-style: disc;
	margin-left: 16px;
}
.wyswyg ol{
	list-style: decimal;
    margin-left: 16px;
}
.wyswyg ol li{
    list-style: decimal;
	margin-left: 16px;
}
.wyswyg i{
    font-style: italic;
}
.wyswyg u{
    text-decoration: underline;
}
.wyswyg a{
	text-decoration: underline;
	transition: .3s;
}
.wyswyg a:hover{
	color: #15819A;
}
.wyswyg table,
.wyswyg td,
.wyswyg th{
	border: 1px solid black;
}
.wyswyg td,
.wyswyg th{
	padding: 5px;
}
.text-justify{
	text-align: justify;
}
a{
	text-decoration: none;
}
h1, .h1{
	font-size: var(--px60);
}
h2, .h2{
	font-size: var(--px42);
}
h3, .h3{
	font-size: var(--px24);
}
.text{
	font-size: var(--px18);
}
.small-text{
	font-size: var(--px14);
}
.weight100{
	font-weight: 100;
}
.weight200{
	font-weight: 200;
}
.weight300{
	font-weight: 300;
}
.weight400{
	font-weight: 400;
}
.weight500{
	font-weight: 500;
}
.weight600{
	font-weight: 600;
}
.weight700{
	font-weight: 700;
}
.weight800{
	font-weight: 800;
}
.weight900{
	font-weight: 900;
}
/* __________________________________________________________  МОДАЛЬНЫЕ ОКНА ____________________________________________________________ */
.modal {
	display: none; 
	position: fixed; 
	z-index: 999; 
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%; 
	overflow: auto;
	background-color: rgba(0,0,0,0.6);
	transition: .4s;
	opacity: 0;
	justify-content: center;
	align-items: center;
	scrollbar-gutter: stable;
	padding: 20px 0px;
}
.modal::-webkit-scrollbar {
	width: 0;       
}
.modal-content {
	width: 40.62vw;
	background-color: #FFFFFF;
	border-radius: 40px;
	margin: auto;
	position: relative;
	padding: var(--px60);
	gap: var(--px40);
}
.close{
	position: absolute;
	top: var(--px20);
	right: var(--px20);
	width: var(--px20);
	height: var(--px20);
	cursor: pointer;
}
.close rect{
	transition: .3s;
}
.close:hover rect{
	fill: #00495D;
}
/* __________________________________________________________ ПОИСК __________________________________________________________ */
.search-page{
	gap: var(--px40);
}
.search-page-content{
	gap: var(--px60);
}
.search-page-content form{
	gap: var(--px16);
}
.search-input-box{
	flex-wrap: nowrap;
	gap: var(--px40);
}
.search-input-box .search-input-tag{
    background: white;
}
.search-page-result{
	gap: var(--px20) var(--px40);
}
.search-page-result a{
	width: calc(50% - var(--px40) / 2);
	gap: var(--px25);
	background: white;
	border-radius: 30px;
	align-items: center;
	padding: var(--px20) var(--px40);
	transition: .6s;
}
.search-page-result a:hover{
	background: #00495D;
	color: white;
}
/* __________________________________________________________  КНОПКА ____________________________________________________________ */
.btn-white{
	display: flex;
	padding-left: var(--px30);
	gap: var(--px42);
	border-radius: 60px;
	background: #FFFFFF;
	box-shadow: 0px 0px 14px 0px #0000004D;
	cursor: pointer;
	border: 0;
	outline: 0;
	line-height: 1;
	transition: .4s;
	align-items: center;
	position: relative;
	overflow: clip;
	justify-content: space-between;
}
.btn-white p{
	transition: .5s;
	z-index: 1;
}
.btn-white svg{
	z-index: 1;
	width: var(--px48);
	height: var(--px48);
}
.btn-white:hover p{
	color: white;
}
.btn-white::before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 60px;
	background: #60AEC0;
	display: flex;
	width: 0%;
	height: 100%;
	z-index: 0;
	transition: .5s;
	box-shadow: -2px 0px 8px 4px #60aec0;
}
.btn-white:hover::before{
	width: 100%;
}
.btn-blue,
input[type="submit"]{
	padding: var(--px12) var(--px30);
	box-shadow: 0px 0px 14px 0px #00495D26;
	background: #60AEC0;
	border-radius: 60px;
	cursor: pointer;
	position: relative;
	overflow: clip;
	display: flex;
	transition: .5s;
	color: white;
	line-height: 1;
	text-align: center;
	border: 0;
}
input[type="submit"]:hover{
	background: #00495D;
}
.btn-blue p{
	z-index: 1;
	color: white;
	line-height: 1;
	text-align: center;
}
.btn-blue::before{
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	border-radius: 60px;
	background: #00495D;
	display: flex;
	width: 0%;
	height: 100%;
	z-index: 0;
	transition: .5s;
	box-shadow: -2px 0px 8px 4px #00495D00;
}
.btn-blue:hover::before{
	width: 100%;
	box-shadow: -2px 0px 8px 4px #00495D;
}
/* __________________________________________________________  ИНПУТЫ ____________________________________________________________ */
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"],
textarea,
select{
	width: 100%;
	background: #F3F3F3;
	border-radius: var(--px4);
	outline: 0;
	padding: var(--px12) var(--px20);
	font-size: var(--px18);
	border: 1px solid #60AEC000;
	cursor: text;
	transition: .3s;
}
input[type="text"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
textarea:hover,
select:hover,
input[type="text"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="number"]:focus-visible,
input[type="email"]:focus-visible,
textarea:focus-visible,
select:focus-visible{
	border: 1px solid #60AEC0;
}
textarea{
	resize: none;
}
input[type=checkbox],
input[type=radio]{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #60AEC000;
	border-radius: 4px;
	background: #F3F3F3;
	width: var(--px24);
	min-width: var(--px24);
	height: var(--px24);
	outline: 0;
	position: relative;
	transition: .3s;
	margin: 0px;
	cursor: pointer;
}
input[type=checkbox]:hover,
input[type=radio]:hover,
input[type=checkbox]:focus-visible,
input[type=radio]:focus-visible{
	border: 1px solid #60AEC0;
}
input[type=checkbox]:after,
input[type=radio]:after {
	content: "";
	width: 0vw;
	height: 0vw;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 2px;
	transform: translate(-50%, -50%);
	opacity: 1;
	transition: .3s;
	background: #EDE1D200;
}
input[type=checkbox]:checked:after,
input[type=radio]:checked:after{
	width: var(--px18);
	height: var(--px18);
	background: #60AEC0;
}
/* __________________________________________________________  ФОРМЫ ____________________________________________________________ */
.all-form form{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--px16) var(--px20);
}
.all-form form label{
	color: #2E2E2E;
	line-height: 1;
}
.about-faq-form .all-form form label{
	color: #ffffff;
}
.all-form .form-row{
	gap: var(--px10);
	width: 100%;
}
.all-form .form-row:has(input[type="checkbox"]){
	order: 1;
	transform: translateY(calc(-1 * var(--px4)));

	.form-field{
		display: flex;
		gap: var(--px12);
		align-items: center;
	}
	label{
		font-size: var(--px14);
		a{
			font-size: var(--px14);
			color: #2E2E2E;
			transition: .3s;
			text-decoration: underline;
			text-decoration-color: #2E2E2E;
		}
		a:hover{
			text-decoration-color: transparent;
		}
	}
}
.about-faq-form .all-form .form-row:has(input[type="checkbox"]){
	label{
		a{
			color: #ffffff;
			text-decoration-color: #ffffff;
		}
	}
}
.all-form form input[type="submit"]{
	margin-top: var(--px4);
	width: 100%;
	border: 1px solid #60AEC0;
}
.all-form .form-errors{
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 20vw;
	background: white;
	border: 1px solid #60AEC0;
	border-radius: 20px;
	padding: var(--px20);
	z-index: 99;
	animation: hideNote 10s forwards;
	.errortext{
		font-size: var(--px14);
	}
	
}
.all-form .form-note {
	position: fixed;
	top: 0;
	left: 0;
	background: #00000045;
	justify-content: center;
	align-items: center;
	transition: .3s;
	width: 100%;
    height: 100%;
	z-index: 99;
  animation: hideNote 10s forwards;
}
@keyframes hideNote {
  0% {
    opacity: 1;
    pointer-events: auto;
  }
  97%{
	opacity: 1;
    pointer-events: auto;
  }
  100% {
    opacity: 0;
    pointer-events: none;
  }
}
.all-form .form-note.active{
	opacity: 0;
	pointer-events: none;
 animation: hideNoteActive .3s forwards;
}
@keyframes hideNoteActive {
  0% {
    opacity: 1;
    pointer-events: auto;
  }
  100% {
    opacity: 0;
    pointer-events: none;
  }
}
.all-form .form-note-content{
	width: 27%;
	padding: var(--px80) calc(var(--px100) + var(--px30));
	gap: var(--px20);
	position: relative;
	background: white;
	border-radius: 30px;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.all-form .form-note-content svg{
	cursor: pointer;
	width: var(--px32);
	height: var(--px32);
	position: absolute;
	top: var(--px18);
	right: var(--px18);
	transition: .3s;
}
.all-form .form-note-content svg:hover{
	transform: scale(1.05);
}
/* __________________________________________________________  ШАПКА ____________________________________________________________ */
.header-arzhs{
	position: fixed;
	top: 0;
	left: 0;
	background: #F4F4F4;
	width: 100%;
	z-index: 99;
    box-shadow: 4px 0px 20px 0px #00495D29;
}
.burger-btn{
	display: none;
}
.header-content{
    gap: var(--px60);
    padding: var(--px20) 0;
	justify-content: space-between;
}
.header-logo-box{
    align-items: center;
    gap: var(--px18);
}
.header-logo{
    width: calc(var(--px100) + var(--px8));
    height: var(--px80);
	img{
		object-fit: contain;
	}
}
.header-logo-box p{
	font-size: var(--px20);
	line-height: var(--px28);
	width: calc(var(--px100) * 3 + var(--px90));
}
.header-right{
	gap: var(--px24);
}
.header-info-box{
	gap: var(--px15);
	align-items: end;
}
.header-contact{
	gap: var(--px58);
	align-items: center;
}
.header-contact-item{
	gap: var(--px6);
	align-items: center;
}
.header-contact-item svg{
	min-width: var(--px18);
	width: var(--px18);
	height: var(--px18);
}
.header-contact-item p{
	font-size: var(--px14);
}
a.header-contact-item p{
	transition: .3s;
	text-decoration: underline;
	text-decoration-color: #2E2E2E00;
	cursor: pointer;
}
a.header-contact-item:hover p{
	color: #15819A;
}
.header-nav-box{
	gap: var(--px50);
	align-items: center;
}
.header-nav{
	gap: var(--px46);
	justify-content: space-between;
	align-items: center;
}
.header-nav a{
	font-size: var(--px20);
	transition: .3s;
	text-decoration: underline;
	text-decoration-color: #2E2E2E00;
	cursor: pointer;
}
.header-nav a:hover{
	color: #15819A;
}
.header-search{
	border: 1px solid #838383;
	border-radius: 4px;
	width: calc(var(--px100) * 2 + var(--px52));
	overflow: clip;
}
.header-search svg{
	min-width: calc(var(--px16) + var(--px20) + var(--px5));
	width: calc(var(--px16) + var(--px20) + var(--px5));
	height: calc(var(--px16) + var(--px16) + var(--px16));
	padding: var(--px16) var(--px5) var(--px16) var(--px20);
	cursor: pointer;
}
.header-search svg path{
	transition: .4s;
}
.header-search svg:hover path{
	fill:#15819A;
}
.header-search div{
	width: calc(100% - (var(--px16) + var(--px20) + var(--px5)));
}
.header-search input{
	width: 100%;
	height: calc(var(--px16) + var(--px16) + var(--px16));
	border: 0!important;
	outline: 0!important;
	background: transparent!important;
	padding: 0 var(--px20) 0 var(--px5);
	font-size: var(--px20);
}
.title-search-result:has(.header-search-result){
	background: white;
	border: 1px solid #838383;
	border-radius: 4px;
	width: calc(var(--px100) * 2 + var(--px52));
	min-width: calc(var(--px100) * 2 + var(--px52));
	overflow: clip;
	padding: var(--px20);
	transform: translateY(var(--px10)) translateX(calc(-1 * (var(--px16) + var(--px20) + var(--px5))));
	background: #F4F4F4;
    box-shadow: 4px 0px 20px 0px #00495D29;
}
.header-search-result{
	gap: var(--px14);
}
.header-search-result a{
	font-size: var(--px16);
	transition: .3s;
	text-decoration: underline;
	text-decoration-color: #2E2E2E00;
	cursor: pointer;
}
.header-search-result a:hover{
	color: #15819A;
}
.header-gerb{
	min-width: var(--px72);
	width: var(--px72);
	height: var(--px88);
	img{
		object-fit: contain;
	}
}
/* __________________________________________________________  ПОДВАЛ ____________________________________________________________ */
.footer{
	background: #FFFFFF;
	box-shadow: -4px 0px 20px 0px #00495D29;
	padding: var(--px42) 0;
	margin-top: auto;
}
.footer-content{
	gap: var(--px100);
	justify-content: space-between;
}
.footer-img{
	width: calc(var(--px100) * 3 + var(--px55));
	height: calc(var(--px100) * 1 + var(--px15));
	img{
		object-fit: contain;
		object-position: left;
	}
}
.footer-gerb{
	display: none;
}
.footer-nav{
	width: max-content;
	max-width: calc(100% - 355px);
	gap: var(--px10);
	align-items: end;
	text-align: end;
}
.footer-nav a{
	transition: .3s;
	text-decoration: underline;
	text-decoration-color: #2E2E2E00;
	cursor: pointer;
}
.footer-nav a:hover{
	color: #15819A;
}
/* __________________________________________________________  ГЛАВНАЯ ____________________________________________________________ */
body{
	background: #F3F3F3;
}
main{
	background: #F3F3F3;
	padding-top: calc(var(--px100) + var(--px30));
}
section:has(.banner-swiper){
	overflow-x: clip;
	overflow-y: visible;
	margin-top: var(--px100);
}
.banner-swiper{
	height: calc(var(--px100) * 6 + var(--px20));
	overflow: visible;
}
.banner-swiper .swiper-slide{
	background: #a4a4a4;
	border-radius: 30px;
	width: 66%;
	box-shadow: 0px 0px 6px 0px #00000033;
	padding: var(--px72) var(--px50) var(--px42) var(--px50);
	z-index: -3;
	transition: .4s;
	margin: auto;
	overflow: visible;
	background-size: cover;
	background-position: right;
}
.banner-swiper .swiper-slide-active .banner-swiper-descr,
.banner-swiper .swiper-slide-active .banner-swiper-content h1,
.banner-swiper .swiper-slide-active .banner-swiper-content h2,
.banner-swiper .swiper-slide-active .banner-swiper-img,
.banner-swiper .swiper-slide-active .banner-swiper2-text{
	opacity: 1;
	transition-delay: .4s;
	pointer-events: all;
}
.banner-swiper .swiper-slide-active .banner-swiper-content>h3{
	opacity: 0;
}
.banner-swiper .swiper-slide:first-child{
	z-index: 0;
}
.banner-swiper .swiper-slide-active{
	z-index: 0;
}
.banner-swiper .swiper-slide-next{
	width: calc(33% / 2 + 100px);
	transform: translateX(-100px);
	padding-left: 100px;
	height: 90%;
    z-index: -1;
}
.banner-swiper .swiper-slide-next + .swiper-slide{
	width: calc(33% / 2 + 100px);
	transform: translateX(-200px);
	padding-left: 100px;
	height: 80%;
    z-index: -2;
}
.banner-swiper .swiper-slide-prev{
	transform: translateX(-20vw);
}
.swiper.banner-swiper .swiper-button-next {
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    left: calc(66% + var(--px20));
	width: var(--px50);
	height: var(--px50);
	transition: .5s;
}
.swiper.banner-swiper .swiper-button-next:hover{
	width: var(--px60);
	height: var(--px60);
}
.swiper.banner-swiper .swiper-button-prev {
	display: none;
}
.banner-swiper-img{
	width: 100%;
	height: calc(var(--px100) * 3 + var(--px54));
	opacity: 0;
	transition: .5s;
	pointer-events: none;
	img{
		object-fit: contain;
	}
}
.banner-swiper-content{
	gap: var(--px48);
	align-items: end;
	flex-wrap: nowrap;
	margin-top: auto;
}
.banner-swiper-content h1,
.banner-swiper-content h2{
	width: calc(50% - var(--px48) / 2);
	color: white;
	opacity: 0;
	transition: .5s;
	pointer-events: none;
}
.banner-swiper-content h2:not(.h1){
	width: 100%;
}
.banner-swiper-content>.btn-white{
	min-width: max-content;
}
.banner-swiper-content>h3{
	opacity: 1;
	transition: .5s;
	color: white;
	position: absolute;
	bottom: var(--px40);
	left: calc(100px + var(--px40));
	right: var(--px40);
}
.banner-swiper-descr{
	width: calc(50% - var(--px48) / 2);
	gap: var(--px30);
	align-items: end;
	text-align: end;
	opacity: 0;
	transition: .5s;
	pointer-events: none;
}
.banner-swiper-content:has(h2:not(.h1)) .banner-swiper-descr{
	width: max-content;
}
.banner-swiper-descr h3{
	color: white;
}
.banner-swiper2 .swiper-slide{
	background: #60AEC0;
	padding: 0;
	overflow: clip;
}
.banner-swiper2 .banner-swiper-img2{
	width: 100%;
	height: 100%;
}
.banner-swiper .swiper-slide-active .banner-swiper-img2{
	opacity: 1!important;
}
.banner-swiper2-text{
	opacity: 0;
	pointer-events: none;
	transition: .5s;
	position: absolute;
	padding: var(--px40);
	padding-top: 0;
	bottom: 0;
	left: 0;
	gap: var(--px20);
	width: 100%;
	background-color: #0000006b;
	box-shadow: 0px -40px 30px 20px #0000006b;	
}
.banner-swiper2-text *{
	color: white;
}
.home-about{
	gap: var(--px40);
}
.home-about-content{
	gap: var(--px48);
}
.home-about-text{
	width: calc(50% - var(--px48) / 2);
	gap: var(--px40);
}
.home-about-text .h3{
	line-height: var(--px32);
	font-size: var(--px22);
}
.home-about-text .btn-white{
	width: max-content;
}
.home-about-img{
	box-shadow: 0px 0px 4px 0px #00000040;
	border-radius: 30px;
	overflow: clip;
	width: calc(50% - var(--px48) / 2);
	height: calc(var(--px100) * 5 + var(--px99));
	letter-spacing: 0.5px;
}
.home-map{
	position: relative;
	border-radius: 30px;
	overflow: clip;
	background: #294D3F;
	height: calc(var(--px100) * 7 + var(--px78));
	img{
		object-position: left;
	}
}
.home-map img:last-child{
	display: none;
}
.home-map-info{
	position: absolute;
	width: calc(var(--px100) * 4 + var(--px33));
	top: var(--px60);
	left: var(--px60);
	br{
		display: none;
	}
}
.home-map-info p{
	color: white;
	font-size: var(--px28);
	width: 100%;
    height: max-content;
}
.home-map-info svg{
	width: calc(var(--px100) * 5 + var(--px41));
	height: max-content;
	transform: translateX(calc(-1 * var(--px60)));
}
.home-map-info svg g:nth-child(2){
	transform: translate(var(--px33), var(--px32));
	transition: 1s;
}
.home-map-info svg g.active-an,
.home-map-info svg:hover g:nth-child(2){
	transform: translate(0, 0);
}
.home-citata{
	padding: var(--px30) calc(var(--px100) + var(--px80)) 0 calc(var(--px100) + var(--px80));
	border-radius: 30px;
	overflow: clip;
	background-color: #FFFFFF;
	gap: calc(var(--px100) + var(--px80));
	align-items: center;
	min-height: calc(var(--px100) * 5 + var(--px90));
	position: relative;
}
.home-citata * {
    z-index: 1;
}
.home-citata-img-back{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 50%;
	min-width: max-content;
	z-index: 0;
}
.home-citata-text{
	width: calc(100% - calc(var(--px100) * 4 + var(--px16)) - calc(var(--px100) + var(--px80)));
	gap: var(--px90);
}
.home-citata-box{
	flex-wrap: nowrap;
}
.home-citata-item{
	min-width: 100%;
	transition: .8s;
	font-size: var(--px36);
	opacity: 0;
}
.home-citata-item.active{
	opacity: 1;
}
.home-citata-autor{
	gap: var(--px10);
}
.home-citata-img{
	width: calc(var(--px100) * 4 + var(--px16));
	height: calc(var(--px100) * 5 + var(--px90));
	img{
		object-fit: contain;
		object-position: bottom;
	}
}
.home-news{
	gap: var(--px30);
}
.home-news-box{
	gap: var(--px20);
}
.home-news-item{
	position: relative;
	background: white;
	border-radius: 12px;
	padding: var(--px30) calc(var(--px100) + var(--px50)) var(--px30) var(--px30);
	gap: var(--px12);
	box-shadow: 0px 0px 5px 2px #00000000;
}
.home-news-item.animation.active-an,
.home-news-item.animation.active-an:hover{
	transition-delay: 0s;
}
.home-news-item:hover{
	background-color: #ECF7FA;
}
.home-news-date{
	position: absolute;
	top: 0;
	right: 0;
	padding: var(--px12);
	border-radius: 12px;
	background: #00495D;
	color: white;
}
.home-news .btn-blue{
	width: max-content;
	margin: 0 auto;
}
/* __________________________________________________________  О НАС ____________________________________________________________ */
.hleb{
	padding: var(--px30) 0 var(--px58) 0;
	gap: 4px;
}
.hleb a{
	transition: .4s;
}
.hleb a:hover{
	color: #15819A;
}
.about-banner{
	width: 100%;
	position: relative;
	height: calc(var(--px100) * 8 + var(--px34));
	background: #00495D;
	overflow: clip;
}
.about-banner .hleb{
	padding: 0;
	position: absolute;
	top: var(--px30);
	left: 5.5vw;
	right: 5.5vw;
	p,a{
		color: white;
	}
}
.about-banner h1{
	left: 5.5vw;
	right: 5.5vw;
	bottom: var(--px40);
	color: white;
	position: absolute;
}
.about-advantages{
	gap: var(--px40);
	position: relative;
}
.about-advantages-content{
	width: calc(67.5% - var(--px40) / 2);
	background: white;
	border-radius: 30px;
	padding: var(--px60);
	gap: var(--px40);
}
.about-advantages-title{
	gap: var(--px20);
}
.about-advantages-title h2{
	padding-right: calc(var(--px100) * 2 + var(--px94));
}
.about-advantages-title h3{
	padding-right: calc(var(--px100) + var(--px69));
}
.about-advantages-box{
	border-top: 2px solid #F3F3F3;
}
.about-advantages-box h3{
	padding: var(--px30);
	border-bottom: 2px solid #F3F3F3;
}
.about-advantages-form{
	width: calc(32.5% - var(--px40) / 2);
	padding: var(--px50);
	gap: var(--px30);
	top: calc(var(--px100) + var(--px30) + var(--px20));
	right: 0;
	position: sticky;
	height: max-content;
	border-radius: 30px;
	overflow: clip;
	background-image: url(/local/templates/omega_design/images/about_adv_back.png);
	background-size: cover;
	background-position: center;
	h3{
		color: white;
	}
	.btn-white{
		width: max-content;
	}
}
.about-citata{
	border-radius: 30px;
	overflow: clip;
	background-image: url(/local/templates/omega_design/images/about_citata.png);
	background-size: cover;
	background-position: center;
	padding: calc(var(--px100) + var(--px40)) calc(var(--px100) * 2 + var(--px5)) calc(var(--px100) + var(--px16)) calc(var(--px100) * 2 + var(--px5));
	gap: var(--px40);
}
.about-citata-box{
	padding: 0 var(--px48);
	flex-wrap: nowrap;
}
.about-citata-item{
	min-width: 100%;
	transition: .8s;
	opacity: 0;
	color: white;
	text-align: center;
}
.about-citata-item.active{
	opacity: 1;
}
.about-citata-autor{
	align-items: flex-end;
	gap: var(--px6);
}
.about-citata-autor p{
	color: white;
}
.about-other{
	gap: var(--px30);
}
.about-other-box{
	gap: var(--px40);
}
.about-other-item{
	width: calc(33.33% - var(--px40) * 2 / 3);
	padding: var(--px60) var(--px40);
	background: white;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	gap: var(--px40);
}
.about-other-item:first-child{
	padding-right: var(--px60);
	flex-wrap: nowrap;
}
.about-other-logo{
	min-width: calc(var(--px100) + var(--px68));
	width: calc(var(--px100) + var(--px68));
	height: calc(var(--px100) + var(--px30));
	img{
		object-fit: contain;
	}
}
.about-faq{
	gap: var(--px40);
}
.about-faq-title{
	gap: var(--px60);
	align-items: center;
}
.about-faq-title .btn-white{
	transition: .3s;
}
.about-faq-title .btn-white.active{
	opacity: 0;
	pointer-events: none;
}
.about-faq-content{
	gap: var(--px40);
	max-height: 0;
	overflow: clip;
	transition: .8s;
}
.about-faq-box{
	width: calc(67.5% - var(--px40) / 2);
	gap: var(--px20);
}
.about-faq-item{
	width: 100%;
	background: white;
	border-radius: 30px;
	padding: var(--px30) var(--px40);
}
.about-faq-btn{
	gap: var(--px50);
	align-items: center;
	flex-wrap: nowrap;
	cursor: pointer;
}
.about-faq-btn h3{
	transition: .4s;
}
.about-faq-btn:hover h3,
.about-faq-btn.active h3{
	color: #15819A;
}
.about-faq-btn svg{
	min-width: var(--px63);
	width: var(--px63);
	height: var(--px63);
	transform: rotate(45deg);
	transition: .4s;
}
.about-faq-btn.active svg{
	transform: rotate(0deg);
}
.about-faq-text{
	transition: .6s;
	max-height: 0;
	overflow: clip;
	padding-right: var(--px100);
}
.about-faq-text.active{
	margin-top: var(--px30);
}
.about-faq-form{
	width: calc(32.5% - var(--px40) / 2);
	height: max-content;
	background: #00495D;
	padding: var(--px50) var(--px50) var(--px46) var(--px50);
	border-radius: 10px;
	gap: var(--px30);
}
.about-faq-form h3{
	padding-right: var(--px82);
	color: white;
}
/* __________________________________________________________  НОВОСТИ ____________________________________________________________ */
.news{
	gap: var(--px30);
}
.news-content{
	gap: var(--px40);
}
.news-filter-mobile{
	display: contents;
}
.news-filter-mobile-btn{
	display: none;
}
.news-filter{
	width: calc(25% - var(--px40) / 2);
	border-radius: 12px;
	background: white;
	height: max-content;
	gap: var(--px9);
}
.news-filter a{
	padding: var(--px15);
	border-radius: 12px;
	width: 100%;
	transition: .4s;
	text-align: center;
	cursor: pointer;
}
.news-filter a:hover,
.news-filter a.active,
.news-filter:not(:has(.active)) a:first-child{
	background: #60AEC0;
	color: white;
}
.news-filter a.active,
.news-filter:not(:has(.active)) a:first-child{
	pointer-events: none;
}
.news:has(.news-filter) .news-box{
	width: calc(75% - var(--px40) / 2);
}
.news-box{
	gap: var(--px20);
}
.news-item{
	position: relative;
	background: white;
	border-radius: 12px;
	padding: var(--px30) calc(var(--px100) + var(--px50)) var(--px30) var(--px30);
	gap: var(--px12);
	box-shadow: 0px 0px 5px 2px #00000000;
}
.news-item.animation.active-an,
.news-item.animation.active-an:hover{
	transition-delay: 0s;
}
.news-item:hover{
	background-color: #ECF7FA;
}
.news-date{
	position: absolute;
	top: 0;
	right: 0;
	padding: var(--px12);
	border-radius: 12px;
	background: #00495D;
	color: white;
}
.news .btn-blue{
	width: max-content;
	margin: 0 auto;
}
.news-detail{
	gap: var(--px30);
}
.news-detail h1{
	width: calc(100% - var(--px40) - (var(--px100) * 5 + var(--px47)));
}
.news-detail-content{
	gap: var(--px40);
}
.news-detail-text{
	gap: var(--px20);
	width: calc(100% - var(--px40) - (var(--px100) * 5 + var(--px47)));
}
.news-detail-text .wyswyg{
	text-indent: var(--px60);
}
.news-detail-text .wyswyg li{
	text-indent: 0;
}
.news-detail-content:not(:has(.news-detail-img)) .news-detail-text,
.news-detail:not(:has(.news-detail-img)) h1{
	width: 100%;
}
.news-detail-text>p{
	color: #9F9F9F;
}
.news-detail-img{
	width: calc(var(--px100) * 5 + var(--px47));
	height: calc(var(--px100) * 4 + var(--px5));
	border-radius: 10px;
	overflow: clip;
}
/* __________________________________________________________  ДОКУМЕНТЫ  ____________________________________________________________ */
.docs{
	gap: var(--px30);
}
.docs-box{
	gap: var(--px20) var(--px40);
}
.docs-item{
	width: calc(50% - var(--px40) / 2);
	display: flex;
	padding-left: var(--px26);
	gap: var(--px40);
	border-radius: 60px;
	background: #FFFFFF;
	cursor: pointer;
	border: 0;
	outline: 0;
	line-height: 1;
	transition: .4s;
	align-items: center;
	position: relative;
	overflow: clip;
	justify-content: space-between;
}
.docs-item p{
	transition: .5s;
	z-index: 1;
	padding: var(--px24) 0;
	text-wrap: nowrap;
	overflow: auto;
}
.docs-item p::-webkit-scrollbar {
	width: 0;
	height: 0;
	background: transparent;
}
.docs-item p::-webkit-scrollbar-track {
	width: 0;
	height: 0;
	background: transparent;
}
.docs-item p::-webkit-scrollbar-thumb {
	width: 0;
	height: 0;
	background: transparent;
}
.docs-item p::-webkit-scrollbar-button {
	width: 0;
	height: 0;
	background: transparent;
}

.docs-item svg{
	z-index: 1;
	width: var(--px80);
	height: var(--px80);
	min-height: 100%;
	min-width: max-content;
}
.docs-item:hover p{
	color: white;
}
.docs-item::before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 60px;
	background: #60AEC0;
	display: flex;
	width: 0%;
	height: 100%;
	z-index: 0;
	transition: .6s;
	box-shadow: -2px 0px 8px 4px #60aec0;
}
.docs-item:hover::before{
	width: 100%;
}
/* __________________________________________________________  КОНТАКТЫ  ____________________________________________________________ */
.contact{
	gap: var(--px30);
}
.contact-box{
	gap: var(--px30) var(--px40);
}
.contact-top{
	background: #FFFFFF;
	border-radius: 30px;
	width: 100%;
	gap: var(--px40);
	align-items: center;
}
.contact-link{
	width: calc(50% - var(--px40) / 2);
	gap: var(--px30);
	border-radius: 30px;
	overflow: clip;
	background-image: url(/local/templates/omega_design/images/contact_back.png);
	background-color: #00495D;
	background-size: cover;
	background-position: center;
	justify-content: center;
	height: 100%;
	padding: var(--px76) calc(var(--px100) * 2 + var(--px40)) var(--px76) var(--px70);
}
.contact-link .h2{
	color: white;
	transition: .4s;
	text-decoration: underline;
	text-decoration-color: #FFFFFF00;
}
.contact-link a:hover{
	text-decoration-color: #FFFFFF;
}
.contact-form{
	padding: var(--px80) var(--px40) var(--px52) 0;
	width: calc(50% - var(--px40) / 2);
	gap: var(--px30);
	/* height: calc(var(--px100) * 2 + var(--px40)); */
	justify-content: center;
}
.contact-form .all-form form {
    align-items: end;
    justify-content: end;
}
.contact-form .all-form .form-row,
.contact-form .all-form form input[type="submit"]{
	width: calc(50% - var(--px20) / 2);
	height: max-content;
}
.contact-form .all-form .form-row:has(input[type="checkbox"]) {
    width: calc(50%);
	padding-left: calc( var(--px20) / 2);
    margin-left: auto;
}
.contact-form .all-form form input[type="submit"] {
    padding: var(--px14) var(--px30);
    margin-top: 0;
}
.contact-form .all-form .form-row:has(input[type="checkbox"]) .form-field {
	align-items: start;
}

.contact-frame,
.contact-img{
	box-shadow: 0px 0px 20px 0px #00495D29;
	height: calc(var(--px100) * 6 + var(--px20));
	border-radius: 30px;
	overflow: clip;
}
.contact-frame{
	width: calc(66.66% - var(--px40) / 2);
	iframe{
		width: 100%;
		height: 100%;
	}
}
.contact-img{
	width: calc(33.33% - var(--px40) / 2);
}
/* __________________________________________________________  ПОЛИТИКИ  ____________________________________________________________ */
.politika{
	gap: var(--px40);
}
/* __________________________________________________________  ПРОЕКТЫ  ____________________________________________________________ */
.projects{
	gap: var(--px40);
}
.projects-box{
	gap: var(--px40);
}
.projects-item{
	width: calc(50% - var(--px40) / 2);
	height: calc(var(--px100) * 5 + var(--px40));
	border-radius: 30px;
	overflow: clip;
	position: relative;
}
.projects-info{
	position: absolute;
	top: 0;
	left: 0;
	width: 66%;
	height: 100%;
	backdrop-filter: blur(8px);
	padding: var(--px50);
	border-radius: 30px;
	background: #FFFFFF66;
	gap: var(--px50);
	justify-content: space-between;
}
.projects-bottom-info{
	gap: var(--px30);
}
.projects-bottom-info .btn-white{
	width: max-content;
}
.projects .btn-blue{
	width: max-content;
	margin: 0 auto;
}
/* __________________________________________________________  ПРОЕКТ ДЕТАЛЬНАЯ  ____________________________________________________________ */
section:has(.project-banner-back-svg){
	position: relative;
}
section .project-banner-back-svg{
	position: absolute;
	bottom: calc(-1 * (var(--px100) * 2 + var(--px30)));
	right: 0;
	width: calc(var(--px100) * 3 + var(--px17));
	height: calc(var(--px100) * 7 + var(--px77));
}
.project-banner{
	width: 100%;
	height: calc(var(--px100) * 8 + var(--px34));
	overflow: clip;
	position: relative;
	z-index: 1;
}
.project-banner .hleb{
	padding: 0;
	position: absolute;
	top: var(--px30);
	left: 5.5vw;
	right: 5.5vw;
	z-index: 2;
	p,a{
		color: white;
	}
}
.project-banner-text{
	position: absolute;
	bottom: var(--px60);
	left: 5.5vw;
	right: 5.5vw;
	gap: var(--px13);
	h1{
		color: white;
	}
	h3{
		color: white;
	}
}
.project-about{
	gap: var(--px40);
}
.project-about-content{
	gap: var(--px40);
}
.project-about-img-box{
	width: calc(50% - var(--px40) / 2);
}
.project-about-img{
	width: 100%;
	height: calc(var(--px100) * 7 + var(--px9));
	border-radius: 30px;
	overflow: clip;
}
.project-about-img-box:has(.project-about-img-logo) .project-about-img{
	height: calc(var(--px100) * 5 + var(--px76));
}
.project-about-img-logo{
	width: 100%;
	height: calc(var(--px100) + var(--px40));
	border-radius: 30px;
	overflow: clip;
	img{
		object-fit: contain;
	}
}
.project-about-text{
	width: calc(50% - var(--px40) / 2);
	gap: var(--px30);
}
.project-about-text h2{
	font-size: var(--px38);
}
.project-klukva-map{
	gap: var(--px40);
	position: relative;
	overflow: clip;
}
.project-klukva-map svg{
	width: calc(var(--px100) * 8 + var(--px51));
	height: calc(var(--px100) * 8 + var(--px20));
	margin: 0 auto 0 auto;
}
.project-klukva-map svg.project-zona-interactive-svg{
	width: 100%;
	height: calc(var(--px100) * 8 + var(--px97));
}
.project-klukva-map-svg-mob .project-klukva-map-svg-mob-scroll,
.project-zona-interactive-img .project-klukva-map-svg-mob-scroll{
	display: none;
}
.not-hover{
	z-index: 2;
	pointer-events: none;
}
.project-klukva-map svg path:not(.not-hover),
.project-klukva-map svg:not(:first-child) path:not(.not-hover),
.project-klukva-map svg:not(:first-child) polygon:not(.not-hover),
.project-klukva-map svg:not(:first-child) rect:not(.not-hover),
.project-klukva-map svg:not(:first-child) polyline:not(.not-hover){
	fill-opacity: 0;
	transition: .4s;
	cursor: pointer;
}
.project-klukva-map svg path:hover:not(.not-hover),
.project-klukva-map svg:not(:first-child) path:hover:not(.not-hover),
.project-klukva-map svg:not(:first-child) polygon:hover:not(.not-hover),
.project-klukva-map svg:not(:first-child) rect:hover:not(.not-hover),
.project-klukva-map svg:not(:first-child) polyline:hover:not(.not-hover){
	fill-opacity: 0.8;
	animation: unset;
}
.project-klukva-info-mobile{
	display: none;
}
.project-klukva-info{
	position:fixed;
    opacity: 0;
    z-index:9;
	pointer-events: none;
	width: max-content;
	flex-wrap: nowrap;
	padding: var(--px23) calc(var(--px100) + var(--px50)) var(--px23) var(--px40);
	border-radius: 40px;
	gap: var(--px18);
	transition: opacity .4s;
}
.project-klukva-info:has(.project-klukva-info-img),
.project-klukva-info:has(.wysywg){
	padding: var(--px40);
}
.project-klukva-info .project-klukva-info-text{
	max-width: calc(var(--px100) * 4 + var(--px1));
}
.project-klukva-info.br-tr{
	border-bottom-left-radius: 0;
}
.project-klukva-info.br-tl{
	border-bottom-right-radius: 0;
}
.project-klukva-info.br-br{
	border-top-left-radius: 0;
}
.project-klukva-info.br-bl{
	border-top-right-radius: 0;
}
.project-klukva-info-img{
	min-width: calc(var(--px100) + var(--px85));
	width: calc(var(--px100) + var(--px85));
	height: calc(var(--px100) + var(--px63));
	border-radius: 8px;
	overflow: clip;
	svg{
		display: none;
	}
}
.project-klukva-map-svg-mob{
	display: contents;
}
.project-klukva-info-text{
	gap: var(--px16);
}
.project-klukva-info-text *{
	color: white;
}
.project-zona {
	gap: 2.083vw; /* 40/1920*100 */
}
.project-zona-content {
	position: relative;
	padding-top: 8.073vw; /* 155/1920*100 */
	padding-bottom: 8.073vw; /* 155/1920*100 */
}
.project-zona-map {
	width: 38.646vw; /* 742/1920*100 */
	height: 43.229vw; /* 830/1920*100 */
	margin: 0 auto;
}
.project-zona-mobile-box{
	display: none;
}
.project-zona-img {
	width: 19.323vw; /* 371/1920*100 */
	height: 11.927vw; /* 229/1920*100 */
	position: absolute;
	border-radius: 1.042vw; /* 20/1920*100 */
	overflow: clip;
	z-index: 1;
}
.project-zona-img-l1 {
	left: 0;
	top: 0;
}
.project-zona-img-l2 {
	left: 0;
	top: calc(11.927vw + 0.521vw); /* 229px + 10px */
}
.project-zona-img-l3 {
	left: 6.927vw; /* 133/1920*100 */
	bottom: calc(11.927vw + 5.208vw); /* 229px + 100px */
}
.project-zona-img-l4 {
	left: 20.104vw; /* 386/1920*100 */
	bottom: 0;
}
.project-zona-img-r1 {
	right: 3.698vw; /* 71/1920*100 */
	top: 0.521vw; /* 10/1920*100 */
}
.project-zona-img-r2 {
	right: 0;
	top: calc(11.927vw + 4.844vw); /* 229px + 93px */
}
.project-zona-img-r3 {
	right: 0;
	top: calc(11.927vw * 2 + 4.844vw + 0.625vw); /* 229px*2 + 93px + 12px */
}
.project-zona-img-r4 {
	right: 9.688vw; /* 186/1920*100 */
	bottom: -0.521vw; /* -10/1920*100 */
}
.project-zona-text {
	position: absolute;
	padding: 0.729vw 1.042vw; /* 14px 20px */
	color: white;
	border-radius: 0.521vw; /* 10/1920*100 */
	
	font-size: 0.938vw; /* 18/1920*100 */
	text-align: center;
	z-index: 2;
}
.project-zona-text-l12 {
	width: 12.865vw; /* 247/1920*100 */
	top: 10.313vw; /* 198/1920*100 */
	left: calc(19.323vw + 0.521vw); /* 371px + 10px */
}
.project-zona-text-l3 {
	width: 15.208vw; /* 292/1920*100 */
	left: 9.010vw; /* 173/1920*100 */
	bottom: calc(11.927vw * 2 + 0.521vw + 5.208vw); /* 229px*2 + 10px + 100px */
}
.project-zona-text-l4 {
	width: 12.396vw; /* 238/1920*100 */
	left: 23.594vw; /* 453/1920*100 */
	bottom: calc(11.927vw + 0.521vw); /* 229px + 10px */
}
.project-zona-text-r1 {
	width: 9.944vw; /* 189/1920*100 */
	right: 18.125vw; /* 348/1920*100 */
	top: 13.021vw; /* 250/1920*100 */
}
.project-zona-text-r23 {
	width: 12.552vw; /* 241/1920*100 */
	right: 13.698vw; /* 263/1920*100 */
	top: 29.635vw; /* 569/1920*100 */
}
.project-zona-text-r4 {
	width: 18.229vw; /* 350/1920*100 */
	right: 10.208vw; /* 196/1920*100 */
	bottom: 11.927vw; /* 229/1920*100 */
}
.project-zona-line {
	position: absolute;
	max-width: 0;
	/*max-height: 0;*/
	overflow: clip;
	img{
		object-position: right;
	}
}
.project-zona-line.active-an{
	animation: project-zona-line 5s forwards;
}
@keyframes project-zona-line {
  0% {
    max-width: 0;
	/*max-height: 0;*/
  }
  100% {
    max-width: 30vw;
	/*max-height: 30vw;*/
  }
}
.project-zona-line-img-l12 {
	width: 24.167vw; /* 464/1920*100 */
	height: 24.740vw; /* 475/1920*100 */
	top: 5.625vw; /* 108/1920*100 */
	left: 26.1vw; /* 505/1920*100 */
	img{
		min-width: 24.167vw;
	}
}
.project-zona-line-img-l3 {
	width: 21.250vw; /* 408/1920*100 */
	height: 11.563vw; /* 222/1920*100 */
	top: 16.146vw; /* 310/1920*100 */
	left: 16.615vw; /* 319/1920*100 */
	img{
		min-width: 21.250vw;
	}
}
.project-zona-line-img-l41 {
	width: 21.250vw; /* 408/1920*100 */
	height: 13.125vw; /* 252/1920*100 */
	top: 31.458vw; /* 604/1920*100 */
	left: 30.156vw; /* 579/1920*100 */
	img{
		min-width: 21.250vw;
	}
}
.project-zona-line-img-l42 {
	width: 10.781vw; /* 207/1920*100 */
	height: 15.365vw; /* 295/1920*100 */
	top: 28.438vw; /* 546/1920*100 */
	left: 30.573vw; /* 587/1920*100 */
	img{
		min-width: 10.781vw;
	}
}
.project-zona-line-img-r1 {
	width: 16.458vw; /* 316/1920*100 */
	height: 5.313vw; /* 102/1920*100 */
	top: 11.1vw;
    right: 22.7vw;
	display: flex;
	justify-content: end;
	img{
		min-width: 16.458vw;
	}
}

.project-zona-line-img-r23 {
	width: 18.646vw; /* 358/1920*100 */
	height: 10.729vw; /* 206/1920*100 */
	top: 25.417vw; /* 488/1920*100 */
	right: 19.844vw; /* 381/1920*100 */
}

.project-zona-line-img-r4 {
	width: 15.885vw; /* 305/1920*100 */
	height: 8.438vw; /* 162/1920*100 */
	top: 35.365vw; /* 679/1920*100 */
	right: 18.854vw; /* 362/1920*100 */
}
.project-zona-interactive{
	gap: var(--px40);
}
.project-zona-interactive-img{
	width: 100%;
	overflow: clip;
}
.project-zona-interactive-img .project-zona-map-svg-mob-scroll{
	display: none;
}








section:has(.project-structure-back-svg){
	position: relative;
}
section .project-structure-back-svg{
	position: absolute;
	bottom: calc(-1 * var(--px90));
	left: 0;
	width: calc(var(--px100) * 2 + var(--px47));
	height: calc(var(--px100) * 5 + var(--px90));
}
.project-structure{
	z-index: 1;
	gap: var(--px40);
	position: relative;
}
.project-structure-content{
	gap: var(--px40);
	background: #FFFFFF;
	padding: var(--px60);
	border-radius: 30px;
}
.project-structure-nav{
	width: calc(33.33% - var(--px40) / 2);
}
.project-structure-nav a{
	padding: var(--px23) var(--px30);
	transition: .6s;
	border-radius: 30px;
	position: relative;
	cursor: pointer;
}
.project-structure-nav a::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	width: 100%;
	height: 2px;
	background: #F3F3F3;
	transition: width .4s, background .9s;
}
.project-structure-nav a.active{
	border-radius: 30px;
	color: white;
	font-weight: 600;
}
.project-structure-nav a.active::before{
	width: 0%;
	background: #F3F3F300!important;
}
.project-structure-nav a:has(+ a.active)::before{
	width: 0%;
	background: #F3F3F300!important;
}
.project-structure-tabs{
	width: calc(66.66% - var(--px40) / 2);
	height: 100%;
	padding: var(--px40);
	border-radius: 30px;
	background: #F3F3F3;
}
.project-structure-tab{
	min-width: 100%;
	width: 100%;
	gap: var(--px22);
	opacity: 0;
	pointer-events: none;
	transition: .6s;

	height: 100%;
	height: calc(var(--px100) * 7 + var(--px12));
}
.project-structure-tab.active{
	opacity: 1;
	pointer-events: all;
}
.project-structure-text{
	width: 100%;
	gap: var(--px20);
}
.project-structure-swiper{
	width: 100%;
	/*height: calc(var(--px100) * 5 + var(--px8));*/
	border-radius: 8px;
	flex-grow: 1;
}
.swiper.project-structure-swiper .swiper-button-prev, 
.swiper.project-structure-swiper .swiper-button-next {
    user-select: none;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
	width: var(--px44);
	height: var(--px44);
}
.swiper.project-structure-swiper .swiper-button-prev{
	left: var(--px23);
}
.swiper.project-structure-swiper .swiper-button-next{
	right: var(--px23);
}
.swiper.project-structure-swiper .swiper-button-prev rect, 
.swiper.project-structure-swiper .swiper-button-next rect,
.swiper.project-structure-swiper .swiper-button-prev path, 
.swiper.project-structure-swiper .swiper-button-next path{
	transition: .5s;
}
.swiper.project-structure-swiper .swiper-button-prev:hover path, 
.swiper.project-structure-swiper .swiper-button-next:hover path{
	stroke: #FFFFFF;
}
.swiper.project-structure-swiper .swiper-pagination{
	bottom: var(--px16);
	display: flex;
	gap: var(--px4);
	justify-content: center;
}
.swiper.project-structure-swiper.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper-pagination-bullet-active), 
.swiper.project-structure-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper-pagination-bullet-active),
.swiper.project-structure-swiper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
	margin: 0;
	width: var(--px14);
	height: var(--px14);
	background: white;
	transition: .3s;
	opacity: 1;
}
.swiper.project-structure-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
	margin: 0;
	width: var(--px14);
	height: var(--px14);
	filter: brightness(2.5);
}
.project-transp{
	gap: var(--px47);
}
.project-transp-box{
	gap: var(--px44);
}
.project-transp-item{
	width: calc(25% - var(--px44) * 3 / 4);
	gap: var(--px32);
	background: white;
	border-radius: 8px 8px 30px 30px;
}
.project-transp-img{
	width: 100%;
	height: calc(var(--px100) * 4);
	border-radius: 8px;
	overflow: clip;
}
.project-transp-text{
	padding: 0 var(--px30) var(--px30) var(--px30);
	gap: var(--px20);
}
.project-video{
	gap: var(--px40);
}
.project-video-box{
	gap: var(--px40);
}
.project-video-item{
	width: calc(50% - var(--px40) / 2);
	height: calc(var(--px100) * 5 + var(--px20));
	border-radius: 30px;
	overflow: clip;
	position: relative;
}
.video-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	width: var(--px70);
	height: var(--px70);
	transition: transform 0.2s ease;
	z-index: 2;
}
.video-play-btn:hover {
	transform: translate(-50%, -50%) scale(1.1);
}
.video-play-btn svg {
	width: 100%;
	height: 100%;
	display: block;
	filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3));
}
.project-partner{
	gap: var(--px40);
}
.project-partner-box{
	gap: var(--px40);
}
.project-partner-item{
	width: calc(25% - var(--px40) * 3 / 4);
	gap: var(--px20);
}
.project-partner-img{
	height: calc(var(--px100) * 2 + var(--px60));
	border-radius: 30px;
	overflow: clip;
	justify-content: center;
	align-items: center;
	background: white;
}
.project-partner-img:has(p){
	padding: var(--px20);
	text-align: center;
}
.page404{
	padding-top: var(--px100);
	gap: var(--px40);
	justify-content: center;
	align-items: center;
}
.page404 *{
	width: max-content;
	max-width: 100%;
}
.page404-text{
	gap: var(--px10);
	justify-content: center;
	align-items: center;
	text-align: center;
}
.page404-text h1{
	font-size: calc(var(--px100) * 2 + var(--px50));
	line-height: 1;
}
.cookie-consent {
	position: fixed;
	bottom: var(--px20);
	right: var(--px20);
	width: 20vw;
	max-width: 1200px;
	background: #FFFFFF;
	padding: var(--px20);
	border-radius: 16px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.3);
	align-items: center;
	justify-content: space-between;
	gap: var(--px20);
	z-index: 9999;
	transition: all 0.3s ease;
}
.cookie-consent.hidden {
	display: none;
}
.cookie-text{
	text-align: center;
}
.cookie-text a {
	text-decoration: underline;
	transition: .3s;
}
.cookie-text a:hover {
	color: #00495D;
}
@media (max-width: 1201px) {
	.cookie-consent {
		bottom: var(--px20);
		width: 50vw;
	}
}
@media (max-width: 768px) {
	.cookie-consent {
		bottom: var(--px15);
		padding: var(--px15);
		gap: var(--px10);
		width: 95vw;
		right: 2.5vw;
	}
}
@media (max-width: 1201px){
	:root {
		--px1: 0.119904vw;
		--px2: 0.239808vw;
		--px3: 0.359712vw;
		--px4: 0.479616vw;
		--px5: 0.59952vw;
		--px6: 0.719424vw;
		--px7: 0.839328vw;
		--px8: 0.959232vw;
		--px9: 1.079136vw;
		--px10: 1.19904vw;
		--px11: 1.318944vw;
		--px12: 1.438848vw;
		--px13: 1.558752vw;
		--px14: 1.678656vw;
		--px15: 1.79856vw;
		--px16: 1.918464vw;
		--px17: 2.038368vw;
		--px18: 2.158272vw;
		--px19: 2.278176vw;
		--px20: 2.39808vw;
		--px21: 2.517984vw;
		--px22: 2.637888vw;
		--px23: 2.757792vw;
		--px24: 2.877696vw;
		--px25: 2.9976vw;
		--px26: 3.117504vw;
		--px27: 3.237408vw;
		--px28: 3.357312vw;
		--px29: 3.477216vw;
		--px30: 3.59712vw;
		--px31: 3.717024vw;
		--px32: 3.836928vw;
		--px33: 3.956832vw;
		--px34: 4.076736vw;
		--px35: 4.19664vw;
		--px36: 4.316544vw;
		--px37: 4.436448vw;
		--px38: 4.556352vw;
		--px39: 4.676256vw;
		--px40: 4.79616vw;
		--px41: 4.916064vw;
		--px42: 5.035968vw;
		--px43: 5.155872vw;
		--px44: 5.275776vw;
		--px45: 5.39568vw;
		--px46: 5.515584vw;
		--px47: 5.635488vw;
		--px48: 5.755392vw;
		--px49: 5.875296vw;
		--px50: 5.9952vw;
		--px51: 6.115104vw;
		--px52: 6.235008vw;
		--px53: 6.354912vw;
		--px54: 6.474816vw;
		--px55: 6.59472vw;
		--px56: 6.714624vw;
		--px57: 6.834528vw;
		--px58: 6.954432vw;
		--px59: 7.074336vw;
		--px60: 7.19424vw;
		--px61: 7.314144vw;
		--px62: 7.434048vw;
		--px63: 7.553952vw;
		--px64: 7.673856vw;
		--px65: 7.79376vw;
		--px66: 7.913664vw;
		--px67: 8.033568vw;
		--px68: 8.153472vw;
		--px69: 8.273376vw;
		--px70: 8.39328vw;
		--px71: 8.513184vw;
		--px72: 8.633088vw;
		--px73: 8.752992vw;
		--px74: 8.872896vw;
		--px75: 8.9928vw;
		--px76: 9.112704vw;
		--px77: 9.232608vw;
		--px78: 9.352512vw;
		--px79: 9.472416vw;
		--px80: 9.59232vw;
		--px81: 9.712224vw;
		--px82: 9.832128vw;
		--px83: 9.952032vw;
		--px84: 10.071936vw;
		--px85: 10.19184vw;
		--px86: 10.311744vw;
		--px87: 10.431648vw;
		--px88: 10.551552vw;
		--px89: 10.671456vw;
		--px90: 10.79136vw;
		--px91: 10.911264vw;
		--px92: 11.031168vw;
		--px93: 11.151072vw;
		--px94: 11.270976vw;
		--px95: 11.39088vw;
		--px96: 11.510784vw;
		--px97: 11.630688vw;
		--px98: 11.750592vw;
		--px99: 11.870496vw;
		--px100: 11.9904vw;
	}
	section{
		margin-bottom: var(--px60);
	}
	.content{
		width: 95vw;
	}
	/* __________________________________________________________  ТЕКСТ ____________________________________________________________ */
	body, a, p, input, bdi, del, span, label, div, li, ul, ol, textarea, select, option, h1, h2, h3, h4, h5{
		font-size: var(--px15);
	}
	h1, .h1{
		font-size: var(--px30);
	}
	h2, .h2{
		font-size: var(--px30);
	}
	h3, .h3{
		font-size: var(--px18);
	}
	.text{
		font-size: var(--px15);
	}
	.small-text{
		font-size: var(--px11);
	}
	/* __________________________________________________________  МОДАЛЬНЫЕ ОКНА ____________________________________________________________ */
	.modal {
		padding: 20px 0px;
	}
	.modal-content {
		width: 70vw;
		padding: var(--px40);
		gap: var(--px30);
	}
	.close{
		top: var(--px20);
		right: var(--px20);
		width: var(--px20);
		height: var(--px20);
	}
	/* __________________________________________________________ ПОИСК __________________________________________________________ */
	.search-page{
		gap: var(--px30);
	}
	.search-page-content{
		gap: var(--px40);
	}
	.search-page-content form{
		gap: var(--px16);
	}
	.search-input-box{
		gap: var(--px20);
	}
	.search-page-result{
		gap: var(--px20);
	}
	.search-page-result a{
		width: calc(50% - var(--px20) / 2);
		gap: var(--px25);
		border-radius: 20px;
		padding: var(--px20) var(--px20);
	}
	/* __________________________________________________________  КНОПКА ____________________________________________________________ */
	.btn-white{
		padding-left: var(--px26);
		gap: var(--px22);
		border-radius: 60px;
	}
	.btn-white svg{
		width: var(--px40);
		height: var(--px40);
	}
	.btn-white::before{
		background: #60AEC0;
	}
	.btn-blue,
	input[type="submit"]{
		padding: var(--px11) var(--px30);
	}
	/* __________________________________________________________  ИНПУТЫ ____________________________________________________________ */
	input[type="text"],
	input[type="tel"],
	input[type="number"],
	input[type="email"],
	textarea,
	select{
		border-radius: var(--px4);
		padding: var(--px12) var(--px20);
		font-size: var(--px15);
	}
	input[type=checkbox],
	input[type=radio]{
		border-radius: 4px;
		width: var(--px24);
		min-width: var(--px24);
		height: var(--px24);
	}
	input[type=checkbox]:after,
	input[type=radio]:after {
		border-radius: 2px;
	}
	input[type=checkbox]:checked:after,
	input[type=radio]:checked:after{
		width: var(--px18);
		height: var(--px18);
	}
	/* __________________________________________________________  ФОРМЫ ____________________________________________________________ */
	.all-form form{
		gap: var(--px20);
	}
	.all-form .form-row{
		gap: var(--px12);
	}
	.all-form .form-row:has(input[type="checkbox"]){
		transform: translateY(calc(-1 * var(--px8)));
		.form-field{
			gap: var(--px8);
		}
		label{
			font-size: var(--px11);
			a{
				font-size: var(--px11);
			}
		}
	}
	.all-form form input[type="submit"]{
		margin-top: 0;
	}
	.all-form .form-errors{
		position: fixed;
		bottom: 10px;
		right: 10px;
		width: 40vw;
		padding: var(--px16);
		.errortext{
			font-size: var(--px11);
		}
		
	}
	.all-form .form-note-content{
		width: 50%;
		padding: var(--px60) var(--px100);
		gap: var(--px20);
		border-radius: 20px;
	}
	.all-form .form-note-content svg{
		width: var(--px26);
		height: var(--px26);
		top: var(--px12);
		right: var(--px12);
	}
	/* __________________________________________________________  ШАПКА ____________________________________________________________ */
	.header-arzhs{
		transition: .4s;
	}
	.header-arzhs:has(.burger-btn.active){
		box-shadow: 4px 0px 20px 0px #00495D00;
	}
	.burger-btn{
		display: flex;
		width: var(--px56);
		height: var(--px40);
	}
	.burger-btn rect{
		transition: .4s;
	}
	.burger-btn.active rect:nth-child(2){
		transform: rotate(45deg) translate(13%, -40%);
	}
	.burger-btn.active rect:nth-child(4){
		transform: rotate(-45deg) translate(-41%, 15%);
	}
	.burger-btn.active rect:nth-child(3){
		transform: translateX(-100px);
	}
	.header-content{
		gap: var(--px40);
		padding: var(--px18) 0;
		align-items: center;
	}
	.header-logo-box{
		gap: var(--px6);
	}
	.header-logo{
		width: var(--px44);
		height: var(--px32);
	}
	.header-logo-box p{
		font-size: var(--px10);
		line-height: var(--px12);
		width: calc(var(--px100) + var(--px78));
	}
	.header-right{
		position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: calc(100vh - var(--px76));
        gap: var(--px30);
        background: #F4F4F4;
		padding: var(--px10) 2.5vw var(--px28) 2.5vw;
		flex-direction: column;

		transition: .5s;
		opacity: 0;
		pointer-events: none;
	}
	.header-right.active{
		opacity: 1;
		pointer-events: all;
	}
	.header-info-box{
		display: contents;
	}
	.header-contact{
		gap: var(--px83);
		order: 2;
		margin-top: auto;
	}
	.header-contact-item{
		gap: var(--px10);
	}
	.header-contact-item svg{
		min-width: var(--px26);
		width: var(--px26);
		height: var(--px26);
	}
	.header-contact-item p{
		font-size: var(--px18);
	}
	.header-nav-box{
		display: contents;
	}
	.header-nav{
		gap: var(--px16);
		align-items: start;
		flex-direction: column;
		order: 1;
	}
	.header-nav a{
		font-size: var(--px18);
	}
	.header-search{
		width: 100%;
		order: 3;
	}
	.header-search svg{
		min-width: calc(var(--px16) + var(--px20) + var(--px5));
		width: calc(var(--px16) + var(--px20) + var(--px5));
		height: calc(var(--px16) + var(--px13) + var(--px13));
		padding: var(--px13) var(--px5) var(--px13) var(--px20);
	}
	.header-search div{
		width: calc(100% - (var(--px16) + var(--px20) + var(--px5)));
	}
	.header-search input{
		width: 100%;
		height: calc(var(--px16) + var(--px13) + var(--px13));
		padding: 0 var(--px20) 0 var(--px5);
		font-size: var(--px16);
	}
	.title-search-result:has(.header-search-result){
		display: none;
	}
	.header-search-result{
		display: none;
	}
	.header-gerb{
		display: none;
	}
	/* __________________________________________________________  ПОДВАЛ ____________________________________________________________ */
	.footer{
		padding: var(--px40) 0;
	}
	.footer-content{
		gap: var(--px30);
	}
	.footer-img{
		width: calc(var(--px100) * 2 + var(--px47));
		height: calc(var(--px80));
	}
	.footer-gerb{
		display: flex;
		width: calc(var(--px73));
		height: calc(var(--px88));
		img{
			object-fit: contain;
			object-position: left;
		}
	}
	.footer-nav{
		width: calc(100% - calc(var(--px100) * 2 + var(--px47)) - var(--px73) - var(--px30) * 2);
		max-width: unset;
		gap: var(--px10);
	}
	/* __________________________________________________________  ГЛАВНАЯ ____________________________________________________________ */
	main{
		padding-top: var(--px76);
	}
	section:has(.banner-swiper){
		margin-top: var(--px30);
	}
	.banner-swiper{
		height: calc(var(--px100) * 4);
	}
	.banner-swiper .swiper-slide{
		border-radius: 30px;
		width: 66%;
		padding: var(--px40) var(--px30) var(--px30) var(--px30);
	}
	.banner-swiper .swiper-slide-next{
		width: calc(33% / 2 + 100px);
		transform: translateX(-100px);
		padding-left: 100px;
		height: 90%;
		z-index: -1;
	}
	.banner-swiper .swiper-slide-next + .swiper-slide{
		width: calc(33% / 2 + 100px);
		transform: translateX(-200px);
		padding-left: 100px;
		height: 80%;
		z-index: -2;
	}
	.banner-swiper .swiper-slide-prev{
		transform: translateX(-20vw);
	}
	.swiper.banner-swiper .swiper-button-next {
		left: calc(66% + var(--px20));
		width: var(--px18);
		height: var(--px18);
	}
	.swiper.banner-swiper .swiper-button-next:hover{
		width: var(--px25);
		height: var(--px25);
	}
	.banner-swiper-img{
		height: calc(var(--px100) + var(--px72));
	}
	.banner-swiper-content{
		gap: var(--px28);
		align-items: start;
	}
	.banner-swiper-content:has(h2:not(.h1)){
		align-items: end;
	}
	.banner-swiper-content h1,
	.banner-swiper-content h2{
		width: calc(45% - var(--px28) / 2);
	}
	.banner-swiper-content h2:not(.h1){
		font-size: var(--px23);
	}
	.banner-swiper-content>h3{
		bottom: var(--px40);
		left: calc(100px + var(--px10));
		right: var(--px12);
		font-size: var(--px15);
	}
	.banner-swiper-descr{
		width: calc(55% - var(--px28) / 2);
		gap: var(--px16);
	}
	.banner-swiper2 .swiper-slide{
		padding: 0;
	}
	.banner-swiper2-text{
		padding: var(--px20);
		padding-top: 0;
		gap: var(--px16);
		box-shadow: 0px -40px 30px 20px #0000006b;	
	}
	.home-about{
		gap: var(--px20);
	}
	.home-about h2{
		order: 1;
	}
	.home-about-content{
		display: contents;
	}
	.home-about-text{
		width: 100%;
		gap: var(--px20);
		order: 3;
	}
	.home-about-text .h3{
		line-height: var(--px22);
        font-size: var(--px18);
	}
	.home-about-img{
		order: 2;
		border-radius: 20px;
		width: 100%;
		height: calc(var(--px100) * 3 + var(--px35));
	}
	.home-map{
		border-radius: 20px;
		height: calc(var(--px100) * 3 + var(--px60));
	}
	.home-map-info{
		width: calc(var(--px100) * 2 + var(--px24));
		top: var(--px30);
		left: var(--px30);
		br{
			display: inline;
		}
	}
	.home-map-info p{
		font-size: var(--px14);
	}
	.home-map-info svg{
		width: calc(var(--px100) * 2 + var(--px20));
        transform: translateX(calc(-1 * var(--px30)));
	}
	.home-citata{
		padding: var(--px22) var(--px35) 0 var(--px60);
		border-radius: 20px;
		gap:  var(--px80);
		min-height: calc(var(--px100) * 3 + var(--px60));
	}
	.home-citata-img-back{
		height: 100%;
		width: 70%;
	}
	.home-citata-text{
		width: calc(100% - calc(var(--px100) * 2 + var(--px38)) - var(--px80));
		gap: var(--px56);
	}
	.home-citata-item{
		font-size: var(--px20);
	}
	.home-citata-autor{
		gap: var(--px6);
	}
	.home-citata-img{
		width: calc(var(--px100) * 2 + var(--px38));
		height: calc(var(--px100) * 3 + var(--px38));
	}
	.home-news{
		gap: var(--px20);
	}
	.home-news-box{
		gap: var(--px12);
	}
	.home-news-item{
		border-radius: 12px;
		padding: var(--px20) calc(var(--px100) + var(--px36)) var(--px20) var(--px20);
		gap: var(--px12);
	}
	.home-news-date{
		padding: var(--px8);
		border-radius: 12px;
	}
	/* __________________________________________________________  О НАС ____________________________________________________________ */
	.hleb{
		padding: var(--px10) 0 var(--px16) 0;
	}
	.about-banner{
		height: calc(var(--px100) * 4 + var(--px96));
	}
	.about-banner .hleb{
		padding: 0;
		top: var(--px10);
		left: 2.5vw;
		right: 2.5vw;
	}
	.about-banner h1{
		left: 2.5vw;
		right: 2.5vw;
		bottom: var(--px20);
	}
	.about-advantages{
		gap: var(--px20);
	}
	.about-advantages-content{
		width: 100%;
		border-radius: 20px;
		padding: var(--px30);
		gap: var(--px30);
	}
	.about-advantages-title{
		gap: var(--px20);
	}
	.about-advantages-title h2{
		padding-right: calc(var(--px100) * 2 + var(--px21));
	}
	.about-advantages-title h3{
		padding-right: calc(var(--px100) + var(--px34));
	}
	.about-advantages-box h3{
		padding: var(--px14) var(--px20);
	}
	.about-advantages-form{
		width: 100%;
		flex-direction: row;
		padding: var(--px30) var(--px60) var(--px30) var(--px30);
		align-items: center;
		justify-content: space-between;
		gap: var(--px100);
		top: 0;
		position: relative;
		height: max-content;
		border-radius: 20px;
		.btn-white{
			min-width: max-content;
		}
	}
	.about-citata{
		border-radius: 20px;
		padding: var(--px50) var(--px60) var(--px50) var(--px60);
		gap: var(--px20);
	}
	.about-citata-box{
		padding: 0 var(--px24);
	}
	.about-citata-autor{
		gap: var(--px6);
	}
	.about-other{
		gap: var(--px20);
	}
	.about-other-box{
		gap: var(--px20);
	}
	.about-other-item{
		width: calc(50% - var(--px20) / 2);
		padding: var(--px40) var(--px30);
		border-radius: 20px;
		gap: var(--px30);
	}
	.about-other-item:first-child{
		padding-right: var(--px50);
	}
	.about-other-item:nth-child(3n){
		width: 100%;
	}
	.about-other-logo{
		min-width: calc(var(--px100) + var(--px9));
		width: calc(var(--px100) + var(--px9));
		height: calc(var(--px84));
	}
	.about-faq{
		gap: var(--px30);
	}
	.about-faq-title{
		gap: var(--px40);
	}
	.about-faq-content{
		gap: var(--px20);
	}
	.about-faq-box{
		width: 100%;
		gap: var(--px14);
	}
	.about-faq-item{
		border-radius: 20px;
		padding: var(--px30) var(--px20);
	}
	.about-faq-btn{
		gap: var(--px18);
	}
	.about-faq-btn svg{
		min-width: var(--px34);
		width: var(--px34);
		height: var(--px34);
	}
	.about-faq-text{
		padding-right: 0;
	}
	.about-faq-text.active{
		margin-top: var(--px14);
	}
	.about-faq-form{
		width: 100%;
		padding: var(--px30);
		border-radius: 20px;
		gap: var(--px20);
	}
	.about-faq-form h3{
		padding-right: 0;
	}
	/* __________________________________________________________  НОВОСТИ ____________________________________________________________ */
	.news{
		gap: var(--px20);
	}
	.news-content{
		gap: var(--px20);
	}
	.news-filter{
		width: 100%;
		gap: 0;
		flex-direction: row;
	}
	.news-filter a{
		padding: var(--px11);
		width: 33.33%;
	}
	.news:has(.news-filter) .news-box{
		width: 100%;
	}
	.news-box{
		gap: var(--px12);
	}
	.news-item{
		padding: var(--px20) calc(var(--px100) + var(--px36)) var(--px20) var(--px20);
		gap: var(--px12);
	}
	.news-date{
		padding: var(--px8);
	}
	.news-detail{
		gap: var(--px20);
	}
	.news-detail h1{
		width: 70%;
	}
	.news-detail-content{
		gap: var(--px20);
	}
	.news-detail-text{
		gap: var(--px20);
		width: calc(100% - var(--px20) - (var(--px100) * 2 + var(--px51)));
	}
	.news-detail-img{
		width: calc(var(--px100) * 2 + var(--px51));
		height: calc(var(--px100) * 2 + var(--px40));
	}
	/* __________________________________________________________  ДОКУМЕНТЫ  ____________________________________________________________ */
	.docs{
		gap: var(--px20);
	}
	.docs-box{
		gap: var(--px12) var(--px20);
	}
	.docs-item{
		width: calc(50% - var(--px20) / 2);
		padding-left: var(--px20);
		gap: var(--px20);
	}
	.docs-item p{
		padding: var(--px14) 0;
	}
	.docs-item svg{
		width: var(--px50);
		height: var(--px50);
		min-height: 100%;
		min-width: max-content;
	}
	/* __________________________________________________________  КОНТАКТЫ  ____________________________________________________________ */
	.contact{
		gap: var(--px20);
	}
	.contact-box{
		gap:var(--px20);
	}
	.contact-top{
		border-radius: 30px;
		gap: var(--px30);
		min-height: calc(var(--px100) * 3 + var(--px50));
	}
	.contact-form .all-form .form-row:has(input[type="checkbox"]) {
		width: calc(100%);
		padding-left: 0;
	}
	.contact-link{
		width: calc(35% - var(--px30) / 2);
		gap: var(--px20);
		border-radius: 30px;
		padding: var(--px30) var(--px40) var(--px30) var(--px40);
		height: 100%;
	}
	.contact-link .h2{
		font-size: var(--px18);
	}
	.contact-form{
		padding: var(--px30) var(--px30) var(--px30) 0;
		width: calc(65% - var(--px30) / 2);
		gap: var(--px20);
	}
	.contact-frame,
	.contact-img{
		height: calc(var(--px100) * 5 + var(--px5));
		border-radius: 30px;
	}
	.contact-frame{
		width: calc(65% - var(--px20) / 2);
	}
	.contact-img{
		width: calc(35% - var(--px20) / 2);
	}
	/* __________________________________________________________  ПОЛИТИКИ  ____________________________________________________________ */
	.politika{
		gap: var(--px20);
	}
	/* __________________________________________________________  ПРОЕКТЫ  ____________________________________________________________ */
	.projects{
		gap: var(--px20);
	}
	.projects-box{
		gap: var(--px20);
	}
	.projects-item{
		width: calc(50% - var(--px20) / 2);
		height: calc(var(--px100) * 3 + var(--px80));
		border-radius: 30px;
	}
	.projects-info{
		width: 100%;
		height: 66%;
		padding: var(--px30) calc(var(--px100) + var(--px19)) var(--px30) var(--px30);
		border-radius: 30px;
		gap: var(--px30);
	}
	.projects-bottom-info{
		gap: var(--px16);
	}
	.page404{
		padding-top: var(--px60);
		gap: var(--px30);
	}
	.page404-text{
		gap: var(--px10);
	}
	.page404-text h1{
		font-size: calc(var(--px100) * 2 + var(--px50));
	}
	/* __________________________________________________________  ПРОЕКТ ДЕТАЛЬНАЯ  ____________________________________________________________ */
	section .project-banner-back-svg{
		bottom: calc(-1 * var(--px86));
		width: calc(var(--px100) + var(--px76));
		height: calc(var(--px100) * 3 + var(--px28));
	}
	.project-banner{
		height: calc(var(--px100) * 4 + var(--px42));
	}
	.project-banner .hleb{
		top: var(--px10);
		left: 2.5vw;
		right: 2.5vw;
	}
	.project-banner-text{
		bottom: var(--px40);
		left: 2.5vw;
		right: 2.5vw;
		gap: var(--px10);
	}
	.project-about{
		gap: var(--px22);
	}
	.project-about-content{
		gap: var(--px22);
	}
	.project-about-img-box{
		width: calc(100%);
	}
	.project-about-img{
		width: 100%;
		height: calc(var(--px100) * 6 + var(--px19));
	}
	.project-about-img-box:has(.project-about-img-logo) .project-about-img{
		height: calc(var(--px100) * 6 + var(--px19));
	}
	.project-about-img-logo{ 
		height: var(--px90);
		border-radius: 20px;
	}
	.project-about-text{
		width: 100%;
		gap: var(--px10);
	}
	.project-about-text h2{
		font-size: var(--px26);
	}
	.project-klukva-map{
		gap: var(--px20);
	}
	.project-klukva-map svg{
		width: 100%;
		height: calc(var(--px100) * 7 + var(--px65));
	}
	.project-klukva-map svg.project-zona-interactive-svg{
		width: 100%;
		height: calc(var(--px100) * 4 + var(--px2));
	}
	.project-klukva-info{
		padding: var(--px20) var(--px20) var(--px20) var(--px20);
		border-radius: 20px;
		gap: var(--px10);
	}
	.project-klukva-info:has(.project-klukva-info-img),
	.project-klukva-info:has(.wysywg){
		padding: var(--px20);
	}
	.project-klukva-info .project-klukva-info-text{
		max-width: calc(var(--px100) * 2 + var(--px20));
	}
	.project-klukva-info-img{
		min-width: calc(var(--px100));
		width: calc(var(--px100));
		height: calc(var(--px100));
	}
	.project-klukva-info-text{
		gap: var(--px10);
	}
	.project-zona {
		gap: var(--px20);
		width: 100%;
		h2{
			padding: 0 2.5vw;
		}
	}
	.project-zona-content {
		flex-wrap: wrap;
		gap: var(--px10) var(--px20);
		padding-top: 0; 
		padding-bottom: 0;
	}
	.project-zona-map {
		width: 100%; 
		height: calc(var(--px100) * 8 + var(--px88));
		order: -1;
		padding: 0 2.5vw;
	}
	.project-zona-mobile-box{
		display: flex;
		width: 100%;
		overflow: auto;
		padding: 0 2.5vw;
		flex-wrap: nowrap;
		gap: var(--px20);
	}
	.project-zona-mobile-box::-webkit-scrollbar {
		width: 0; 
		height: 0;      
	}
	.project-zona-mobile-item{
		min-width: max-content;
		gap: var(--px10);
	}
	.project-zona-mobile-item .project-zona-img,
	.project-zona-mobile-item .project-zona-text{
		display: flex;
	}
	.project-zona-mobile-item .project-zona-img:nth-child(3){
		display: none;
	}
	.project-zona-mobile-item1 .project-zona-text{
		background-color:#7DDD6F!important;
		color: #2E2E2E;
		*{
			color: #2E2E2E;
		}
	}
	.project-zona-mobile-item2 .project-zona-text{
		background-color: #6DAA97!important;
		*{
			color: white;
		}
	}
	.project-zona-mobile-item3 .project-zona-text{
		background-color: #7D9DD2!important;
		*{
			color: white;
		}
	}
	.project-zona-mobile-item4 .project-zona-text{
		background-color: #D273AB!important;
		*{
			color: white;
		}
	}
	.project-zona-mobile-item5 .project-zona-text{
		background-color: #FFE0A0!important;
		color: #2E2E2E;
		*{
			color: #2E2E2E;
		}
	}
	.project-zona-mobile-item6 .project-zona-text{
		padding: var(--px14) var(--px20);;
		background-color: #A6A6A6!important;
		*{
			color: white;
		}
	}
	.project-zona-img {
		display: none;
		width: calc(var(--px100) * 3 + var(--px7));
		height: calc(var(--px100) + var(--px89));
		position: relative;
		border-radius: 20px; 
		order: 3;
		top: unset!important;
		left: unset!important;
		bottom: unset!important;
		right: unset!important;
	}
	.project-zona-text {
		flex-grow: 1;
		align-items: center;
		justify-content: center;
		display: none;
		width: calc(var(--px100) * 3 + var(--px7))!important;
		height: max-content;
		position: relative;
		padding: var(--px14) var(--px50);
		color: white;
		border-radius: 10px;
		order: 2;
		font-size: var(--px18); 
		top: unset!important;
		left: unset!important;
		bottom: unset!important;
		right: unset!important;
	}
	.project-zona-line {
		display: none;
	}
	.project-zona-interactive{
		gap: var(--px20);
	}

	section .project-structure-back-svg{
		bottom: calc(-1 * var(--px44));
		width: calc(var(--px100) * 2 + var(--px53));
		height: calc(var(--px100) * 3 + var(--px28));
	}
	.project-structure{
		gap: var(--px20);
		width: 100%;
		h2{
			width: 95vw;
			margin: 0 auto;
		}
	}
	.project-structure-content{
		gap: var(--px12);
		background: #FFFFFF00;
		padding: 0;
		border-radius: 0px;
		flex-direction: column;
	}
	.project-structure-nav{
		width: 100%;
		flex-direction: row;
		gap: var(--px10);
		overflow: auto;
		padding: 0 2.5vw;
	}
	.project-structure-nav::-webkit-scrollbar {
		width: 0; 
		height: 0;      
	}
	.project-structure-nav a{
		padding: var(--px14) var(--px20);
		border-radius: 30px;
		background: white;
	}
	.project-structure-nav a::before{
		display: none;
	}
	.project-structure-tabs{
		width: 95vw;
		margin: 0 auto;
		padding: var(--px20);
		border-radius: 20px;
		background: white;
	}
	.project-structure-tab{
		gap: var(--px22);
		height: calc(var(--px100) * 4 + var(--px96));
	}
	.project-structure-text{
		gap: var(--px8);
	}
	.project-structure-swiper{
		width: 100%;
	}
	.swiper.project-structure-swiper .swiper-button-prev, 
	.swiper.project-structure-swiper .swiper-button-next {
		width: var(--px28);
		height: var(--px28);
	}
	.swiper.project-structure-swiper .swiper-button-prev{
		left: var(--px8);
	}
	.swiper.project-structure-swiper .swiper-button-next{
		right: var(--px8);
	}
	.swiper.project-structure-swiper .swiper-pagination{
		bottom: var(--px10);
		gap: var(--px2);
	}
	.swiper.project-structure-swiper.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper-pagination-bullet-active), 
	.swiper.project-structure-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper-pagination-bullet-active),
	.swiper.project-structure-swiper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
		width: var(--px8);
		height: var(--px8);
	}
	.swiper.project-structure-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
		width: var(--px8);
		height: var(--px8);
	}
	.project-transp{
		gap: var(--px22);
	}
	.project-transp-box{
		gap: var(--px12) var(--px24);
	}
	.project-transp-item{
		width: calc(50% - var(--px24) / 2);
		gap: var(--px22);
		border-radius: 8px 8px 20px 20px;
	}
	.project-transp-img{
		width: 100%;
		height: calc(var(--px100) * 3);
	}
	.project-transp-text{
		padding: 0 var(--px20) var(--px20) var(--px20);
		gap: var(--px10);
	}
	.project-video{
		gap: var(--px20);
	}
	.project-video-box{
		gap: var(--px20);
	}
	.project-video-item{
		width: 100%;
		height: calc(var(--px100) * 4);
		border-radius: 30px;
	}
	.project-partner{
		gap: var(--px20);
	}
	.project-partner-box{
		gap: var(--px20);
	}
	.project-partner-item{
		width: calc(33.33% - var(--px20) * 2 / 3);
		gap: var(--px10);
	}
	.project-partner-img{
		height: calc(var(--px100) + var(--px20));
		border-radius: 20px;
	}
	.project-partner-img:has(p){
		padding: var(--px10);
	}
}
@media (max-width: 769px){
	:root {
		--px1: 0.25641vw;
		--px2: 0.51282vw;
		--px3: 0.76923vw;
		--px4: 1.02564vw;
		--px5: 1.28205vw;
		--px6: 1.53846vw;
		--px7: 1.79487vw;
		--px8: 2.05128vw;
		--px9: 2.30769vw;
		--px10: 2.5641vw;
		--px11: 2.82051vw;
		--px12: 3.07692vw;
		--px13: 3.33333vw;
		--px14: 3.58974vw;
		--px15: 3.84615vw;
		--px16: 4.10256vw;
		--px17: 4.35897vw;
		--px18: 4.61538vw;
		--px19: 4.87179vw;
		--px20: 5.12821vw;
		--px21: 5.38462vw;
		--px22: 5.64103vw;
		--px23: 5.89744vw;
		--px24: 6.15385vw;
		--px25: 6.41026vw;
		--px26: 6.66667vw;
		--px27: 6.92308vw;
		--px28: 7.17949vw;
		--px29: 7.4359vw;
		--px30: 7.69231vw;
		--px31: 7.94872vw;
		--px32: 8.20513vw;
		--px33: 8.46154vw;
		--px34: 8.71795vw;
		--px35: 8.97436vw;
		--px36: 9.23077vw;
		--px37: 9.48718vw;
		--px38: 9.74359vw;
		--px39: 10.0vw;
		--px40: 10.25641vw;
		--px41: 10.51282vw;
		--px42: 10.76923vw;
		--px43: 11.02564vw;
		--px44: 11.28205vw;
		--px45: 11.53846vw;
		--px46: 11.79487vw;
		--px47: 12.05128vw;
		--px48: 12.30769vw;
		--px49: 12.5641vw;
		--px50: 12.82051vw;
		--px51: 13.07692vw;
		--px52: 13.33333vw;
		--px53: 13.58974vw;
		--px54: 13.84615vw;
		--px55: 14.10256vw;
		--px56: 14.35897vw;
		--px57: 14.61538vw;
		--px58: 14.87179vw;
		--px59: 15.12821vw;
		--px60: 15.38462vw;
		--px61: 15.64103vw;
		--px62: 15.89744vw;
		--px63: 16.15385vw;
		--px64: 16.41026vw;
		--px65: 16.66667vw;
		--px66: 16.92308vw;
		--px67: 17.17949vw;
		--px68: 17.4359vw;
		--px69: 17.69231vw;
		--px70: 17.94872vw;
		--px71: 18.20513vw;
		--px72: 18.46154vw;
		--px73: 18.71795vw;
		--px74: 18.97436vw;
		--px75: 19.23077vw;
		--px76: 19.48718vw;
		--px77: 19.74359vw;
		--px78: 20.0vw;
		--px79: 20.25641vw;
		--px80: 20.51282vw;
		--px81: 20.76923vw;
		--px82: 21.02564vw;
		--px83: 21.28205vw;
		--px84: 21.53846vw;
		--px85: 21.79487vw;
		--px86: 22.05128vw;
		--px87: 22.30769vw;
		--px88: 22.5641vw;
		--px89: 22.82051vw;
		--px90: 23.07692vw;
		--px91: 23.33333vw;
		--px92: 23.58974vw;
		--px93: 23.84615vw;
		--px94: 24.10256vw;
		--px95: 24.35897vw;
		--px96: 24.61538vw;
		--px97: 24.87179vw;
		--px98: 25.12821vw;
		--px99: 25.38462vw;
		--px100: 25.64103vw;
	}
	/* __________________________________________________________  МОДАЛЬНЫЕ ОКНА ____________________________________________________________ */
	.modal {
		padding: 16px 0px;
	}
	.modal-content {
		width: 95vw;
		padding: var(--px30) var(--px20);
		gap: var(--px20);
		border-radius: 30px;
	}
	.close{
		top: var(--px16);
		right: var(--px16);
		width: var(--px16);
		height: var(--px16);
	}
	/* __________________________________________________________ ПОИСК __________________________________________________________ */
	.search-page-content form{
		gap: var(--px12);
	}
	.search-input-box{
		gap: var(--px12);
		flex-direction: column;
	}
	.search-page-result{
		gap: var(--px14);
	}
	.search-page-result a{
		width: calc(100%);
		border-radius: 26px;
		padding: var(--px14) var(--px20);
	}
	/* __________________________________________________________  ФОРМЫ ____________________________________________________________ */
	.all-form .form-errors{
		position: fixed;
		bottom: 2.5vw;
		right: 2.5vw;
		width: 95vw;
		padding: var(--px16);
	}
	.all-form .form-note-content{
		width: 95%;
		padding: var(--px60) var(--px80);
		gap: var(--px20);
	}
	/* __________________________________________________________  ШАПКА ____________________________________________________________ */
	.header-search input {
        width: 100%;
        height: calc(var(--px16) + var(--px13) + var(--px13));
        padding: 0 var(--px20) 0 var(--px5);
        font-size: var(--px16);
    }
	.header-right{
        gap: var(--px40);
		padding: var(--px20) 2.5vw var(--px30) 2.5vw;
	}
	.header-contact{
		gap: var(--px14);
	}
	.header-nav{
		gap: var(--px20);
	}
	/* __________________________________________________________  ПОДВАЛ ____________________________________________________________ */
	.footer{
		padding: var(--px30) 0;
	}
	.footer-content{
		width: 85vw;
		justify-content: space-between;
		gap: var(--px23);
		flex-wrap: wrap;
	}
	.footer-img{
		width: calc(var(--px100) * 2 + var(--px11));
		height: calc(var(--px68));
	}
	.footer-gerb{
		width: calc(var(--px62));
		height: calc(var(--px75));
	}
	.footer-nav{
		width: 100%;
		align-items: start;
    	text-align: start;
	}
	/* __________________________________________________________  ГЛАВНАЯ ____________________________________________________________ */
	section:has(.banner-swiper){
		margin-top: 0;
	}
	.banner-swiper{
		height: calc(var(--px100) * 4 + var(--px84));
		overflow: clip;
		border-radius: 30px;
		padding-bottom: var(--px24);
	}
	.banner-swiper .swiper-slide{
		border-radius: 30px;
		width: 0;
		padding: var(--px40);
		transition: 1s;
	}
	.banner-swiper .swiper-slide:first-child,
	.banner-swiper .swiper-slide-active{
		width: 100%;
	}
	.banner-swiper .swiper-slide-next{
		width: calc(100% - var(--px56));
		margin: auto;
		transform: translateY(calc(-100% + var(--px24)));
		padding-left: var(--px40);
		height: 100%;
		z-index: -1;
	}
	.banner-swiper .swiper-slide-next + .swiper-slide{
		width: calc(100% - var(--px56) * 2);
		transform: translateY(calc(-200% + var(--px24)));
		padding-left: var(--px40);
		height: 100%;
		z-index: -2;
	}
	.banner-swiper .swiper-slide-prev{
		width: 100%;
		transform: unset;
		z-index: 3;
	}
	.swiper.banner-swiper .swiper-button-next,
	.swiper.banner-swiper .swiper-button-prev {
		left: unset;
		right: 2px;
		width: var(--px18);
		height: var(--px18);
	}
	.swiper.banner-swiper .swiper-button-prev {
		display: flex;
		position: absolute;
		top: 50%;
		transform: translateY(-50%) rotate(180deg);
		left: 2px;
		transition: .5s;
	}
	.swiper.banner-swiper .swiper-button-next:hover,
	.swiper.banner-swiper .swiper-button-prev:hover{
		width: var(--px25);
		height: var(--px25);
	}
	.banner-swiper .swiper-slide-active .banner-swiper-descr, .banner-swiper .swiper-slide-active .banner-swiper-content h1, .banner-swiper .swiper-slide-active .banner-swiper-content h2, .banner-swiper .swiper-slide-active .banner-swiper-img{
		transition-delay: .6s;
	}
	.banner-swiper-content{
		gap: var(--px14);
		flex-direction: column;
	}
	.banner-swiper-content:has(h2:not(.h1)){
		align-items: start;
	}
	.banner-swiper-content h1,
	.banner-swiper-content h2{
		width: 100%;
		text-align: center;
		transition-delay: .3s;
	}
	.banner-swiper-content h2:not(.h1){
		font-size: var(--px23);
	}
	.banner-swiper-content>h3{
		opacity: 0;
	}
	.banner-swiper-descr{
		width: 100%;
		gap: var(--px30);
		align-items: center!important;
		margin: 0 auto;
		transition-delay: .3s;
	}
	.banner-swiper-descr h3{
		padding: 0 var(--px16);
		text-align: center;
		line-height: var(--px22);
		letter-spacing: 0.5px;
	}
	.banner-swiper-descr .btn-white{
		margin: 0 auto;
		transition-delay: .3s;
	}
	.banner-swiper2 .swiper-slide{
		padding: 0;
	}
	.banner-swiper2-text{
		padding: var(--px20);
		padding-top: 0;
		gap: var(--px16);
		box-shadow: 0px -40px 30px 20px #0000006b;	
	}
	.home-about-img{
		height: calc(var(--px100) * 2 + var(--px63));
	}
	.home-map{
		height: calc(var(--px100) * 3 + var(--px20));
	}
	.home-map img{
		display: none;
	}
	.home-map img:last-child{
		display: flex;
		height: 120%;

	}
	.home-map-info{
		width: calc(var(--px100) * 2 + var(--px23));
		top: var(--px20);
		left: var(--px20);
	}
	.home-map-info svg{
		width: calc(var(--px100) * 2);
        transform: translateX(calc(-1 * var(--px20)));
	}
	.home-citata{
		padding: var(--px40) var(--px12) 0 var(--px20);
		gap:  0;
		min-height: calc(var(--px100) * 3 + var(--px80));
	}
	.home-citata-img-back{
		height: 100%;
		width: 150%;
        transform: translateX(-10%);
	}
	.home-citata-text{
		display: contents;
	}
	.home-citata-box{
		width: 100%;
	}
	.home-citata-autor{
		width: calc(100% - (var(--px100) + var(--px71)));
		padding: var(--px20) 0;
	}
	.home-citata-img{
		width: calc(var(--px100) + var(--px71));
		height: calc(var(--px100) * 2 + var(--px42));
	}
	.home-news-item{
		padding: var(--px20) var(--px24) var(--px20) var(--px20);
	}
	.home-news-item>h3{
		padding-right: var(--px70);
	}
	/* __________________________________________________________  О НАС ____________________________________________________________ */
	.hleb{
		padding: var(--px7) 0 var(--px16) 0;
	}
	.about-banner{
		height: calc(var(--px100) * 2 + var(--px80));
	}
	.about-banner h1{
		bottom: var(--px10);
	}
	.about-advantages-content{
		padding-right: var(--px24);
		gap: var(--px14);
	}
	.about-advantages-title{
		gap: var(--px20);
	}
	.about-advantages-title h2{
		padding-right: 0;
	}
	.about-advantages-title h3{
		padding-right: var(--px29);
	}
	.about-advantages-box{
		padding-right: var(--px6);
	}
	.about-advantages-box h3{
		padding: var(--px14) 0;
	}
	.about-advantages-form{
		flex-direction: column;
		padding: var(--px30) var(--px40) var(--px30) var(--px30);
		align-items: start;
		gap: var(--px20);
	}
	.about-citata{
		width: 100%;
		border-radius: 0px;
		padding: var(--px50) var(--px10) var(--px50) var(--px10);
		gap: var(--px30);
	}
	.about-citata-box{
		padding: 0 var(--px10);
	}
	.about-other-item{
		width: 100%;
	}
	.about-other-item:first-child{
		padding-right: var(--px30);
	}
	.about-faq{
		gap: var(--px20);
	}
	.about-faq-title{
		gap: 0;
	}
	.about-faq-title .btn-white{
		margin-top: var(--px20);
		transition: .4s;
	}
	.about-faq-title .btn-white.active{
		margin-top: 0;
		max-height: 0;
	}
	/* __________________________________________________________  НОВОСТИ ____________________________________________________________ */
	.news-filter-mobile{
		display: flex;
		width: 100%;
		position: relative;
	}
	.news-filter-mobile-btn{
		width: 100%;
		display: flex;
		gap: var(--px10);
		align-items: center;
		justify-content: center;
		border-radius: 12px;
		background: #60AEC0;
		padding: var(--px8) var(--px15);
		p{
			color: white;
		}
		svg{
			min-width: var(--px28);
			width: var(--px28);
			height: var(--px28);
			transition: .4s;
		}
	}
	.news-filter-mobile-btn.active svg{
		transform: rotatex(180deg);
	}
	.news-filter{
		position: absolute;
		top: calc(100% + var(--px10));
		left: 0;
		flex-direction: column;
		max-height: 0;
		overflow: clip;
		transition: .6s;
		z-index: 2;
		box-shadow: 0px 0px 14px 0px #0000004D;
	}
	.news-filter a{
		width: 100%;
	}
	.news-item{
		padding: var(--px20) var(--px24) var(--px20) var(--px20);
	}
	.news-item>h3{
		padding-right: var(--px70);
	}
	.news-detail h1{
		width: 100%;
	}
	.news-detail-text{
		gap: var(--px12);
		width: 100%;
	}
	.news-detail-img{
		width: 100%;
		height: calc(var(--px100) * 2 + var(--px73));
	}
	/* __________________________________________________________  ДОКУМЕНТЫ  ____________________________________________________________ */
	.docs-item{
		width: 100%;
		padding: var(--px14) var(--px46) var(--px14) var(--px20);
        border-radius: 20px;
	}
	.docs-item::before{
		right: calc(-1 * var(--px20));
		border-radius: 20px;
	}
	.docs-item:hover::before{
		right: 0;
	}	
	.docs-item p{
		padding: 0;
		text-wrap: wrap;
	}
	.docs-item svg{
		top: var(--px10);
		right: var(--px10);
		width: var(--px26);
        height: var(--px26);
        min-height: unset;
        min-width: unset;
        position: absolute;
	}
	/* __________________________________________________________  КОНТАКТЫ  ____________________________________________________________ */
	.contact-top{
		flex-direction: column;
	}
	.contact-link{
		width: 100%;
		padding: var(--px50) calc(var(--px100) + var(--px27)) var(--px50) var(--px30);
		height: max-content;
	}
	.contact-form{
		padding: 0 var(--px30) var(--px30) var(--px30);
		width: 100%;
	}
	.contact-form .all-form .form-row,
	.contact-form .all-form form input[type="submit"],
	.contact-form .all-form .form-row:has(input[type="checkbox"]) {
		width: calc(100%);
	}
	.contact-form .all-form form input[type="submit"] {
		border-radius: 60px;
		padding: var(--px12) var(--px30);
	}
	.contact-frame,
	.contact-img{
		height: calc(var(--px100) * 3 + var(--px80));
	}
	.contact-frame{
		width: 100%;
	}
	.contact-img{
		width: 100%;
	}
	/* __________________________________________________________  ПРОЕКТЫ  ____________________________________________________________ */
	.projects-item{
		width: 100%;
	}
	.projects-info{
		width: 100%;
		height: 66%;
		padding: var(--px30) calc(var(--px100) + var(--px2)) var(--px30) var(--px30);
	}
	/* __________________________________________________________  ПРОЕКТ ДЕТАЛЬНАЯ  ____________________________________________________________ */
	.project-banner{
		height: calc(var(--px100) * 4 + var(--px42));
		padding: 0 var(--px18);
		padding-bottom: var(--px100);
	}
	.project-about-img{
		height: calc(var(--px100) * 3 + var(--px20));
	}
	.project-about-img-box:has(.project-about-img-logo) .project-about-img{
		height: calc(var(--px100) * 3 + var(--px20));
	}
	.project-about-img-logo{ 
		height: var(--px90);
		border-radius: 20px;
	}
	.project-klukva-map{
		width: 100%;
		position: relative;
		h2{
			position: sticky;
			left: 2.5vw;
			padding: 0 2.5vw;
		}
	}
	.project-klukva-map-svg-mob,
	.project-zona-interactive-img{
		width: 100%;
		overflow: auto;
		display: flex;
		position: relative;
		
	}
	.project-klukva-map-svg-mob::-webkit-scrollbar,
	.project-zona-interactive-img::-webkit-scrollbar {
		width: 0; 
		height: 0;      
	}
	.project-klukva-map-svg-mob .project-klukva-map-svg-mob-scroll,
	.project-zona-interactive-img .project-klukva-map-svg-mob-scroll{
		min-width: var(--px36);
		width: var(--px36);
		height: var(--px36);
		opacity: 1;
		position: absolute;
		top: var(--px20);
		left: 2.5vw;
		display: flex;
		animation: project-mob-scroll 2s infinite;
		path{
			fill-opacity: 1;
			stroke-width: 0px;
		}
	
	}
	@keyframes project-mob-scroll {
		0% {
			left: 2.5vw;
		}
		50%{
			left: 8vw;
		}
		100% {
			left: 2.5vw;
		}
	}
	.project-klukva-map svg{
		min-width: calc(var(--px100) * 5 + var(--px86));
		width: calc(var(--px100) * 5 + var(--px86));
		height: calc(var(--px100) * 5 + var(--px64));
	}
	.project-klukva-map svg.project-zona-interactive-svg{
		width: 100%;
		min-width: calc(var(--px100) * 7 + var(--px86));
	}
	.project-klukva-info-mobile-box{
		width: 100%;
		height: calc(100% - var(--px56));
		justify-content: center;
		align-items: center;
		position: absolute!important;
		top: 50%!important;
		left: 50%!important;
		transform: translate(-50%, -50%);
		transition: .4s;
		pointer-events: none;
		overflow: clip;	
		background: #00000033;
		opacity: 0;
		margin-top: var(--px28);
	}
	.project-klukva-info-mobile-box:has(.active){
		opacity: 1;
		pointer-events: all;
	}
	.project-klukva-info-mobile{
		display: flex;
		position: absolute!important;
		top: 50%!important;
		left: 50%!important;
		transform: translate(-50%, -50%);
		opacity: 0;
		z-index:9;
		width: max-content;
		flex-wrap: nowrap;
		padding: var(--px20);
		border-radius: 20px;
		gap: var(--px12);
		background: #5D1629;
		transition: opacity .4s;
		flex-direction: column;
		pointer-events: none;
		svg{
			display: flex;
			min-width: var(--px26);
			width: var(--px26);
			height: var(--px26);
			position: absolute;
			top: calc(-1 * var(--px6));
            right: calc(-1 * var(--px6));
		}
		svg path{
			fill-opacity: 1;
			stroke-width: 0px;
		}
	}
	.project-klukva-info-mobile.active{
		opacity: 1;
		pointer-events: all;
	}
	.project-klukva-info{
		display: none;
	}
	.project-klukva-info-mobile .project-klukva-info-text{
		max-width: calc(var(--px100) * 2 + var(--px60));
	}
	.project-klukva-info-img{
		min-width: calc(var(--px100) * 2 + var(--px60));
		width: calc(var(--px100) * 2 + var(--px60));
		height: calc(var(--px100) + var(--px30));		
	}


	.project-zona-content {
		gap: var(--px20);
	}
	.project-zona-map {
		height: calc(var(--px100) * 4 + var(--px14));
	}
	.project-zona-mobile-box{
		gap: var(--px10);
	}
	.project-zona-mobile-item6 .project-zona-text{
		padding: var(--px14) var(--px20);
	}
	.project-zona-img {
		border-radius: 10px; 
	}
	.project-zona-interactive{
		gap: var(--px20);
		width: 100%;
		h2{
			padding: 0 2.5vw;
		}
	}
	.project-zona-interactive-img img{
		width: calc(var(--px100) * 8 + var(--px7));
	}

	.project-structure-tab{
		gap: var(--px14);
		height: unset;
		max-height: 0;
		overflow: clip;
	}
	.swiper.project-structure-swiper{
		min-height: calc(var(--px100) * 2 + var(--px8));
		height: calc(var(--px100) * 2 + var(--px8));
		flex-grow: unset;
	}
	.swiper.project-structure-swiper .swiper-button-prev,
	.swiper.project-structure-swiper .swiper-button-next{
		display: none;
	}
	.swiper.project-structure-swiper .swiper-pagination{
		bottom: var(--px8);
	}
	.project-transp-box{
		gap: var(--px22);
	}
	.project-transp-item{
		width: 100%;
	}
	.project-transp-img{
		height: calc(var(--px100) * 3);
	}
	.project-video-box{
		gap: var(--px12);
	}
	.project-video-item{
		height: calc(var(--px100) * 3 + var(--px20));
	}
	.project-partner-item{
		width: calc(50% - var(--px20) / 2);
	}
	.project-partner-img{
		height: calc(var(--px100) + var(--px10));
	}
	.project-partner-img:has(p){
		padding: var(--px10);
	}
	.page404-text h1{
		font-size: calc(var(--px100) + var(--px50));
	}
}