/* Development - LLC "MephiPro" https://mephi.pro/*/
:root {
	--dark_color: #0D1B2A;
	--light_dark_color: #374151;
	--light_dark_transparent_color: rgba(5, 10, 25, 0.97);
	--gray_color: #5A6A7E;
	--light_gray_color: rgba(90, 106, 126, 0.10);
	--ligth_color: #ffffff;
	--blue_color: #005BAC;
	--dark_blue: #004080;
	--blue_color_hover: #0770cc;
	--accent_color: #CE1126;
	--accent_color_hover: #e0142c;
	--light_blue: rgba(0, 91, 172, 0.10);
	--bg_blue: #F2F5F9;
	--bg_light_blue: #F8FAFC;
	--light_accent_color: rgba(206, 17, 38, 0.08);
	--green_color: #1A8C3E;
	--light_green: rgba(26, 140, 62, 0.12);
	--light_green_transparent: rgba(26, 140, 62, 0.06);
	--ligth_transparent_color: rgba(255, 255, 255, 0.10);
	--ligth_transparent_color_2: rgba(255, 255, 255, 0.20);
	--place_holder_color: rgba(255, 255, 255, 0.5);
	--label_bg: rgba(255, 255, 255, 0.9);
	--label_bg_blue: rgba(0, 91, 172, 0.40);
	--label_bg_red: rgba(206, 17, 38, 0.40);
	--label_bg_orange: rgba(184, 120, 0, 0.40);
	--label_bg_green: rgba(26, 140, 62, 0.40);
	--yellow_color: #B77800E5;
	--orange_color: #B87800;
	--light_orange_color: rgba(247, 168, 0, 0.10);
	--red_color: #CE1126E5;
	--main_font: 'Raleway', system-ui;
	--title_font: 'Montserrat',system-ui;
	--line-height_13: 13px;
	--line-height_14: 14px;
	--line-height_15: 15px;
	--line-height_16: 16px;
	--line-height_18: 18px;
	--line-height_20: 20px;
	--line-height_22: 22px;
	--line-height_23: 23px;
	--line-height_24: 24px;
	--line-height_25: 25px;
	--line-height_26: 26px;
	--line-height_28: 28px;
	--line-height_30: 30px;
	--line-height_32: 32px;
	--line-height_38: 38px;
	--line-height_40: 40px;
	--line-height_45: 45px;
	--line-height_90: 90px;
}

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

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

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	font-family: var(--main_font);
	color: var(--dark_color);
	font-size: 18px;
	line-height: var(--line-height_25);
	font-weight: 400;
	background-color: var(--bg_blue);
}

body.fixed {
	overflow: hidden;
}

.screen {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
}

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


img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	image-rendering: optimizeQuality;
    image-rendering: -webkit-optimize-contrast;
}


p:not(:last-child) {
	margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--title_font);
}

h1 {
	font-size: 40px;
	line-height: var(--line-height_45);
	margin-bottom: 12px;
	font-weight: 800;
}

h2 {
	font-size: 32px;
	font-weight: 800;
	line-height: var(--line-height_40);
	margin-bottom: 10px;
}

h3 {
	color: var(--dark_color);
	font-weight: 800;
	font-size: 28px;
	line-height: var(--line-height_32);
	margin-bottom: 32px;
}

h4 {
	font-size: 16px;
	line-height: var(--line-height_18);
	font-weight: 700;
}

p:not(:last-child) {
	margin-bottom: 12px;
}

ol:not(.breadcrumbs) {
	padding-left: 10px;
	counter-reset: number;
	& strong {
		display: contents;
	}
	&:not(:last-child) {
		margin-bottom: 24px;
	}
	& li {
		list-style: none;
		display: flex;
		&:not(:last-child) {
			margin-bottom: 6px;
		}
		&::before {
			display: block;
			content: counter(number) ". ";
			counter-increment: number;
			color: var(--blue_color);
			margin-right: 12px;
		}
	}
}

ul:not(.breadcrumbs) {
	padding-left: 10px;
	& strong {
		display: contents;
	}
	&:not(:last-child) {
		margin-bottom: 24px;
	}
	& li {
		list-style: none;
		position: relative;
		padding-left: 14px;
		&:not(:last-child) {
			margin-bottom: 6px;
		}
		&::before {
			position: absolute;
			content: "";
			width: 6px;
			height: 6px;
			top: 8px;
			left: 0;
			border-radius: 50%;
			background-color: var(--blue_color);
		}
	}
	&.blue {
		padding-left: 0;
		& li {
			padding-left: 24px;
			&::before {
				width: 14px;
				height: 14px;
				top: 4px;
				background: url(../icons/check_blue.svg) center / contain no-repeat;
			}
		}
	}
	&.yellow {
		padding-left: 0;
		& li {
			padding-left: 16px;
			&::before {
				background-color: var(--yellow_color);
			}
		}
	}
	&.green {
		padding-left: 0;
		& li {
			padding-left: 24px;
			&::before {
				width: 14px;
				height: 14px;
				top: 4px;
				background: url(../icons/check_green.svg) center / contain no-repeat;
			}
		}
	}
}

.button, button {
	display: inline-block;
	transition: all 0.3s ease;
	text-align: center;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 8px 12px;
	border-radius: 16px;
	font-weight: 700;
	font-size: 13px;
	line-height: var(--line-height_20);
	font-family: var(--title_font);
	position: relative;
	background: none;
	&.big_button {
		padding: 10px 16px;
	}
	&.extra_big_button {
		padding: 16px 32px;
		font-size: 16px;
		line-height: var(--line-height_24);
	}
	&.blue_border {
		border: 2px solid var(--blue_color);
		color: var(--blue_color);
		&.big_button {
			padding: 8px 14px;
			font-size: 16px;
			line-height: var(--line-height_22);
		}
		&.link_button {
			& span {
				padding-right: 20px;
				position: relative;
				&::after {
					position: absolute;
					content: "";
					width: 15px;
					height: 15px;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
					background: url(../icons/arrow_link_blue.svg) center / contain no-repeat;
					transition: all 0.3s ease;
				}
			}
			&.big_button {
				& span {
					padding-right: 20px;
				}
			}
		}
	}
	&.light_blue_border {
		border: 1px solid var(--light_blue);
		color: var(--blue_color);
	}
	&.blue {
		background-color: var(--blue_color);
		color: var(--ligth_color);
		&.link_button {
			& span {
				padding-right: 20px;
				position: relative;
				&::after {
					position: absolute;
					content: "";
					width: 15px;
					height: 15px;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
					background: url(../icons/arrow_link_white.svg) center / contain no-repeat;
					transition: all 0.3s ease;
				}
			}
		}
	}
	&.red {
		background-color: var(--accent_color);
		color: var(--ligth_color);
		&.pay_button {
			& span {
				padding-left: 20px;
				position: relative;
				&::after {
					position: absolute;
					content: "";
					width: 15px;
					height: 15px;
					left: 0;
					top: 50%;
					transform: translateY(-50%);
					background: url(../icons/pay.svg) center / contain no-repeat;
					transition: all 0.3s ease;
				}
			}
		}
		&.link_button {
			& span {
				padding-right: 20px;
				position: relative;
				&::after {
					position: absolute;
					content: "";
					width: 18px;
					height: 18px;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
					background: url(../icons/arrow_link_white.svg) center / contain no-repeat;
					transition: all 0.3s ease;
				}
			}
			&.extra_big_button {
				& span {
					padding-right: 30px;
				}
			}
		}
	}
	&.download {
		& span {
			padding-left: 20px;
			position: relative;
			&::before {
				position: absolute;
				content: "";
				width: 13px;
				height: 13px;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
				background: url(../icons/download.svg) center / contain no-repeat;
			}
		}
	}
	&.send {
		& span {
			padding-left: 24px;
			background: url(../icons/send.svg) left 0 center / contain no-repeat;
			background-size: 15px 15px;
		}
	}
	&.print {
		& span {
			padding-left: 20px;
			position: relative;
			&::before {
				position: absolute;
				content: "";
				width: 13px;
				height: 13px;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
				background: url(../icons/print.svg) center / contain no-repeat;
			}
		}
	}
	&:disabled, &.disabled {
		opacity: 0.5;
		cursor: default;
	}
	&.search_btn {
		padding: 12px 20px;
		& span {
			padding-left: 23px;
			background: url(../icons/search_w.svg) left 0 center / contain no-repeat;
			background-size: 15px 15px;
		}
	}
}

textarea {
	font-family: var(--main_font);
	font-size: 15px;
	line-height: var(--line-height_20);
	color: var(--dark_color);
	font-weight: 400;
	&::placeholder {
		font-family: var(--main_font);
		font-size: 15px;
		line-height: var(--line-height_20);
		color: var(--gray_color);
	}
}

@keyframes zoom {
    0% {
        transform: perspective(0px) scale(1) rotate(0);
    }
    50% {
        transform: perspective(1px) scale(1.8) rotate(10deg);
    }
	100% {
		transform: perspective(0px) scale(1) rotate(0);
	}
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

@keyframes float0 {
	0% {
		transform: translateY(0px) rotate(0deg);
	}
	100% {
		transform: translateY(-10px) rotate(10deg);
	}
}

@keyframes float1 {
	0% {
		transform: translateY(0px) rotate(0deg);
	}
	100% {
		transform: translateY(-14px) rotate(-8deg);
	}
}

@keyframes float2 {
	0% {
		transform: translateY(0px) rotate(0deg);
	}
	100% {
		transform: translateY(-8px) rotate(5deg);
	}
}

@keyframes float3 {
	0% {
		transform: translateY(0px) rotate(0deg) scale(1);
	}
	100% {
		transform: translateY(-12px) rotate(-12deg) scale(0.9);
	}
}

@keyframes float4 {
	0% {
		transform: translateY(0px) rotate(0deg) scale(1);
	}
	100% {
		transform: translateY(-6px) rotate(8deg) scale(1.1);
	}
}

@keyframes pulse {
	0% {
		opacity: 0.9;
	}
	50% {
		opacity: 0.1;
	}
	100% {
		opacity: 0.9;
	}
}

input[type="text"], textarea {
	border: 1px solid var(--ligth_transparent_color_2);
	outline: none;
	font-family: var(--title_font);
	font-size: 15px;
	line-height: var(--line-height_18);
	color: var(--ligth_color);
	background-color: var(--ligth_transparent_color);
	padding: 12px 36px;
	border-radius: 16px;
	position: relative;
	backdrop-filter: blur(8px);
	transition: all 0.3s ease;
	&::placeholder {
		font-family: var(--title_font);
		font-size: 14px;
		line-height: var(--line-height_16);
		color: var(--place_holder_color);
	}
	&.search_team {
		padding-right: 16px;
		background: var(--ligth_transparent_color) url(../icons/avatar.svg) left 10px center / contain no-repeat;
		background-size: 15px 15px;
		width: 300px;
	}
	&:focus {
		border-color: var(--ligth_color);
	}
}

.wrap {
	padding: 0 45px;
}

.alert_section {
	padding: 10px 80px 10px 50px;
	position: relative;
	z-index: 2;
	font-weight: 500;
	font-family: var(--title_font);
	&.hidden {
		display: none;
	}
	& .wrap_flex {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	& .wrap_text {
		margin-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	& .close {
		position: absolute;
		width: 44px;
		height: 44px;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		cursor: pointer;
		&::before, &::after {
			position: absolute;
			content: "";
			width: 15px;
			height: 2px;
			border-radius: 1px;
			background-color: var(--ligth_color);
			left: 50%;
			top: 50%;
		}
		&::before {
			transform: translate(-50%, -50%) rotate(-45deg);
		}
		&::after {
			transform: translate(-50%, -50%) rotate(45deg);
		}
	}
	&::before {
		position: absolute;
		content: "";
		width: 16px;
		height: 16px;
		top: 50%;
		transform: translateY(-50%);
		left: 20px;
		background: url(../icons/alert.svg) center / contain no-repeat;
	}
	& span:last-child {
		display: none;
	}
	& .more_btn {
		display: block;
		padding: 10px 15px;
		border-radius: 8px;
		background-color: var(--ligth_transparent_color);
		border: 1px solid;
		transition: all 0.3s ease;
		font-family: var(--title_font);
		font-size: 13px;
		line-height: var(--line-height_16);
		font-weight: 600;
	}
}

header {
	position: relative;
	z-index: 5;
	&.main {
		& .main_menu {
			& .small_logo {
				position: absolute;
				top: 100%;
				display: block;
				width: 100px;
				height: 100px;
				background-size: 100% 100%;
			}
			&.top_fixed {
				& .small_logo {
					position: static;
					width: 40px;
					height: 40px;
					background-size: 30px 30px;
				}
			}
			& .fixed_nav {
				display: flex;
			}
		}
		& .top_menu {
			display: none;
		}
	}
}

.top_menu {
	padding: 12px 0;
	background-color: var(--blue_color);
	color: var(--ligth_color);
	& .flex_menu {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	& .logo {
		display: flex;
		justify-content: center;
		flex-direction: column;
		font-weight: 700;
		font-size: 13px;
		line-height: var(--line-height_15);
		position: relative;
		padding-left: 52px;
		min-height: 40px;
		& span {
			display: block;
			font-size: 15px;
			line-height: var(--line-height_20);
		}
		&::before {
			position: absolute;
			content: "";
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			width: 40px;
			height: 40px;
			background: url(../icons/logo_w.svg) center / contain no-repeat;
		}
	}
	& .top_nav {
		display: flex;
		align-items: center;
		font-family: var(--title_font);
	}
	& .menu_btn {
		display: none;
	}
}

.login_button {
	font-size: 14px;
	line-height: var(--line-height_20);
	font-weight: 600;
	border-radius: 12px;
	background-color: var(--ligth_transparent_color);
	padding: 13px 12px;
	position: relative;
	transition: all 0.3s ease;
	& span {
		position: relative;
		padding-left: 26px;
		&::before {
			position: absolute;
			content: "";
			width: 18px;
			height: 18px;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			background: url(../icons/login.svg) center / contain no-repeat;
		}
	}
}

.bvi-open {
	display: flex;
	align-items: center;
	padding: 14px 12px;
	margin-right: 8px;
	font-size: 13px;
	line-height: var(--line-height_18);
	font-weight: 500;
	border-radius: 12px;
	transition: all 0.3s ease;
	cursor: pointer;
	& svg {
		width: 18px;
		height: 18px;
		margin-right: 6px;
	}
}

.main_menu {
	background-color: var(--dark_blue);
	color: var(--ligth_color);
	font-family: var(--title_font);
	font-size: 14px;
	line-height: var(--line-height_20);
	top: -100px;
	transition: top 0.5s ease;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
	& .wrap_nav {
		display: flex;
	}
	& .small_logo {
		display: block;
		width: 40px;
		height: 40px;
		background: url(../icons/logo_w.svg) center / contain no-repeat;
		background-size: 30px 30px;
		margin-right: 15px;
		display: none;
	}
	& .fixed_nav {
		display: none;
		align-items: center;
		& .bvi-open {
			padding: 8px 12px;
		}
		& .login_button {
			padding-top: 7px;
			padding-bottom: 7px;
		}
	}
	&.top_fixed {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 4;
		& .small_logo {
			display: block;
		}
		& .fixed_nav {
			display: flex;
		}
	}
	& .flex_menu {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	& nav {
		display: flex;
		font-size: 14px;
		line-height: var(--line-height_20);
		font-weight: 500;
		font-family: var(--title_font);
		& a {
			display: block;
			transition: all 0.3s ease;
		}
		& .item_menu {
			position: relative;
			z-index: 3;
			& a.main_link {
				position: relative;
				padding: 12px 35px 12px 16px;
				&::after {
					position: absolute;
					content: "";
					width: 15px;
					height: 15px;
					right: 16px;
					top: 50%;
					transform: translateY(-50%);
					background: url(../icons/arrow_d_w.svg) center / contain no-repeat;
					transition: all 0.3s ease;
				}
				&.active::before {
					position: absolute;
					content: "";
					width: 100%;
					height: 2px;
					border-bottom: 2px solid var(--ligth_color);
					left: 0;
					bottom: 0;
				}
			}
			& a.link:not(.main_link) {
				padding: 12px 16px;
				position: relative;
				&.active::before {
					position: absolute;
					content: "";
					width: 100%;
					height: 2px;
					border-bottom: 2px solid var(--ligth_color);
					left: 0;
					bottom: 0;
				}
			}
		}
		& .sub_menu {
			position: absolute;
			z-index: 2;
			top: 100%;
			left: 0;
			padding: 8px;
			border-radius: 0 16px 16px 16px;
			box-shadow: 0 12px 40px 0 rgba(0, 30, 90, 0.14), 0 2px 8px 0 rgba(0, 0, 0, 0.06);
			border: 1px solid rgba(0, 91, 172, 0.12);
			background-color: var(--ligth_color);
			color: #1E2D3D;
			transition: all 0s;
			opacity: 0;
			visibility: hidden;
			&:not(.block) {
				display: grid;
				grid-template-rows: repeat(5, 1fr);
  				grid-auto-flow: column;
				grid-column-gap: 8px;
				& .sub_link:nth-child(6n) {
					&::before {
						position: absolute;
						content: "";
						width: 1px;
						height: calc(100% - 16px);
						top: 8px;
						margin-left: -16.5px;
						border-left: 1px solid rgba(0, 91, 172, 0.08);
						z-index: 1;
					}
				}
			}
		}
		& .sub_link {
			padding: 10px 12px;
			min-height: 48px;
			min-width: 250px;
			display: flex;
			align-items: center;
			border-radius: 12px;
			& .icon {
				width: 28px;
				height: 28px;
				border-radius: 12px;
				background-color: var(--light_blue);
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.3s ease;
				margin-right: 12px;
				& img {
					display: block;
					width: 15px;
					height: 15px;
					transition: all 0.3s ease;
				}
			}
			& span {
				display: block;
				max-width: calc(100% - 40px);
			}
		}
	}
	& .close {
		display: none;
	}
}

.main_banner {
	min-height: calc(100vh - 114px);
	position: relative;
	& .content_main_banner {
		position: relative;
		z-index: 2;
		padding: 55px 64px 215px 64px;
		color: var(--ligth_color);
		font-family: var(--title_font);
		& h1 {
			font-weight: 800;
			font-size: 96px;
			line-height: var(--line-height_90);
			padding-bottom: 20px;
			margin-bottom: 24px;
			position: relative;
			&::before {
				position: absolute;
				content: "";
				width: 56px;
				height: 4px;
				border-radius: 4px;
				background-color: var(--accent_color);
				left: 0;
				bottom: 0;
			}
		}
		& h2 {
			margin-bottom: 0;
			font-family: var(--main_font);
			font-size: 18px;
			line-height: var(--line-height_30);
			font-weight: 400;
			opacity: 0.7;

		}
	}
	& .label {
		padding: 5px 11px;
		border-radius: 30px;
		margin-bottom: 24px;
		background-color: var(--ligth_transparent_color);
		display: inline-block;
		border: 1px solid var(--ligth_transparent_color_2);
		font-size: 13px;
		line-height: var(--line-height_20);
		font-weight: 600;
	}
	& .slider_image {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
		& img {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
			object-fit: cover;
			&:not(:first-child) {
				display: none;
			}
		}
		& video {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
			object-fit: cover;
		}
	}
	&::before {
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 2;
		background: linear-gradient(160deg, rgba(0, 35, 90, 0.6) 0%, rgba(0, 30, 80, 0.4) 35%, rgba(0, 15, 55, 0.88) 70%, rgba(0, 10, 40, 0.98) 100%);
	}
	&::after {
		position: absolute;
		content: "";
		width: 224px;
		height: 224px;
		top: 0;
		right: 0;
		background: url(../img/bg_main_mabber.svg) center / contain	no-repeat;
		z-index: 1;
		opacity: 0.3;
	}
	& .footer_banner_decor {
		position: absolute;
		left: 0;
		bottom: -2px;
		z-index: 2;
		width: 100%;
		height: 160px;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #F2F5F9 100%);
	}
	&.video {
		& h2.label {
			margin-left: 50px;
			font-family: var(--title_font);
			font-size: 13px;
			line-height: var(--line-height_20);
			font-weight: 600;
			opacity: 1;
		}
		&::after {
			display: none;
		}
		& .content_main_banner {
			& h1 {
				font-size: 30px;
				line-height: var(--line-height_30);
				padding-left: 50px;
				padding-bottom: 0;
				margin-top: -40px;
				margin-bottom: 20px;
				&::before {
					display: none;
				}
				& br {
					display: none;
				}
			}
		}
	}
}

.section {
	padding: 56px 0;
	position: relative;
	z-index: 2;
	&.first_section_wrap {
		margin-top: -160px;
		position: relative;
		z-index: 2;
		padding-top: 0;
	}
	&.bg_section {
		background-color: var(--bg_blue);
	}
	&.white_bg_section {
		background-color: var(--ligth_color);
	}
}

.first_section {
	padding: 24px 20px;
	border-radius: 16px;
	background: var(--ligth_color);
	box-shadow: 0 -6px 40px 0 rgba(0, 30, 90, 0.14), 0 8px 30px 0 rgba(0, 0, 0, 0.07);
	& h3 {
		font-size: 20px;
		line-height: var(--line-height_24);
		margin-bottom: 0;
		color: var(--blue_color);
		position: relative;
		padding-left: 18px;
		margin-right: 20px;
		&::before {
			position: absolute;
			content: "";
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			width: 8px;
			height: 8px;
			border-radius: 50%;
			background-color: var(--accent_color);
		}
	}
}

.nav_section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	& h3 {
		margin-bottom: 0;
		margin-right: 20px;
	}
}

.nav_slider {
	display: flex;
	align-items: center;
	min-height: 36px;
	& .arrow {
		width: 36px;
		height: 36px;
		cursor: pointer;
		border-radius: 16px;
		border: 2px solid var(--blue_color);
		opacity: 0.25;
		transition: opacity 0.3s ease;
		&.prev {
			margin-right: 8px;
			background: url(../icons/arrow_prew.svg) center / contain no-repeat;
			background-size: 16px 16px;
		}
		&.next {
			background: url(../icons/arrow_next.svg) center / contain no-repeat;
			background-size: 16px 16px;
		}
	}
}

.first_slder {
	overflow: hidden;
	& .item_first_slder {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		position: relative;
		height: 380px;
		padding: 14px;
		border-radius: 16px;
		overflow: hidden;
		user-select: none;
		&::before {
			position: absolute;
			content: "";
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			z-index: 1;
			background: linear-gradient(0deg, rgba(4, 20, 50, 0.95) 0%, rgba(4, 20, 50, 0.20) 55%, rgba(0, 0, 0, 0.00) 100%);
		}
		& img {
			position: absolute;
			left: 0;
			top: 0;
			object-fit: cover;
			transition: all 0.5s ease;
		}
	}
	& .text_slider {
		position: relative;
		z-index: 2;
		color: var(--ligth_color);
		font-size: 13px;
		& .label {
			display: inline-block;
			padding: 5px 12px;
			font-family: var(--title_font);
			line-height: var(--line-height_13);
			font-weight: 700;
			text-transform: uppercase;
			margin-bottom: 8px;
			background-color: var(--blue_color);
			border-radius: 10px;
		}
		& h4 {
			text-decoration: underline;
			text-underline-offset: 2px;
			margin-bottom: 4px;
			text-decoration-thickness: 1px;
		}
		& .text {
			line-height: var(--line-height_18);
			font-weight: 600;
			opacity: 0.65;
		}
	}
}

.catalog_flex {
	display: flex;
	flex-wrap: wrap;
	margin-right: -16px;
	margin-bottom: -16px;
	& .item_catalog {
		display: flex;
		flex-direction: column;
		justify-content: end;
		position: relative;
		color: var(--ligth_color);
		margin-right: 16px;
		margin-bottom: 16px;
		border-radius: 16px;
		min-height: 260px;
		width: calc((25% - 16px));
		overflow: hidden;
		padding: 14px;
		& h4 {
			position: relative;
			z-index: 2;
		}
		& img {
			position: absolute;
			left: 0;
			top: 0;
			object-fit: cover;
			z-index: 1;
			transition: all 0.5s ease;
		}
		&::after {
			position: absolute;
			content: "";
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			z-index: 1;
			background: linear-gradient(0deg, rgba(0, 35, 100, 0.92) 0%, rgba(0, 35, 100, 0.12) 65%, rgba(0, 0, 0, 0.00) 100%);
		}
		&::before {
			position: absolute;
            content: "";
            width: 32px;
            height: 32px;
            border-radius: 50%;
			border: 1px solid var(--ligth_transparent_color_2);
            z-index: 2;
            background: var(--ligth_transparent_color) url(../icons/arrow_link_white.svg) center / contain no-repeat;
            background-size: 16px 16px;
			backdrop-filter: blur(8px);
            top: 16px;
            right: 16px;
            opacity: 0;
            transition: opacity 0.5s ease;
		}
	}
}

.label_title {
	display: inline-block;
	font-size: 13px;
	line-height: var(--line-height_16);
	font-weight: 700;
	font-family: var(--title_font);
	text-transform: uppercase;
	padding: 5px 12px 4px 12px;
	border-radius: 25px;
	margin-bottom: 8px;
	&.blue {
		background-color: var(--light_blue);
		color: var(--blue_color);
	}
	&.red {
		color: var(--accent_color);
		background-color: var(--light_accent_color);
	}
}

.catalog_grid {
	display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
	color: var(--ligth_color);
	& .item_catalog {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		position: relative;
		border-radius: 16px;
		overflow: hidden;
		padding: 20px;
		&:nth-child(1) {
			grid-column: 1 / 2;
            grid-row: 1 / 3;
			& h4 {
				font-size: 22px;
				line-height: var(--line-height_24);
			}
		}
		&:not(:first-child) {
			min-height: 300px;
		}
		& img {
			position: absolute;
			left: 0;
			top: 0;
			object-fit: cover;
			z-index: 1;
			transition: all 0.5s ease;
		}
		&::before {
			position: absolute;
			content: "";
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			z-index: 2;
			background: linear-gradient(0deg, rgba(0, 15, 55, 0.96) 0%, rgba(0, 15, 55, 0.50) 45%, rgba(0, 15, 55, 0.08) 80%, rgba(0, 0, 0, 0.00) 100%);
		}
		&::after {
			position: absolute;
			content: "";
			width: 32px;
			height: 32px;
			border-radius: 50%;
			z-index: 2;
			box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 10px;
			background: var(--blue_color) url(../icons/arrow_link_white.svg) center / contain no-repeat;
			background-size: 16px 16px;
			top: 20px;
			right: 20px;
			opacity: 0;
			transition: opacity 0.5s ease;
		}
	}
	& .content_item {
		position: relative;
		z-index: 3;
		& .label {
			display: inline-block;
			padding: 2px 11px;
			border-radius: 20px;
			font-family: var(--title_font);
			font-size: 13px;
			line-height: var(--line-height_16);
			border: 1px solid var(--ligth_transparent_color_2);
			background-color: var(--ligth_transparent_color);
			font-weight: 600;
			margin-bottom: 8px;
		}
		& h4 {
			margin-bottom: 4px;
			text-decoration: underline;
			text-underline-offset: 2px;
			text-decoration-thickness: 1px;
		}
		& .text_row {
			margin-bottom: 6px;
			font-size: 13px;
			line-height: var(--line-height_18);
			font-weight: 600;
			opacity: 0.6;
		}
		& .address_row {
			font-family: var(--title_font);
			font-size: 13px;
			line-height: var(--line-height_18);
			font-weight: 600;
			opacity: 0.45;
			padding-left: 18px;
			position: relative;
			&::before {
				position: absolute;
				content: "";
				width: 15px;
				height: 15px;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
				background: url(../icons/pin.svg) center / contain no-repeat;
			}
		}
	}
}

.catalog_event_flex {
	display: flex;
	flex-wrap: wrap;
	margin-right: -20px;
	margin-bottom: -20px;
	font-family: var(--title_font);
	& .item_catalog {
		margin-right: 20px;
		margin-bottom: 20px;
		width: calc(25% - 20px);
		border-radius: 16px;
		border: 0.8px solid rgba(0, 91, 172, 0.12);
		background: var(--ligth_color);
		overflow: hidden;
		transition: all 0.3s ease;
		display: flex;
		flex-direction: column;
		&.canceled {
			opacity: 0.6;
			& .header_item {
				& .date {
					background-color: var(--light_gray_color);
				}
			}
		}
	}
	& .header_item {
		display: block;
		position: relative;
		overflow: hidden;
		height: 190px;
		color: var(--ligth_color);
		& .date {
			position: absolute;
			border-radius: 16px;
			background-color: var(--blue_color);
			box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
			z-index: 2;
			font-weight: 600;
			font-size: 13px;
			line-height: var(--line-height_13);
			padding: 8px 12px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			top: 12px;
			left: 12px;
			min-height: 60px;
			min-width: 60px;
			&.yellow {
				background-color: var(--yellow_color);
			}
			&.red {
				background-color: var(--red_color);
			}
			& .val {
				margin-bottom: 2px;
				font-weight: 800;
				font-size: 26px;
				line-height: var(--line-height_26);
			}
		}
		& .inf {
			position: absolute;
			top: 12px;
			right: 12px;
			z-index: 2;
			font-size: 13px;
			line-height: var(--line-height_13);
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			& .label_inf {
				display: inline-block;
				border-radius: 12px;
				background: rgba(0, 0, 0, 0.40);
				padding: 4px 8px;
				&:first-child {
					font-weight: 600;
				}
				&:not(:last-child) {
					margin-bottom: 2px;
				}
			}
		}
		& img {
			position: absolute;
			left: 0;
			top: 0;
			object-fit: cover;
			z-index: 1;
			transition: all 0.5s ease;
		}
		&::after {
			position: absolute;
			content: "";
			background: linear-gradient(135deg, rgba(0, 20, 60, 0.72) 0%, rgba(0, 20, 60, 0.20) 60%, rgba(0, 0, 0, 0.00) 100%);
			width: 100%;
			height: 100%;
			z-index: 1;
			left: 0;
			top: 0;
		}
		& .allert_label {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			padding: 8px 16px;
			z-index: 2;
			font-size: 13px;
			line-height: var(--line-height_16);
			font-weight: 700;
			text-align: center;
			& span {
				padding-left: 20px;
			}
			&.cncd {
				background-color: var(--red_color);
				& span {
					background: url(../icons/canceled.svg) left 0 center / contain no-repeat;
					background-size: 13px 13px;
				}
			}
			&.chngd {
				background-color: var(--yellow_color);
				& span {
					background: url(../icons/changed.svg) left 0 center / contain no-repeat;
					background-size: 13px 13px;
				}
			}
		}
	}
	& .footer_item {
		padding: 16px;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		& .row {
			&:not(:last-child) {
				margin-bottom: 12px;
			}
			&.flex_row {
				display: flex;
				align-items: center;
			}
		}
		& .label {
			font-size: 13px;
			line-height: var(--line-height_13);
			border-radius: 20px;
			border: 1px solid transparent;
			padding: 6px 8px;
			display: inline-block;
			font-weight: 700;
			&:not(:last-child) {
				margin-right: 8px;
			}
			&.blue {
				background-color: var(--light_blue);
				border-color: var(--light_blue);
				color: var(--blue_color);
			}
			&.blue_border {
				border-color: var(--light_blue);
				font-weight: 400;
				color: var(--light_dark_color);
			}
			&.green {
				color: var(--green_color);
				background-color: var(--light_green);
			}
		}
		& h4 {
			margin-bottom: 12px;
			flex-grow: 1;
		}
		& .address_row {
			margin-bottom: 12px;
			display: block;
			padding-left: 18px;
			color: var(--gray_color);
			position: relative;
			font-size: 13px;
			line-height: var(--line-height_16);
			&::before {
				position: absolute;
				content: "";
				width: 15px;
				height: 15px;
				left: 0;
				top: 0;
				background: url(../icons/pin_g.svg) center / contain no-repeat;
			}
		}
		& .nav_row {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
			margin-bottom: -8px;
			& .label {
				margin-bottom: 8px;
				display: block;
			}
			& .button {
				margin-bottom: 8px;
			}
		}
	}
}

.signUp_section {
	text-align: center;
	background: var(--blue_color);
	position: relative;
	color: var(--ligth_color);
	z-index: 4;
	& .text_signUp {
		margin: 0 auto 32px auto;
		font-size: 16px;
		line-height: var(--line-height_26);
		max-width: 512px;
		opacity: 0.75;
	}
	&::after {
		position: absolute;
		content: "";
		opacity: 0.07;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		background: url(../img/decor.svg);
		background-size: 60px 60px;
	}
	& .button {
		box-shadow: 0 4px 20px 0 rgba(206, 17, 38, 0.40);
		position: relative;
		z-index: 2;
	}
}

.pos_section {
	position: relative;
	background: linear-gradient(135deg, #A7ACB5 0%, #5D96CF 50%, #003F8A 100%);
	& #js-show-iframe-wrapper {
		position: relative;
		z-index: 2;
		background: unset;
	}
	&::after {
		position: absolute;
		content: "";
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0.06;
		background: url(../img/decor_square.svg);
	}
}

.small_slider {
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	font-weight: 600;
	font-family: var(--title_font);
	position: relative;
	word-wrap: break-word;
	&::before {
		position: absolute;
		content: "";
		left: 0;
		top: 0;
		height: 100%;
		width: 64px;
		z-index: 2;
		background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
	}
	&::after {
		position: absolute;
		content: "";
		right: 0;
		top: 0;
		height: 100%;
		width: 64px;
		z-index: 2;
		background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
	}
	& .item_small_slider {
		display: flex;
		align-items: center;
		border-radius: 16px;
		border: 1px solid var(--light_blue);
		background: var(--ligth_color);
		padding: 14px;
		width: calc(20% - 20px);
		& .icon {
			width: 88px;
			height: 68px;
			border-radius: 16px;
			padding: 10px;
			margin-right: 15px;
			background-color: var(--light_blue);
			& img {
				display: block;
			}
		}
		& .title {
			width: calc(100% - 103px);
		}
	}
}

footer {
	position: relative;
	z-index: 2;
	background-color: var(--dark_blue);
	padding: 48px 32px;
	color: var(--ligth_color);
	font-family: var(--title_font);
	font-size: 14px;
	line-height: var(--line-height_20);
	& a {
		display: block;
	}
	&::after {
		position: absolute;
		content: "";
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0.06;
		background: url(../img/decor.svg);
		background-size: 100px 100px;
	}
	& .footer_flex {
		display: flex;
		position: relative;
		z-index: 2;
		margin-bottom: 40px;
	}
	& .col {
		flex: 1;
		&:not(:last-child) {
			margin-right: 48px;
		}
	}
	& .logo {
		display: flex;
		justify-content: center;
		flex-direction: column;
		font-weight: 700;
		font-size: 13px;
		line-height: var(--line-height_15);
		position: relative;
		padding-left: 52px;
		min-height: 40px;
		font-family: var(--main_font);
		margin-bottom: 16px;
		& span {
			display: block;
			font-size: 15px;
			line-height: var(--line-height_20);
		}
		& .name {
			opacity: 0.7;
		}
		&::before {
			position: absolute;
			content: "";
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			width: 40px;
			height: 40px;
			background: url(../icons/logo_w.svg) center / contain no-repeat;
		}
	}
	& .text_col {
		opacity: 0.65;
		font-size: 13px;
		line-height: var(--line-height_20);
	}
	& .title_col {
		margin-bottom: 16px;
		font-weight: 700;
		text-transform: uppercase;
	}
	& .list  {
		& a {
			transition: all 0.3s ease;
			opacity: 0.7;
			font-weight: 600;
			&:not(:last-child) {
				margin-bottom: 10px;
			}
		}
	}
	& .social_links {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 12px;
		& a {
			width: 44px;
			height: 44px;
			border-radius: 16px;
			background-color: var(--ligth_transparent_color);
			display: flex;
			align-items: center;
			justify-content: center;
			margin-right: 12px;
			margin-bottom: 12px;
			transition: all 0.3s ease;
			& img {
				display: block;
				width: 20px;
				height: 20px;
			}
		}
	}
	& .footnote_footer {
		padding-top: 24px;
		border-top: 1px solid var(--ligth_transparent_color);
		display: flex;
		justify-content: space-between;
		font-size: 13px;
		line-height: var(--line-height_16);
		position: relative;
		z-index: 2;
	}
	& .copyright {
		margin-right: 20px;
		opacity: 0.45;
	}
	& .links {
		display: flex;
		flex-wrap: wrap;
		font-weight: 600;
		margin-right: -16px;
		margin-bottom: 10px;
		& a {
			transition: all 0.3s ease;
			opacity: 0.45;
			display: block;
			margin-right: 16px;
			margin-bottom: 10px;
		}
	}
	& .dev_info {
		text-align: right;
		opacity: 0.45;
		& a {
			display: inline;
			text-decoration: underline;
		}
	}
	& .contacts_list {
		& a {
			transition: all 0.3s ease;
			opacity: 0.7;
			position: relative;
			padding-left: 20px;
			&:not(:last-child) {
				margin-bottom: 12px;
			}
			&::before {
				position: absolute;
				content: "";
				width: 15px;
				height: 15px;
				left: 0;
				top: 3px;
			}
			&.address::before {
				background: url(../icons/pin.svg) center / contain no-repeat;
			}
			&.phone::before {
				background: url(../icons/phone.svg) center / contain no-repeat;
			}
			&.mail::before {
				background: url(../icons/mail.svg) center / contain no-repeat;
			}
			&.link::before {
				background: url(../icons/link.svg) center / contain no-repeat;
			}
		}
	}
}

.wrap_fixed_button {
	position: fixed;
	right: 24px;
	bottom: 40px;
	z-index: 4;
	display: flex;
	align-items: flex-end;
	&.hidden {
		opacity: 0;
		visibility: hidden;
	}
}

.scroll_top {
	width: 56px;
	height: 56px;
	margin-right: 10px;
	cursor: pointer;
	background: linear-gradient(175deg, #0E4FB5 0%, #E92B11 100%);
	box-shadow: 0 8px 32px 0 rgba(14, 79, 181, 0.35), 0 2px 8px 0 rgba(233, 43, 17, 0.25);
	border-radius: 50%;
	position: relative;
	transition: all 0.3s ease;
	will-change: transform;
	opacity: 0;
	visibility: hidden;
	&::after {
		position: absolute;
		content: "";
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 20px;
		height: 20px;
		background: url(../icons/arrow_link_white_up.svg) center / contain no-repeat;
	}
	&.active {
		opacity: 1;
		visibility: visible;
	}
}

.ai_button {
	transition: all 0.3s ease;
	will-change: transform;
	cursor: pointer;
	width: 200px;
	height: 200px;
	background: url(../img/fox_button.webp) center / contain no-repeat;
	font-size: 0;
	line-height: 0;
	margin-bottom: -6px;
}

.online_button {
	position: fixed;
	left: 24px;
	bottom: 40px;
	z-index: 4;
	background: linear-gradient(-135deg, #0E4FB5 10%, #E92B11 100%);
	padding: 17px 18px;
	font-size: 15px;
	line-height: var(--line-height_22);
	font-weight: 700;
	font-family: var(--title_font);
	color: var(--ligth_color);
	cursor: pointer;
	transition: all 0.3s ease;
	will-change: transform;
	border-radius: 16px;
	text-align: center;
}

.popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
	overflow: hidden;
	display: none;
	backdrop-filter: blur(8px);
	& .content_popup {
		flex: 1;
		height: 100%;
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}
	& .header_popup {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: var(--blue_color);
		padding: 15px 20px;
		color: var(--ligth_color);
		& .wrap_title {
			display: flex;
		}
		& .icon {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			background-color: var(--ligth_transparent_color_2);
			box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
			padding: 5px;
			margin-right: 12px;
			& img {
				display: block;
			}
			&.active img {
				animation: zoom 1s 1s;
			}
		}
		& .title {
			max-width: calc(100% - 62px);
			& span {
				display: block;
				padding-left: 14px;
				font-size: 13px;
				line-height: var(--line-height_20);
				color: rgba(255, 255, 255, 0.80);
				position: relative;
				&::before {
					position: absolute;
					content: "";
					width: 8px;
					height: 8px;
					border-radius: 50%;
					background-color: var(--green_color);
					left: 0;
					top: 50%;
					transform: translateY(-50%);
				}
			}
		}
		& .name {
			font-family: var(--title_font);
			margin-bottom: 2px;
			font-size: 16px;
			line-height: var(--line-height_20);
			font-weight: 700;
		}
		& nav {
			display: flex;
			align-items: center;
		}
		& .reset {
			width: 36px;
			height: 36px;
			margin-right: 8px;
			cursor: pointer;
			background: url(../icons/reset.svg) center / contain no-repeat;
			background-size: 18px 18px;
			opacity: 0.7;
			transition: all 0.3s ease;
		}
		& .close {
			width: 36px;
			height: 36px;
			cursor: pointer;
			background: url(../icons/close.svg) center / contain no-repeat;
			background-size: 20px 20px;
			opacity: 0.7;
			transition: all 0.3s ease;
		}
	}
	& .body_popup {
		overflow: hidden;
		overflow-y: auto;
		flex-grow: 1;
		background-color: var(--bg_blue);
		padding: 20px 16px;
		& a {
			color: var(--blue_color);
		}
		&.widget_wrap {
			display: flex;
			flex-direction: column;
			& iframe {
				flex: 1;
			}
		}
		& .form_message {
			display: none;
		}
		& button.send {
			width: 100%;
		}
	}
	& .left_answer {
		padding-left: 44px;
		padding-right: 70px;
		position: relative;
		margin-bottom: 16px;
		& .answer {
			border-radius: 18px 18px 18px 4px;
			background: var(--ligth_color);
			box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
		}
		& .icon {
			width: 32px;
			height: 32px;
			border-radius: 50%;
			position: absolute;
			left: 0;
			bottom: 0;
			padding: 5px;
			background-color: var(--ligth_color);
			& img {
				display: block;
			}
		}
	}
	& .answer {
		padding: 12px 16px;
		margin-bottom: 4px;
		overflow: hidden;
	}
	& .time {
		font-size: 13px;
		line-height: var(--line-height_18);
		color: var(--gray_color);
		font-family: var(--title_font);
	}
	& .right_answer {
		display: flex;
		justify-content: flex-end;
		text-align: right;
		padding-left: 70px;
		margin-bottom: 16px;
		& .wrap_answer {
			justify-content: flex-end;
		}
		& .answer {
			border-radius: 18px 18px 4px 18px;
			background-color: var(--blue_color);
			color: var(--ligth_color);
		}
	}
	& .footer_popup {
		background-color: var(--ligth_color);
		border-top: 1px solid rgba(0, 91, 172, 0.12);
		padding: 12px 16px 16px 12px;
		& .wrap_field {
			display: flex;
			align-items: center;
			margin-bottom: 8px;
			background-color: var(--bg_blue);
			border-radius: 16px;
			border: 1px solid var(--light_accent_color);
			overflow: hidden;
			padding-right: 16px;
			& textarea {
				margin-right: 8px;
				width: calc(100% - 44px);
				resize: none;
				height: 60px;
				padding: 20px 16px;
				border: 0;
				outline: none;
				background: none;
				color: var(--dark_color);
				&::placeholder {
					color: var(--gray_color);
				}
			}
		}
		& .button_send {
			width: 36px;
			height: 36px;
			border-radius: 16px;
			opacity: 0.35;
			background: linear-gradient(135deg, #0E4FB5 0%, #E92B11 100%);
			position: relative;
			transition: all 0.3s ease;
			will-change: transform;
			&::after {
				position: absolute;
				content: "";
				width: 16px;
				height: 16px;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				background: url(../icons/send.svg) center / contain no-repeat;
			}
			&.active {
				opacity: 1;
				cursor: pointer;
			}
		}
		& .footnote_popup {
			text-align: center;
			font-size: 13px;
			line-height: var(--line-height_16);
			color: var(--gray_color);
		}
	}
	& .wrap_decor {
		flex: 1;
		overflow: hidden;
		position: relative;
		&::before {
			position: absolute;
			content: "";
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 20, 60, 0.55);
		}
		&::after {
			position: absolute;
			content: "";
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: radial-gradient(at 70% 50%, rgba(14, 79, 181, 0.18) 0%, transparent 65%), radial-gradient(at 30% 80%, rgba(233, 43, 17, 0.12) 0%, transparent 55%);
		}
	}
	& .decor {
		position: absolute;
		background: url(../img/decor.svg);
		background-size: 120px 120px;
		opacity: 0.06;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
}

.page_banner {
	position: relative;
	z-index: 2;
	background-color: var(--blue_color);
	padding: 24px 0;
	color: var(--ligth_color);
	&.decor_banner {
		padding: 48px 0;
		&::after {
			position: absolute;
			content: "";
			opacity: 0.06;
			z-index: 1;
			background: url(../img/decor.svg);
			background-size: 90px 90px;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
		}
	}
	& .content_page_banner {
		position: relative;
		z-index: 2;
	}
	& .text_page_banner {
		opacity: 0.7;
	}
	& h2.text_page_banner {
		margin-bottom: 0;
		font-size: 16px;
		font-weight: 400;
		line-height: var(--line-height_22);
		font-family: var(--main_font);
	}
	& .flex_content {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		&:not(:last-child) {
			margin-bottom: 24px;
		}
		& .col {
			padding-right: 40px;
		}
		& .inf_count {
			font-family: var(--title_font);
			font-size: 15px;
			line-height: var(--line-height_18);
			font-weight: 500;
			opacity: 0.6;
			& span {
				font-size: 26px;
				line-height: var(--line-height_40);
				font-weight: 700;
			}
			&.flex_inf {
				display: flex;
				& .item_count {
					text-align: center;
					&:not(:last-child) {
						margin-right: 24px;
					}
				}
				& span {
					display: block;
					&.color {
						color: #FFAA44;
					}
				}
			}
		}
		& .link_button:not(.red) {
			border-radius: 16px;
			border: 1px solid var(--ligth_transparent_color_2);
			background-color: var(--ligth_transparent_color);
			padding: 12px 20px;
			font-family: var(--title_font);
			font-size: 14px;
			line-height: var(--line-height_20);
			font-weight: 600;
			color: var(--ligth_color);
			backdrop-filter: blur(5px);
			transition: all 0.3s ease;
			display: inline-block;
			& span {
				padding-left: 24px;
				background: url(../icons/link_w.svg) left 0 center / contain no-repeat;
				background-size: 16px 16px;
				display: inline-block;
			}
		}
		& .title_wrap {
			flex: 2;
			margin-right: 32px;
		}
		& .flex_label {
			display: flex;
			font-family: var(--title_font);
			font-size: 15px;
			line-height: var(--line-height_18);
			padding-top: 12px;
			& .item_label {
				padding: 12px;
				border-radius: 16px;
				background-color: var(--ligth_transparent_color);
				border: 1px solid var(--ligth_transparent_color_2);
				flex: 1;
				&:not(:last-child) {
					margin-right: 12px;
				}
			}
			& .title {
				font-size: 13px;
				line-height: var(--line-height_16);
				padding-left: 22px;
				margin-bottom: 6px;
				color: rgba(255, 255, 255, 0.65);
				text-transform: uppercase;
				font-weight: 600;
				&.ic_1 {
					background: url(../icons/date_w.svg) left 0 center / contain no-repeat;
					background-size: 16px 16px;
				}
				&.ic_2 {
					background: url(../icons/clock_wt.svg) left 0 center / contain no-repeat;
					background-size: 16px 16px;
				}
				&.ic_3 {
					background: url(../icons/pin_wt.svg) left 0 center / contain no-repeat;
					background-size: 16px 16px;
				}
				&.ic_4 {
					background: url(../icons/age.svg) left 0 center / contain no-repeat;
					background-size: 16px 16px;
				}
			}
			& .val {
				text-transform: uppercase;
				font-weight: 700;
			}
		}
		& .nav {
			background-color: var(--ligth_transparent_color);
			border: 1px solid var(--ligth_transparent_color_2);
			padding: 20px;
			border-radius: 16px;
			flex: 1;
			& .first_label {
				display: inline-block;
				font-family: var(--title_font);
				margin-bottom: 16px;
				font-size: 13px;
				line-height: var(--line-height_16);
				font-weight: 600;
				padding: 8px 12px 8px 32px;
				border-radius: 16px;
				background: var(--label_bg_green) url(../icons/check_white.svg) left 12px center / contain no-repeat;
				background-size: 14px 14px;
				border: 1px solid var(--ligth_color);
				&.orange {
					background: var(--label_bg_orange) url(../icons/check_white.svg) left 12px center / contain no-repeat;
					background-size: 14px 14px;
				}
			}
			& h2 {
				font-family: var(--main_font);
				font-size: 14px;
				line-height: var(--line-height_20);
				color: var(--label_bg);
				font-weight: 400;
				margin-bottom: 16px;
			}
			& .obj {
				font-size: 14px;
				line-height: var(--line-height_20);
				color: var(--label_bg);
				margin-bottom: 4px;
			}
			& .address {
				font-size: 14px;
				line-height: var(--line-height_20);
				color: var(--label_bg);
				padding-left: 22px;
				background: url(../icons/pin_w.svg) left 0 top 2px / contain no-repeat;
				background-size: 14px 14px;
				margin-bottom: 16px;
			}
			& .link_button {
				width: 100%;
				padding: 16px 32px;
				font-size: 16px;
        		line-height: var(--line-height_24);
				background-color: var(--blue_color);
				& span {
					padding-left: 0;
					background: none;
				}
			}
			& .pay_button {
				width: 100%;
			}
		}
	}
	&.image_banner {
		min-height: calc(100% - 114px);
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding-bottom: 100px;
		& img {
			position: absolute;
			left: 0;
			top: 0;
			object-fit: cover;
		}
		&::after {
			position: absolute;
			content: "";
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			z-index: 1;
			background: linear-gradient(0deg, rgba(0, 40, 100, 0.92) 10%, rgba(0, 40, 100, 0.40) 60%, rgba(0, 0, 0, 0.00) 100%);
		}
		& .flex_title {
			display: flex;
			flex-wrap: wrap;
			font-size: 15px;
			font-weight: 400;
			line-height: var(--line-height_22);
			& .address {
				margin-right: 16px;
				padding-left: 20px;
				background: url(../icons/pin_w.svg) left 0 center / contain no-repeat;
				background-size: 15px 15px;
				margin-bottom: 8px;
			}
			& .phone {
				margin-right: 16px;
				display: block;
				opacity: 0.7;
				padding-left: 20px;
				background: url(../icons/phone_w.svg) left 0 center / contain no-repeat;
				background-size: 15px 15px;
				transition: opacity 0.3s ease;
				margin-bottom: 8px;
			}
			& .clock {
				opacity: 0.7;
				padding-left: 20px;
				background: url(../icons/clock.svg) left 0 center / contain no-repeat;
				background-size: 15px 15px;
				margin-bottom: 8px;
			}
		}
	}
	& .header_nav {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		& .wrap_search {
			margin-right: 12px;
			margin-bottom: 8px;
			position: relative;
			& .clean {
				position: absolute;
				right: 14px;
				width: 15px;
				height: 15px;
				top: 50%;
				transform: translateY(-50%);
				z-index: 1;
				cursor: pointer;
				background: url(../icons/close_w.svg) center / contain no-repeat;
				display: none;
			}
		}
		& input {
			padding-left: 40px;
			background: url(../icons/search.svg) left 14px center / contain no-repeat;
			background-size: 15px 15px;
			width: 380px;
		}
		& .button_nav {
			cursor: pointer;
			padding: 12px 16px;
			background-color: var(--ligth_transparent_color);
			border: 1px solid var(--ligth_transparent_color_2);
			border-radius: 16px;
			font-size: 15px;
    		line-height: var(--line-height_18);
			font-family: var(--title_font);
			font-weight: 500;
			margin-bottom: 8px;
			transition: all 0.3s ease;
			backdrop-filter: blur(5px);
			&:not(:last-child) {
				margin-right: 8px;
			}
			&.active {
				background-color: var(--ligth_transparent_color_2);
				border-color: var(--ligth_color);
				text-shadow: 0 0 1px var(--ligth_color);
			}
			& span {
				padding: 2px 6px;
				border-radius: 10px;
				background-color: var(--ligth_transparent_color_2);
				font-size: 13px;
				line-height: var(--line-height_16);
				font-weight: 700;
			}
			&.status {
				&::before {
					display: inline-block;
					content: "";
					width: 8px;
					height: 8px;
					border-radius: 50%;
					margin-right: 8px;
				}
				&.st_1::before {
					background-color: var(--green_color);
				}
				&.st_2::before {
					background-color: var(--yellow_color);
				}
				&.st_3::before {
					background-color: var(--blue_color);
				}
				&.st_4::before {
					background-color: var(--gray_color);
				}
				&.st_5::before {
					background-color: var(--red_color);
				}
			}
		}
	}
	&.dark_image_banner {
		padding-top: 100px;
		& .bg_image {
			position: absolute;
			left: 0;
			top: 0;
			object-fit: cover;
		}
		& .content_page_banner {
			padding: 0 32px 40px 32px;
		}
		&::after {
			position: absolute;
			content: "";
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
			background: linear-gradient(180deg, rgba(0, 10, 40, 0.45) 0%, rgba(0, 5, 30, 0.85) 70%, rgba(0, 5, 30, 0.97) 100%);
		}
		& .breadcrumbs {
			margin-bottom: 24px;
		}
	}
	& .flex_labels {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 8px;
		font-family: var(--title_font);
		font-size: 13px;
		line-height: var(--line-height_18);
		& .label {
			margin-right: 8px;
			margin-bottom: 8px;
			padding: 6px 12px 6px 30px;
			border-radius: 16px;
			font-weight: 700;
			&.blue {
				background: var(--label_bg_blue) url(../icons/label_white.svg) left 12px center / contain no-repeat;
				background-size: 12px 12px;
			}
			&.red {
				background: var(--label_bg_red) url(../icons/label_white.svg) left 12px center / contain no-repeat;
				background-size: 12px 12px;
			}
			&.orange {
				background: var(--label_bg_orange) url(../icons/label_white.svg) left 12px center / contain no-repeat;
				background-size: 12px 12px;
			}
			&.green {
				background: var(--label_bg_green) url(../icons/label_white.svg) left 12px center / contain no-repeat;
				background-size: 12px 12px;
			}
		}
		& .date {
			margin-right: 8px;
			margin-bottom: 8px;
			padding: 6px 0 6px 20px;
			background: url(../icons/date.svg) left 0 center / contain no-repeat;
			background-size: 13px 13px;
		}
	}
	& h1:last-child {
		margin-bottom: 0;
	}
	&.transparent {
		background-color: unset;
		color: var(--dark_color);
		& .breadcrumbs {
			& a {
				opacity: 1;
				color: var(--blue_color);
			}
			& li {
				&:last-child {
					font-weight: 400;
					color: var(--gray_color);
				}
			}
		}
		& h1 {
			color: var(--blue_color);
		}
	}
	& .label {
		padding: 5px 11px;
		border-radius: 30px;
		margin-bottom: 16px;
		background-color: var(--ligth_transparent_color);
		display: inline-block;
		border: 1px solid var(--ligth_transparent_color_2);
		font-size: 13px;
		line-height: var(--line-height_20);
		font-weight: 600;
	}
}

.wrap_team_header {
	display: flex;
	& .image {
		width: 140px;
		height: 185px;
		overflow: hidden;
		border-radius: 16px;
		margin-right: 24px;
		border: 4px solid var(--ligth_transparent_color_2);
		cursor: zoom-in;
		& img {
			display: block;
			object-fit: cover;
		}
	}
	& .text_team_header {
		width: calc(100% - 164px);
		& h2 {
			font-family: var(--main_font);
			font-size: 18px;
			line-height: var(--line-height_20);
			font-weight: 400;
			margin-bottom: 12px;
		}
	}
	& .team_label_list {
		display: flex;
		flex-wrap: wrap;
		margin-right: -8px;
		margin-bottom: -8px;
		font-family: var(--title_font);
		font-size: 13px;
		line-height: var(--line-height_16);
		font-weight: 500;
	}
	& .team_label {
		margin-right: 8px;
		margin-bottom: 8px;
		border-radius: 12px;
		padding: 6px 12px 6px 30px;
		&.rank {
			background: var(--ligth_transparent_color) url(../icons/rank_icon.svg) left 12px center / contain no-repeat;
			background-size: 13px 13px;
		}
		&.work {
			background: var(--ligth_transparent_color) url(../icons/work_icon.svg) left 12px center / contain no-repeat;
			background-size: 13px 13px;
		}
	}
	& .obj {
		padding: 6px 0;
	}
}

.breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	font-family: var(--title_font);
	font-size: 13px;
	line-height: var(--line-height_18);
	margin-bottom: 8px;
	& li {
		list-style: none;
		margin-bottom: 8px;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 325px;
		white-space: nowrap;
		&:not(:last-child) {
			margin-right: 6px;
		}
		&:last-child {
			font-weight: 600;
		}
		& a {
			opacity: 0.65;
			transition: opacity 0.3s ease;
			&::after {
				display: inline-block;
				content: "/";
				padding-left: 6px;
			}
		}
	}
}

.sub_catalog {
	display: flex;
	flex-wrap: wrap;
	margin-right: -25px;
	margin-bottom: -25px;
	& .item_catalog {
		display: flex;
		flex-direction: column;
		margin-right: 25px;
		margin-bottom: 25px;
		width: calc((100% / 3) - 25px);
		border-radius: 16px;
		border: 1px solid var(--light_blue);
		background: var(--ligth_color);
		overflow: hidden;
		transition: all 0.3s ease;
		& .header_item {
			overflow: hidden;
			position: relative;
			height: 245px;
			& img {
				position: absolute;
				object-fit: cover;
				left: 0;
				top: 0;
				transition: all 0.5s ease;
				will-change: transform;
			}
			&::after {
				position: absolute;
				content: "";
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				background: linear-gradient(0deg, rgba(0, 25, 70, 0.75) 0%, rgba(0, 0, 0, 0.00) 55%);
				z-index: 1;
			}
		}
		& .inf {
			position: absolute;
			z-index: 2;
			display: flex;
			flex-wrap: wrap;
			left: 12px;
			bottom: 4px;
			font-family: var(--title_font);
			font-size: 13px;
			line-height: var(--line-height_16);
			font-weight: 600;
			color: var(--ligth_color);
			max-width: calc(100% - 24px);
			& .label_inf {
				border-radius: 12px;
				border: 1px solid var(--ligth_transparent_color_2);
				background: var(--ligth_transparent_color);
				margin-right: 8px;
				margin-bottom: 8px;
				padding: 4px 10px;
				&.blue {
					background-color: var(--light_blue);
					border-color: var(--light_blue);
					color: var(--blue_color);
				}
			}
		}
		& .footer_item {
			padding: 20px;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			flex-grow: 1;
			font-size: 15px;
			line-height: var(--line-height_20);
		}
		& .title {
			display: flex;
			align-items: center;
			font-family: var(--title_font);
			font-size: 16px;
			line-height: var(--line-height_20);
			font-weight: 700;
			margin-bottom: 8px;
			& .icon {
				width: 36px;
				height: 36px;
				margin-right: 12px;
				border-radius: 16px;
				background-color: var(--light_blue);
				border-radius: 50%;
				padding: 6px;
			}
			& span:nth-child(2) {
				max-width: calc(100% - 48px);
			}
		}
		& .text {
			color: var(--gray_color);
			font-weight: 600;
			margin-bottom: 16px;
			flex-grow: 1;
			&.address {
				padding-left: 20px;
				background: url(../icons/obj_i.svg) left 0 top 2px / contain no-repeat;
				background-size: 14px 14px;
			}
		}
		& .label_button {
			color: var(--blue_color);
			font-family: var(--title_font);
			font-weight: 600;
			position: relative;
			display: inline-block;
			padding-right: 21px;
			&::after {
				position: absolute;
				content: "";
				width: 15px;
				height: 15px;
				background: url(../icons/arrow_link_blue.svg) center / contain no-repeat;
				top: 50%;
				transform: translate(0,-50%);
				right: 0;
				transition: all 0.3s ease;
			}
		}
	}
	&.big_catalog {
		& .item_catalog {
			width: calc(50% - 25px);
			& .header_item {
				height: 370px;
				& .icon {
					position: absolute;
					width: 48px;
					height: 48px;
					top: 16px;
					left: 16px;
					border-radius: 16px;
					background: var(--blue_color);
					box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
					z-index: 1;
					display: flex;
					align-items: center;
					justify-content: center;
					& img {
						display: block;
						position: static;
						width: 24px;
						height: 24px;
						filter: brightness(0) invert(1);
					}
				}
			}
			& .footer_item {
				padding: 24px;
			}
			& .inf {
				position: static;
				margin-bottom: 12px;
			}
			& .time {
				padding-bottom: 20px;
				border-bottom: 1px solid var(--light_blue);
				margin-bottom: 20px;
				font-family: var(--title_font);
				font-size: 14px;
				font-weight: 600;
				color: var(--gray_color);
				padding-left: 22px;
				background: url(../icons/clock_dark.svg) left 0 top 2px / contain no-repeat;
				background-size: 15px 15px;
			}
			& h3 {
				color: var(--dark_color);
				margin-bottom: 12px;
			}
		}
	}
}

.page_tab_nav {
	background-color: var(--ligth_color);
	border-bottom: 1px solid var(--light_blue);
	font-family: var(--title_font);
	font-weight: 500;
	font-size: 15px;
	line-height: var(--line-height_22);
	& .swiper-wrapper {
		display: flex;
	}
	& .item_tab_nav {
		padding: 16px 20px;
		border-bottom: 3px solid transparent;
		color: var(--gray_color);
		transition: all 0.3s ease;
		cursor: default;
		user-select: none;
		width: auto;
		&.active {
			border-color: var(--blue_color);
			color: var(--blue_color);
			text-shadow: 0 0 1px var(--blue_color);
		}
		&.accent {
			background-color: var(--light_accent_color);
			color: var(--accent_color);
			&.active {
				text-shadow: 0 0 1px var(--accent_color);
				border-color: var(--accent_color);
			}
		}
		&:not(.active) {
			cursor: pointer;
		}
	}
}

.inner_page {
	padding: 40px 32px;
	color: var(--light_dark_color);
	& h3 {
		color: var(--blue_color);
		font-size: 20px;
		line-height: var(--line-height_26);
		font-weight: 700;
		margin-bottom: 16px;
	}
	& .flex_page {
		display: flex;
	}
	& .col_content {
		margin-right: 32px;
		flex: 2;
		& a:not(.item_catalog) {
			color: var(--blue_color);
		}
	}
	& .tabs {
		padding: 24px;
		background-color: var(--ligth_color);
		border-radius: 16px;
		border: 1px solid var(--light_blue);
		&:not(:last-child) {
			margin-bottom: 24px;
		}
	}
	& .tab {
		&:not(:first-child) {
			display: none;
		}
		& .contacts_list {
			margin-bottom: 16px;
		}
	}
	& .text {
		margin-bottom: 20px;
	}
	& .label_list {
		display: flex;
		flex-wrap: wrap;
		overflow: hidden;
		margin-right: -12px;
		margin-bottom: -12px;
		font-family: var(--title_font);
		font-size: 13px;
		line-height: var(--line-height_20);
		& .label {
			padding-left: 24px;
			background: url(../icons/check_green.svg) left 0 top 3px / contain no-repeat;
			background-size: 15px 15px;
			margin-right: 12px;
			margin-bottom: 12px;
			width: calc((100% / 3) - 12px);
		}
	}
	& .widget_section {
		padding: 24px;
		border-radius: 16px;
		border: 1.6px dashed var(--gray_color);
		min-height: 200px;
		background-color: var(--ligth_color);
		& .wrap_calendar {
			max-width: 100%;
		}
	}
	& .col_media {
		flex: 1;
		&:not(.nav_wrap) {
			min-height: 500px;
			max-height: 600px;
			border-radius: 16px;
			overflow: hidden;
		}
		& img {
			display: block;
			object-fit: cover;
		}
		&.nav_wrap {
			font-size: 15px;
			line-height: var(--line-height_18);
			& .item_col {
				padding: 20px;
				border-radius: 16px;
				background-color: var(--ligth_color);
				&:not(:last-child) {
					margin-bottom: 20px;
				}
				&.information {
					& h4 {
						text-transform: uppercase;
						margin-bottom: 16px;
					}
					& .information_row {
						font-family: var(--title_font);
						padding-left: 25px;
						font-weight: 600;
						&:not(:last-child) {
							margin-bottom: 14px;
						}
						& .name {
							font-size: 13px;
							line-height: var(--line-height_16);
							color: var(--gray_color);
							text-transform: uppercase;
							margin-bottom: 2px;
						}
						& .val {
							font-size: 15px;
							line-height: var(--line-height_18);
						}
						&.date {
							background: url(../icons/date_blue.svg) left 0 top 2px / contain no-repeat;
							background-size: 15px 15px;
						}
						&.time {
							background: url(../icons/clock_blue.svg) left 0 top 2px / contain no-repeat;
							background-size: 15px 15px;
						}
						&.place {
							background: url(../icons/place_blue.svg) left 0 top 2px / contain no-repeat;
							background-size: 15px 15px;
						}
						&.address {
							background: url(../icons/pin_blue.svg) left 0 top 2px / contain no-repeat;
							background-size: 15px 15px;
						}
						&.age {
							background: url(../icons/age_blue.svg) left 0 top 2px / contain no-repeat;
							background-size: 15px 15px;
						}
						&.organizer {
							background: url(../icons/stat_i_blue.svg) left 0 top 2px / contain no-repeat;
							background-size: 15px 15px;
						}
					}
				}
			}
			& .nav {
				background-color: var(--blue_color);
				color: var(--ligth_color);
				& p {
					opacity: 0.8;
				}
			}
			& .contacts {
				border: 1px solid var(--light_blue);
				font-family: var(--title_font);
				& .contacts_section {
					&:not(:last-child) {
						margin-bottom: 16px;
						padding-bottom: 16px;
						border-bottom: 1px solid var(--light_blue);
					}
				}
				& .title {
					margin-bottom: 6px;
					font-size: 15px;
					line-height: var(--line-height_18);
					font-weight: 600;
					color: var(--gray_color);
					letter-spacing: 0.6px;
					text-transform: uppercase;
				}
				& .row {
					display: flex;
					align-items: center;
					justify-content: space-between;
					&:not(:last-child) {
						margin-bottom: 8px;
					}
				}
				& .name {
					padding-right: 10px;
				}
				& .val {
					padding-left: 10px;
					font-weight: 600;
				}
			}
			& .map_item {
				height: 330px;
				overflow: hidden;
				position: relative;
			}
			& .small_map {
				height: 100%;
				width: 100%;
				position: absolute;
				right: 0;
				top: 0;
				&.modal_mode {
					position: fixed;
					z-index: 5;
					width: 50%;
					border-radius: 16px 0 0 16px;
					padding: 24px 0 24px 24px;
					overflow: hidden;
					background-color: var(--ligth_color);
					box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06);
					& .map {
						width: 100%;
						border-radius: 16px;
						overflow: hidden;
					}
				}
				& .zoom_map {
					position: absolute;
					width: 44px;
					height: 44px;
					border-radius: 12px;
					z-index: 2;
					top: 16px;
					right: 16px;
					background: var(--ligth_color) url(../icons/zoom_map.svg) center / contain no-repeat;
					background-size: 20px 20px;
					cursor: pointer;
					box-shadow: 1px 1px 5px 0 var(--gray_color);
					&.close {
						cursor: pointer;
						background: var(--ligth_color) url(../icons/close_b.svg) center / contain no-repeat;
						background-size: 20px 20px;
						top: 44px;
						right: 24px;
						z-index: 1;
					}
				}
			}
			& .map {
				height: 100%;
			}
			& .button {
				display: block;
			}
			& h4 {
				font-size: 18px;
				line-height: var(--line-height_25);
				margin-bottom: 8px;
			}
		}
	}
	& .col_nav {
		flex: 1;
		font-family: var(--title_font);
		position: relative;
		& .item_col {
			border-radius: 16px;
			border: 1px solid var(--light_blue);
			background: var(--ligth_color);
			padding: 20px;
			&:not(:last-child) {
				margin-bottom: 20px;
			}
			&.green_item {
				background-color: var(--light_green_transparent);
				border-color: var(--light_green);
				& .label_price {
					font-size: 13px;
					line-height: var(--line-height_15);
					letter-spacing: 0.7px;
					text-transform: uppercase;
					font-weight: 700;
					color: var(--green_color);
					margin-bottom: 4px;
				}
				& .price {
					font-size: 20px;
					font-weight: 800;
					line-height: var(--line-height_24);
					color: var(--green_color);
					margin-bottom: 4px;
				}
				& .footnote_price {
					font-family: var(--main_font);
					font-size: 13px;
					line-height: var(--line-height_18);
					color: var(--gray_color);
				}
			}
			& .small_title {
				font-size: 13px;
				line-height: var(--line-height_15);
				letter-spacing: 0.7px;
				text-transform: uppercase;
				font-weight: 700;
				color: var(--gray_color);
				margin-bottom: 12px;
			}
			& .title {
				font-size: 14px;
				line-height: var(--line-height_20);
				font-weight: 600;
				color: var(--dark_color);
				margin-bottom: 12px;
			}
			& .footnote_title {
				font-size: 13px;
				line-height: var(--line-height_16);
				color: var(--gray_color);
				margin-bottom: 8px;
			}
			& .val {
				font-size: 15px;
				line-height: var(--line-height_18);
				color: var(--blue_color);
				font-weight: 600;
				margin-bottom: 16px;
			}
			& .button {
				width: 100%;
			}
			&.center {
				text-align: center;
			}
		}
		& h4 {
			font-size: 20px;
			line-height: var(--line-height_25);
			text-transform: uppercase;
			margin-bottom: 16px;
		}
		& .row {
			&:not(:last-child) {
				margin-bottom: 12px;
			}
			& .label {
				font-size: 13px;
				line-height: var(--line-height_16);
				color: var(--gray_color);
				text-transform: uppercase;
				margin-bottom: 2px;
				font-weight: 700;
			}
			& .val {
				font-weight: 700;
			}
		}
		& .send {
			display: block;
			margin-bottom: 16px;
		}
		& .footnote_button {
			font-family: var(--main_font);
			color: var(--gray_color);
			font-size: 13px;
			line-height: var(--line-height_16);
			text-align: center;
			& a {
				color: var(--blue_color);
			}
		}
		& .nav_scroll {
			font-size: 14px;
			line-height: var(--line-height_16);
			color: var(--dark_color);
			& .item_nav {
				display: flex;
				align-items: center;
				cursor: pointer;
				padding: 8px 12px;
				transition: all 0.3s ease;
				border-radius: 16px;
				border: 1px solid transparent;
				&.active {
					border-color: var(--blue_color);
				}
			}
			& .name {
				margin-right: 8px;
				flex-grow: 1;
			}
			& .num {
				color: var(--gray_color);
				font-size: 13px;
				line-height: var(--line-height_16);
				font-weight: 700;
				background-color: var(--light_blue);
				border-radius: 10px;
				padding: 2px 6px;
			}
			&.fixed {
				position: fixed;
				top: 64px;
				&.sticky {
					position: absolute;
					bottom: 0;
					top: unset;
				}
			}
		}
	}
	& .section {
		padding-left: 0;
		padding-right: 0;
		&:last-child {
			padding-bottom: 0;
		}
	}
	& .service_map {
		border-radius: 16px;
		overflow: hidden;
		height: 250px;
	}
	& .wrap_catalog_flex {
		padding-top: 26px;
	}
	& .catalog_flex {
		& .item_catalog {
			width: calc((100% / 3) - 16px);
			min-height: 220px;
		}
	}
	& .wrap_section {
		padding: 24px;
		border-radius: 16px;
		border: 1px solid var(--light_blue);
		background-color: var(--ligth_color);
		&:not(:last-child) {
			margin-bottom: 32px;
		}
	}
}

.catalog_team {
	display: flex;
	flex-wrap: wrap;
	margin-right: -20px;
	margin-bottom: -32px;
	& .item_team {
		position: relative;
		border-radius: 16px;
		overflow: hidden;
		min-height: 460px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		margin-right: 20px;
		margin-bottom: 32px;
		width: calc(25% - 20px);
		& img {
			position: absolute;
			object-fit: cover;
			left: 0;
			top: 0;
			z-index: 1;
			transition: all 0.5s ease;
			will-change: transform;
		}
		&::after {
			position: absolute;
			content: "";
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			z-index: 1;
			background: linear-gradient(0deg, rgba(0, 10, 40, 0.96) 0%, rgba(0, 10, 40, 0.70) 38%, rgba(0, 10, 40, 0.15) 68%, rgba(0, 0, 0, 0.00) 100%);
		}
		& .label {
			font-size: 13px;
			font-weight: 600;
			line-height: var(--line-height_16);
			padding: 3px 9px;
			border-radius: 12px;
			border: 1px solid var(--ligth_transparent_color_2);
			background-color: var(--ligth_transparent_color);
			display: inline-block;
			font-family: var(--title_font);
			&.blue {
				font-weight: 700;
				border-color: var(--blue_color);
				background-color: var(--blue_color);
				color: var(--ligth_color);
			}
			&.fadein {
				position: absolute;
				top: 16px;
				right: 16px;
				z-index: 2;
				transition: opacity 0.3s ease;
				opacity: 0;
			}
		}
		& .content_item_team {
			position: relative;
			z-index: 2;
			padding: 20px;
			color: var(--ligth_color);
			& h4 {
				margin-bottom: 4px;
			}
			& .label:not(:last-child) {
				margin-bottom: 8px;
			}
		}
		& .footnote_title {
			font-weight: 600;
			opacity: 0.7;
			margin-bottom: 8px;
			font-size: 14px;
			line-height: var(--line-height_18);
		}
	}
}

.team_slider {
	overflow: hidden;
	& .item_team {
		position: relative;
		border-radius: 16px;
		overflow: hidden;
		min-height: 460px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		& img {
			position: absolute;
			object-fit: cover;
			left: 0;
			top: 0;
			z-index: 1;
			transition: all 0.5s ease;
			will-change: transform;
		}
		&::after {
			position: absolute;
			content: "";
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			z-index: 1;
			background: linear-gradient(0deg, rgba(0, 10, 40, 0.96) 0%, rgba(0, 10, 40, 0.70) 38%, rgba(0, 10, 40, 0.15) 68%, rgba(0, 0, 0, 0.00) 100%);
		}
		& .label {
			font-size: 13px;
			font-weight: 600;
			line-height: var(--line-height_16);
			padding: 3px 9px;
			border-radius: 12px;
			border: 1px solid var(--ligth_transparent_color_2);
			background-color: var(--ligth_transparent_color);
			display: inline-block;
			font-family: var(--title_font);
			&.blue {
				font-weight: 700;
				border-color: var(--blue_color);
				background-color: var(--blue_color);
				color: var(--ligth_color);
			}
			&.fadein {
				position: absolute;
				top: 16px;
				right: 16px;
				z-index: 2;
				transition: opacity 0.3s ease;
				opacity: 0;
			}
		}
		& .content_item_team {
			position: relative;
			z-index: 2;
			padding: 20px;
			color: var(--ligth_color);
			& h4 {
				margin-bottom: 4px;
			}
			& .label:not(:last-child) {
				margin-bottom: 8px;
			}
		}
		& .footnote_title {
			font-weight: 600;
			opacity: 0.7;
			margin-bottom: 8px;
			font-size: 14px;
			line-height: var(--line-height_18);
		}
	}
}

.rows_table {
	padding-top: 8px;
	font-family: var(--title_font);
	& .row {
		display: flex;
		padding-top: 14px;
		padding-bottom: 14px;
		&:not(:first-child) {
			border-top: 1px solid var(--dark_color);
		}
	}
	& .name {
		padding-right: 16px;
		flex: 1;
		color: var(--gray_color);
	}
	& .val {
		padding-left: 16px;
		flex: 1;
		text-align: right;
		font-weight: 600;
	}
}

.gallery_grid {
	overflow: hidden;
	& .swiper-wrapper {
		display: grid;
		grid-gap: 16px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: 250px 250px;
	}
	& .item_gallery {
		border-radius: 16px;
		overflow: hidden;
		position: relative;
		cursor: zoom-in;
		&:nth-child(1) {
			grid-column: 1 / 3;
            grid-row: 1 / 3;
		}
		&:nth-child(n+6) {
			display: none;
		}
		& img {
			display: block;
			object-fit: cover;
			&.hide {
				opacity: 0;
				visibility: hidden;
			}
		}
		& video {
			position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            object-fit: cover;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease;
			&.active {
				opacity: 1;
				visibility: visible;
			}
		}
		& iframe {
			position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
		}
		& .play {
			position: absolute;
			width: 44px;
			height: 44px;
			top: 16px;
			right: 16px;
			cursor: pointer;
			border-radius: 12px;
			background: var(--ligth_transparent_color) url(../icons/play.svg) center / contain no-repeat;
			background-size: 15px 15px;
			z-index: 2;
			transition: transform 0.3s ease;
			will-change: transform;
			&.pause {
				background: var(--ligth_transparent_color) url(../icons/pause.svg) center / contain no-repeat;
				background-size: 15px 15px;
			}
		}
		&::before {
			position: absolute;
			content: "";
			background: linear-gradient(0deg, rgba(0, 10, 40, 0.96) 0%, rgba(0, 10, 40, 0.50) 38%, rgba(0, 10, 40, 0.05) 68%, rgba(0, 0, 0, 0.00) 100%);
			width: 100%;
			height: 100%;
			z-index: 1;
			opacity: 0;
			transition: opacity 0.3s ease;
		}
		& .label {
			position: absolute;
			font-size: 13px;
			line-height: var(--line-height_18);
			font-family: var(--title_font);
			padding: 3px 9px;
			border-radius: 12px;
			background-color: var(--ligth_transparent_color);
			border: 1px solid var(--ligth_transparent_color_2);
			font-weight: 600;
			bottom: 16px;
			left: 16px;
			max-width: calc(100% - 32px);
			z-index: 2;
			color: var(--ligth_color);
			opacity: 0;
			transition: opacity 0.3s ease;
		}
		& .more_items {
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: 2;
			left: 0;
			top: 0;
			display: flex;
			align-items: flex-end;
			justify-content: end;
			color: var(--ligth_color);
			font-weight: 600;
			padding: 16px;
			background: linear-gradient(180deg, var(--ligth_transparent_color_2) 38%, var(--ligth_transparent_color) 100%);
		}
	}
	&.revers {
		& .swiper-wrapper {
			grid-template-columns: 1fr 1fr 1fr;
			grid-template-rows: 200px 200px 200px;
		}
		& .item_gallery {
			&:nth-child(1) {
				grid-column: 1 / 4;
				grid-row: 1 / 3;
			}
			&:nth-child(n+5) {
				display: none;
			}
		}
	}
}

.gallery_popup {
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--light_dark_transparent_color);
    z-index: 5;
    backdrop-filter: blur(5px);
    display: none;
	flex-direction: column;
	justify-content: space-between;
	color: var(--ligth_color);
	& .header_popup {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 16px;
		border-bottom: 1px solid var(--ligth_transparent_color_2);
		margin-bottom: 10px;
		position: relative;
		& .title_popup {
			font-family: var(--title_font);
			font-weight: 600;
			margin-right: 20px;
		}
		& .progress_bar {
			left: 0;
			bottom: 0;
			top: unset;
			height: 1px;
			width: 100%;
			display: none;
		}
		& .play {
            width: 44px;
            height: 44px;
            margin-right: 16px;
            cursor: pointer;
            border-radius: 12px;
            background: var(--ligth_transparent_color) url(../icons/play.svg) center / contain no-repeat;
            background-size: 20px 20px;
            z-index: 2;
            transition: transform 0.3s ease;
            will-change: transform;
			display: none;
			&.pause {
				background: var(--ligth_transparent_color) url(../icons/pause.svg) center / contain no-repeat;
				background-size: 20px 20px;
			}
		}
		& .header_nav {
			display: flex;
			align-items: center;
		}
	}
	& .close {
		cursor: pointer;
		background: transparent url(../icons/close.svg) center / contain no-repeat;
		background-size: 20px 20px;
		width: 44px;
		height: 44px;
		border-radius: 12px;
		z-index: 2;
		transition: all 0.3s ease;
	}
	& .arrow {
		position: absolute;
        top: calc(50% - 36px);
        cursor: pointer;
        transform: translateY(-50%);
        width: 44px;
        height: 44px;
        z-index: 1;
        transition: all 0.3s ease;
        display: none;
    	border-radius: 12px;
		&.prev {
			left: 16px;
			background: var(--ligth_transparent_color) url(../icons/arrow_l_w.svg) center / contain no-repeat;
			background-size: 20px 20px;
		}
		&.next {
			right: 16px;
			background: var(--ligth_transparent_color) url(../icons/arrow_r_w.svg) center / contain no-repeat;
			background-size: 20px 20px;
		}
	}
	& .wrap_slider {
		position: relative;
        margin: 0px auto;
        height: 100%;
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	& .slider {
		flex-grow: 1;
        overflow: hidden;
        padding: 0px 80px;
        position: relative;
		& img {
			display: none;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            max-width: calc(100% - 160px);
			width: auto;
			border-radius: 16px;
			&.hide {
				opacity: 0;
				visibility: hidden;
			}
		}
		& video {
			position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            max-width: calc(100% - 160px);
			width: auto;
			height: 100%;
			border-radius: 16px;
			opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease;
			&.active {
				opacity: 1;
				visibility: visible;
			}
		}
		& iframe {
			position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            max-width: calc(100% - 160px);
			width: -webkit-fill-available;
			height: 100%;
			border-radius: 16px;
		}
	}
	& .label_slide {
		text-align: center;
		padding-top: 10px;
		&:last-child {
			padding-bottom: 10px;
		}
	}
	& .nav_slider {
		overflow: auto hidden;
        display: flex;
        align-items: center;
        max-width: 100%;
        padding: 10px 15px;
		& .item_nav {
			width: 140px;
            min-width: 140px;
            height: 80px;
            margin-right: 5px;
            cursor: pointer;
            padding: 5px;
            border: 1px solid transparent;
			border-radius: 12px;
			&.active {
				border: 1px solid var(--ligth_color);
			}
			& img {
				display: block;
                object-fit: cover;
				border-radius: 12px;
			}
		}
	}
}

.price_table_service {
	border-radius: 16px;
	font-family: var(--title_font);
	font-weight: 600;
	margin-left: -24px;
	margin-right: -24px;
	font-size: 15px;
	line-height: var(--line-height_18);
	margin-bottom: 30px;
	hyphens: auto;
	& .head_table {
		background-color: var(--blue_color);
		color: var(--ligth_color);
		padding: 14px 16px;
		display: flex;
		flex-wrap: nowrap;
		border-radius: 16px 16px 0 0;
		font-size: 13px;
		line-height: var(--line-height_16);
		& .td:last-child {
			color: var(--ligth_color);
			font-weight: 600;
		}
	}
	& .td {
		flex: 1;
		&:not(:last-child) {
			margin-right: 20px;
		}
		&:first-child {
			min-width: calc(25% - 20px);
		}
		&:last-child {
			color: var(--blue_color);
			font-weight: 400;
		}
		&:not(:first-child) {
			text-align: center;
		}
	}
	& .tr {
		padding: 14px 16px;
		display: flex;
		flex-wrap: nowrap;
		&:nth-child(even) {
			background-color: var(--ligth_color);
		}
		&:nth-child(odd) {
			background-color: var(--bg_light_blue);
		}
		&.full_last {
			flex-wrap: wrap;
			& .td:last-child {
				flex: unset;
                width: 100%;
                text-align: left;
                padding-top: 12px;
				display: flex;
				flex-wrap: wrap;
				margin-right: -4px;
				margin-bottom: -4px;
				& .label {
					padding: 4px 8px;
					border-radius: 8px;
					border: 1px solid var(--blue_color);
					margin-right: 4px;
					margin-bottom: 4px;
					font-size: 13px;
					line-height: var(--line-height_16);
				}
			}
		}
	}
}

.footnote_table {
	padding-top: 16px;
	border-top: 1px solid var(--bg_blue);
	font-size: 14px;
	line-height: var(--line-height_16);
	font-weight: 500;
}

.slider_media {
	overflow: hidden;
	height: 450px;
	position: relative;
	& .item_slider {
		border-radius: 16px;
		overflow: hidden;
		cursor: zoom-in;
		position: relative;
		& img {
			display: block;
			object-fit: cover;
			transition: opacity 0.5s ease;
			&.hide {
				opacity: 0;
				visibility: hidden;
			}
		}
		&::before {
			position: absolute;
			content: "";
			background: linear-gradient(0deg, rgba(0, 10, 40, 0.96) 0%, rgba(0, 10, 40, 0.50) 38%, rgba(0, 10, 40, 0.05) 68%, rgba(0, 0, 0, 0.00) 100%);
			width: 100%;
			height: 100%;
			z-index: 1;
			opacity: 0;
			transition: opacity 0.3s ease;
		}
		& .label {
			position: absolute;
			font-size: 13px;
			line-height: var(--line-height_18);
			font-family: var(--title_font);
			padding: 3px 9px;
			border-radius: 12px;
			background-color: var(--ligth_transparent_color);
			border: 1px solid var(--ligth_transparent_color_2);
			font-weight: 600;
			bottom: 16px;
			left: 16px;
			z-index: 2;
			color: var(--ligth_color);
			opacity: 0;
			transition: opacity 0.3s ease;
		}
		& .play {
			position: absolute;
			width: 60px;
			height: 60px;
			top: 16px;
			right: 16px;
			cursor: pointer;
			border-radius: 12px;
			background: var(--ligth_transparent_color) url(../icons/play.svg) center / contain no-repeat;
			background-size: 30px 30px;
			z-index: 2;
			transition: transform 0.3s ease;
			will-change: transform;
			&.pause {
				background: var(--ligth_transparent_color) url(../icons/pause.svg) center / contain no-repeat;
				background-size: 30px 30px;
			}
		}
		& video {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
			object-fit: cover;
			opacity: 0;
			visibility: hidden;
			transition: opacity 0.3s ease;
			&.active {
				opacity: 1;
				visibility: visible;
			}
		}
		& iframe {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
			object-fit: contain;
			&.active {
				opacity: 1;
				visibility: visible;
			}
		}
	}
	& .arrow {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 40px;
		height: 40px;
		border-radius: 16px;
		z-index: 1;
		cursor: pointer;
		&.prev {
			left: 12px;
			background: rgba(0, 0, 0, 0.45) url(../icons/arrow_l_w.svg) center / contain no-repeat;
			background-size: 20px 20px;
		}
		&.next {
			right: 12px;
			background: rgba(0, 0, 0, 0.45) url(../icons/arrow_r_w.svg) center / contain no-repeat;
			background-size: 20px 20px;
		}
	}
	& .swiper-pagination {
		z-index: 2;
		& .swiper-pagination-bullet {
			width: 8px;
			height: 8px;
			border-radius: 8px;
			background-color: var(--ligth_color);
			opacity: 0.5;
		}
		& .swiper-pagination-bullet-active {
			width: 20px;
			opacity: 1;
		}
	}
}

.progress_bar {
	position: absolute;
	left: 12px;
	top: 24px;
	width: calc(100% - 104px);
	-webkit-appearance: none;
	appearance: none;
	height: 6px;
	border-radius: 3px;
	outline: none;
	cursor: pointer;
	z-index: 2;
	background: linear-gradient(to right, var(--gray_color) 0%, var(--gray_color) 0%, var(--ligth_transparent_color_2) 0%, var(--ligth_transparent_color_2) 100%);
	&::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
		width: 24px;
		height: 14px;
		border-radius: 14px;
		background-color: var(--gray_color);
		transition: background 0.3s ease;
	}
	&::-moz-range-thumb {
		border: none;
		width: 24px;
		height: 14px;
		border-radius: 14px;
		background-color: var(--gray_color);
		transition: background 0.3s ease;
	}
}

.wrap_small_catalog {
	display: flex;
	justify-content: space-between;
	& .small_catalog {
		display: flex;
		flex-wrap: wrap;
		margin-right: -16px;
		margin-bottom: -16px;
		width: calc(100% - 352px);
		& .item_small_catalog {
			width: calc((100% / 3) - 16px);
			margin-right: 16px;
			margin-bottom: 16px;
			border-radius: 16px;
			border: 1px solid var(--light_blue);
			background: var(--ligth_color);
			padding: 20px;
			position: relative;
			transition: all 0.3s ease;
			& .icon {
				width: 56px;
				height: 56px;
				border-radius: 16px;
				background-color: var(--light_blue);
				padding: 14px;
				margin-bottom: 16px;
				transition: transform 0.3s ease;
				will-change: transform;
			}
			& h4 {
				margin-bottom: 6px;
			}
			& .text {
				margin-bottom: 14px;
				color: var(--gray_color);
				font-weight: 600;
				font-size: 16px;
				line-height: var(--line-height_18);
			}
			& .label_button {
				font-family: var(--title_font);
				color: var(--blue_color);
				font-weight: 600;
				font-size: 13px;
				line-height: var(--line-height_20);
				position: relative;
				padding-right: 18px;
				display: inline-block;
				&::after {
					position: absolute;
					content: "";
					width: 14px;
					height: 14px;
					transition: all 0.3s ease;
					background: url(../icons/arrow_next.svg) center / contain no-repeat;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
				}
			}
			& .label {
				position: absolute;
				top: 20px;
				right: 20px;
				font-size: 13px;
				line-height: var(--line-height_16);
				font-weight: 700;
				font-family: var(--title_font);
				padding: 2px 8px;
				border-radius: 12px;
				z-index: 1;
				color: var(--accent_color);
				background-color: var(--light_accent_color);
				&.green {
					color: var(--green_color);
					background-color: var(--light_green);
				}
			}
			&::after {
				position: absolute;
				content: "";
				width: 100%;
				height: 2px;
				background-color: var(--blue_color);
				left: 0;
				top: 100%;
				opacity: 0;
				transition: opacity 0.3s ease;
			}
			&.green_color {
				& .icon {
					background-color: var(--light_green);
				}
				& .label_button {
					color: var(--green_color);
					&::after {
						background: url(../icons/arrow_next_green.svg) center / contain no-repeat;
					}
				}
				&::after {
					background-color: var(--green_color);
				}
			}
			&.red_color {
				& .icon {
					background-color: var(--light_accent_color);
				}
				& .label_button {
					color: var(--accent_color);
					&::after {
						background: url(../icons/arrow_next_red.svg) center / contain no-repeat;
					}
				}
				&::after {
					background-color: var(--accent_color);
				}
			}
		}
	}
	& .nav_catalog {
		width: 320px;
		& .item_nav {
			border-radius: 16px;
			border: 1px solid var(--light_blue);
			background-color: var(--ligth_color);
			padding: 20px;
			&:not(:last-child) {
				margin-bottom: 20px;
			}
			&.blue {
				background-color: var(--blue_color);
				color: var(--ligth_color);
				border-color: var(--blue_color);
				& h3 {
					font-family: var(--main_font);
					font-size: 17px;
					line-height: var(--line-height_20);
					color: var(--ligth_color);
					margin-bottom: 8px;
				}
				& p {
					opacity: 0.8;
				}
			}
			&.link {
				display: block;
				background-color: var(--light_blue);
				border: 2px solid var(--blue_color);
				padding: 16px 42px 16px 66px;
				position: relative;
				transition: all 0.3s ease;
				& h4 {
					text-transform: unset;
					color: var(--blue_color);
					margin-bottom: 2px;
				}
				& p {
					color: var(--gray_color);
					font-size: 13px;
					line-height: var(--line-height_18);
					font-weight: 600;
				}
				&::before {
					position: absolute;
					content: "";
					width: 40px;
					height: 40px;
					left: 14px;
					top: 50%;
					transform: translateY(-50%);
					border-radius: 16px;
					background: var(--light_blue) url(../icons/icon_20.svg) center / contain no-repeat;
					background-size: 18px 18px;
				}
				&::after {
					position: absolute;
					content: "";
					width: 16px;
					height: 16px;
					right: 14px;
					top: 50%;
					transform: translateY(-50%);
					background: url(../icons/arrow_link_blue.svg) center / contain no-repeat;
					transition: all 0.3s ease;
				}
			}
			& h4 {
				margin-bottom: 16px;
				font-size: 14px;
				line-height: var(--line-height_20);
				text-transform: uppercase;
			}
		}
		& .logo_icon {
			width: 40px;
			height: 40px;
			background: url(../icons/logo_w.svg) center / contain no-repeat;
			margin-bottom: 16px;
		}
		& .row {
			font-family: var(--title_font);
			&:not(:last-child) {
				margin-bottom: 12px;
			}
			& .label {
				color: var(--gray_color);
				text-transform: uppercase;
				font-size: 13px;
				line-height: var(--line-height_16);
				margin-bottom: 2px;
			}
			& .val {
				display: block;
				font-weight: 600;
				transition: all 0.3s ease;
				font-size: 13px;
				line-height: var(--line-height_16);
			}
		}
	}
}

.item_team_big {
	display: flex;
	border-radius: 16px;
	border: 1px solid var(--light_blue);
	background: var(--ligth_color);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
	overflow: hidden;
	font-family: var(--title_font);
	min-height: 380px;
	margin-bottom: 40px;
	& .image_wrap {
		position: relative;
		width: 290px;
		& img {
			object-fit: cover;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
			object-position: top;
		}
		& .label {
			position: absolute;
			left: 12px;
			bottom: 12px;
			max-width: calc(100% - 24px);
			font-size: 13px;
			line-height: var(--line-height_16);
			font-weight: 600;
			color: var(--ligth_color);
			border-radius: 16px;
			background-color: rgba(0, 20, 60, 0.72);
			padding: 8px 12px;
			z-index: 2;
		}
	}
	& .content_wrap {
		width: calc(100% - 290px);
		padding: 32px;
		& .label_item {
			font-size: 13px;
			line-height: var(--line-height_18);
			font-weight: 700;
			color: var(--blue_color);
			background-color: var(--light_blue);
			border-radius: 12px;
			padding: 4px 12px;
			margin-bottom: 12px;
			display: inline-block;
		}
		& h3 {
			margin-bottom: 4px;
		}
		& .footnote_title {
			font-family: var(--main_font);
			color: var(--gray_color);
			margin-bottom: 24px;
		}
		& .flex_row {
			display: flex;
			margin-bottom: 24px;
			font-weight: 500;
			font-size: 15px;
			line-height: var(--line-height_18);
			& .item_row {
				padding: 16px;
				background-color: var(--bg_blue);
				border-radius: 16px;
				flex: 1;
				&:not(:last-child) {
					margin-right: 16px;
				}
				& a {
					display: block;
					font-weight: 600;
					font-size: 16px;
					line-height: var(--line-height_20);
					transition: all 0.3s ease;
				}
			}
			& .title_item {
				font-size: 13px;
				line-height: var(--line-height_15);
				color: var(--gray_color);
				font-weight: 700;
				text-transform: uppercase;
				margin-bottom: 6px;
				padding-left: 22px;
				&.phone {
					background: url(../icons/phone_blue.svg) left 0 center / contain no-repeat;
					background-size: 15px 15px;
				}
				&.mail {
					background: url(../icons/mail_blue.svg) left 0 center / contain no-repeat;
					background-size: 15px 15px;
				}
				&.time {
					background: url(../icons/clock_blue.svg) left 0 center / contain no-repeat;
					background-size: 15px 15px;
				}
			}
		}
		& .text_item {
			font-family: var(--main_font);
			color: var(--light_dark_color);
		}
	}
}

.wrap_team_section_big {
	& h3 {
		margin-bottom: 24px;
		font-size: 18px;
		line-height: var(--line-height_23);
		font-weight: 700;
		letter-spacing: 1.26px;
		text-transform: uppercase;
		color: var(--gray_color);
	}
}

.contacts_list {
	font-size: 15px;
	line-height: var(--line-height_20);
	font-weight: 500;
	flex-grow: 1;
	& .item_list {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		min-height: 28px;
		padding-left: 36px;
		position: relative;
		transition: all 0.3s ease;
		&:not(:last-child) {
			margin-bottom: 10px;
		}
		&::before {
			position: absolute;
			content: "";
			width: 28px;
			height: 28px;
			border-radius: 12px;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			border: 1px solid transparent;
			transition: all 0.3s ease;
		}
		&.phone::before {
			background: var(--light_blue) url(../icons/phone_blue.svg) center / contain no-repeat;
			background-size: 13px 13px;
		}
		&.mail::before {
			background: var(--light_blue) url(../icons/mail_blue.svg) center / contain no-repeat;
			background-size: 13px 13px;
		}
		&.time::before {
			background: var(--light_blue) url(../icons/clock_blue.svg) center / contain no-repeat;
			background-size: 13px 13px;
		}
		&.address::before {
			background: var(--light_blue) url(../icons/pin_blue.svg) center / contain no-repeat;
			background-size: 13px 13px;
		}
	}
	& .title {
		width: 100%;
		font-size: 13px;
		line-height: var(--line-height_15);
		font-weight: 700;
		color: var(--gray_color);
		text-transform: uppercase;
		letter-spacing: 0.6px;
		margin-bottom: 2px;
	}
}

.team_section_big {
	display: flex;
	flex-wrap: wrap;
	margin-right: -25px;
	margin-bottom: -25px;
	font-family: var(--title_font);
	& .item_team {
		width: calc(25% - 25px);
		margin-right: 25px;
		margin-bottom: 25px;
		border-radius: 16px;
		border: 1px solid var(--light_blue);
		background: var(--ligth_color);
		overflow: hidden;
		display: flex;
		flex-direction: column;
		& .wrap_image {
			position: relative;
			& img {
				position: absolute;
				left: 0;
				top: 0;
				object-fit: cover;
				object-position: top;
			}
			& .label {
				position: absolute;
				left: 12px;
				bottom: 12px;
				max-width: calc(100% - 24px);
				padding: 5px 12px;
				border-radius: 16px;
				background-color: rgba(0, 20, 60, 0.72);
				color: var(--ligth_color);
				font-size: 13px;
				line-height: var(--line-height_14);
				font-weight: 600;
			}
			&::after {
				display: block;
				content: "";
				padding-top: calc(100% - 20px);
			}
		}
		& .content_wrap {
			padding: 20px;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			flex-grow: 1;
			position: relative;
			& h4 {
				font-weight: 800;
				margin-bottom: 6px;
			}
		}
		& .label_item {
			display: inline-block;
			font-size: 13px;
			line-height: var(--line-height_16);
			font-weight: 600;
			color: var(--blue_color);
			border-radius: 16px;
			padding: 5px 12px;
			background-color: var(--light_blue);
			margin-bottom: 16px;
		}
		& .contacts_list {
			padding-bottom: 16px;
			margin-bottom: 16px;
			border-bottom: 1px solid var(--light_blue);
		}
	}
	& .slide_list {
		& .name {
			cursor: pointer;
			font-size: 13px;
			line-height: var(--line-height_15);
			font-weight: 700;
			color: var(--gray_color);
			position: relative;
			padding: 4px 30px 4px 0;
			&::after {
				position: absolute;
				content: "";
				width: 24px;
				height: 24px;
				border-radius: 50%;
				right: 0;
				top: 50%;
				transform: translateY(-50%) rotate(-90deg);
				background: var(--light_blue) url(../icons/arrow_next.svg) center / contain no-repeat;
				background-size: 13px 13px;
			}
			&.active {
				color: var(--blue_color);
				&::after {
					transform: translateY(-50%) rotate(90deg);
				}
			}
		}
		& .list {
			display: none;
			position: absolute;
			left: 0;
			bottom: 60px;
			background-color: var(--ligth_color);
			padding: 20px;
			width: 100%;
			height: calc(100% - 60px);
			max-height: calc(100% - 60px);
			overflow: hidden;
			overflow-y: auto;
			font-size: 15px;
			line-height: var(--line-height_18);
			z-index: 1;

		}
	}
}

.events_list {
	display: flex;
	flex-wrap: wrap;
	margin-right: -20px;
	margin-bottom: -20px;
	font-family: var(--title_font);
	& .item_events {
		display: flex;
		flex-direction: column;
		margin-right: 20px;
		margin-bottom: 20px;
		width: calc((100% / 3) - 20px);
		border-radius: 16px;
		border: 1px solid var(--light_blue);
		background: var(--ligth_color);
		overflow: hidden;
		transition: all 0.3s ease;
		& .wrap_image {
			position: relative;
			overflow: hidden;
			& img {
				position: absolute;
				left: 0;
				top: 0;
				object-fit: cover;
				z-index: 1;
				transition: transform 0.5s ease;
				will-change: transform;
			}
			&::after {
				display: block;
				content: "";
				padding-top: calc(100% - 200px);
				min-height: 180px;
			}
		}
		& .label {
			position: absolute;
			left: 16px;
			top: 16px;
			z-index: 2;
			background-color: var(--label_bg);
			border-radius: 12px;
			padding: 4px 10px 4px 28px;
			font-size: 13px;
			line-height: var(--line-height_16);
			font-weight: 700;
			display: inline-block;
			&::before {
				position: absolute;
				content: "";
				width: 15px;
				height: 15px;
				left: 10px;
				top: 50%;
				transform: translateY(-50%);
			}
			&.blue {
				color: var(--blue_color);
				&::before {
					background: url(../icons/label_blue.svg) center / contain no-repeat;
				}
			}
			&.green {
				color: var(--green_color);
				&::before {
					background: url(../icons/label_green.svg) center / contain no-repeat;
				}
			}
			&.orange {
				color: var(--yellow_color);
				&::before {
					background: url(../icons/label_orange.svg) center / contain no-repeat;
				}
			}
			&.red {
				color: var(--accent_color);
				&::before {
					background: url(../icons/label_red.svg) center / contain no-repeat;
				}
			}
		}
		& .content_item {
			padding: 20px;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			flex-grow: 1;
		}
		& .date {
			font-size: 13px;
			line-height: var(--line-height_18);
			font-weight: 600;
			color: var(--gray_color);
			padding-left: 16px;
			background: url(../icons/date.svg) left 0 center / contain no-repeat;
			background-size: 12px 12px;
			margin-bottom: 8px;
		}
		& h4 {
			margin-bottom: 12px;
			flex-grow: 1;
		}
		& .text {
			font-family: var(--main_font);
			font-size: 15px;
			line-height: var(--line-height_18);
			margin-bottom: 16px;
			color: var(--gray_color);
			overflow: hidden;
            text-overflow: ellipsis;
            display: -moz-box;
            display: -webkit-box;
            line-clamp: 3;
            box-orient: vertical;
            -moz-box-orient: vertical;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            user-select: none;
		}
		& .link_page {
			font-size: 13px;
			line-height: var(--line-height_16);
			font-weight: 600;
			color: var(--blue_color);
			position: relative;
			display: inline-block;
			padding-right: 18px;
			&::after {
				position: absolute;
				content: "";
				width: 13px;
				height: 13px;
				right: 0;
				top: 50%;
				transform: translateY(-50%);
				background: url(../icons/arrow_link_blue.svg) center / contain no-repeat;
				transition: all 0.3s ease;
				transition: all 0.3s ease;
			}
		}
	}
	&.main_events {
		& .item_events:first-child {
			flex-direction: row;
			width: 100%;
			margin-bottom: 25px;
			min-height: 300px;
			& .wrap_image {
				width: 50%;
				&::after {
					display: none;
				}
			}
			& .content_item {
				width: 50%;
				padding: 40px;
			}
			& .date {
				margin-bottom: 12px;
			}
			& h4 {
				font-size: 24px;
				line-height: var(--line-height_30);
				font-weight: 800;
				flex-grow: unset;
			}
			& .text {
				flex-grow: 1;
				font-size: 18px;
				line-height: var(--line-height_20);
			}
		}
	}
}

.introtext {
	padding-left: 20px;
	border-left: 3px solid var(--blue_color);
	color: var(--light_dark_color);
	font-weight: 500;
	line-height: var(--line-height_30);
	font-size: 18px;
	margin-bottom: 24px;
	font-family: var(--main_font);
}

.back_page {
	display: block;
	font-family: var(--title_font);
	color: var(--blue_color);
	font-size: 15px;
	line-height: var(--line-height_18);
	font-weight: 600;
	padding-left: 22px;
	margin-bottom: 8px;
	background: url(../icons/arrow_link_blue_back.svg) left 0 center / contain no-repeat;
	background-size: 14px 14px;
	&.border {
		background: none;
		padding: 12px 16px;
		border: 2px solid var(--blue_color);
		border-radius: 16px;
		text-align: center;
		transition: all 0.3s ease;
		& span {
			display: inline-block;
			padding-left: 22px;
			background: url(../icons/arrow_link_blue_back.svg) left 0 center / contain no-repeat;
		}
	}
}

.share_nav .title {
	font-size: 14px;
	line-height: var(--line-height_20);
	font-weight: 700;
	margin-bottom: 12px;
}

.icons_share {
	display: flex;
	flex-wrap: wrap;
	margin-right: -8px;
	margin-bottom: -8px;
	& a {
		display: block;
		width: 44px;
		height: 44px;
		border-radius: 16px;
		position: relative;
		transition: all 0.3s ease;
		will-change: transform;
		border: 1px solid var(--light_blue);
		margin-bottom: 8px;
		&:not(:last-child) {
			margin-right: 8px;
		}
	}
	& .telegram {
		background: var(--light_blue) url(../icons/telegram.svg) center / contain no-repeat;
		background-size: 20px 20px;
	}
	& .vk {
		background: var(--light_blue) url(../icons/vk.svg) center / contain no-repeat;
		background-size: 20px 20px;
	}
	& .ok {
		background: var(--light_blue) url(../icons/ok.svg) center / contain no-repeat;
		background-size: 20px 20px;
	}
	& .max {
		background: var(--light_blue) url(../icons/max.svg) center / contain no-repeat;
		background-size: 20px 20px;
	}
	& .copy_link {
		cursor: pointer;
		width: 44px;
		height: 44px;
		border-radius: 16px;
		background-color: var(--light_blue);
		position: relative;
		transition: all 0.3s ease;
		will-change: transform;
		background: var(--light_blue) url(../icons/copy.svg) center / contain no-repeat;
		background-size: 20px 20px;
		border: 1px solid var(--light_blue);
		margin-bottom: 8px;
		&.active {
			background: var(--label_bg_blue) url(../icons/copy.svg) center / contain no-repeat;
			background-size: 20px 20px;
		}
	}
}

.slide_section {
	border-radius: 16px;
	border: 1px solid var(--light_blue);
	background: var(--ligth_color);
	overflow: hidden;
	transition: all 0.3s ease;
	&:not(:last-child) {
		margin-bottom: 16px;
	}
	& .name {
		cursor: pointer;
		padding: 16px 72px 16px 20px;
		display: flex;
		position: relative;
		transition: all 0.3s ease;
		&::after {
			position: absolute;
			content: "";
			width: 32px;
			height: 32px;
			border-radius: 50%;
			background: var(--light_blue) url(../icons/arrow_next.svg) center / contain no-repeat;
			background-size: 15px 15px;
			right: 20px;
			top: 50%;
			transform: translateY(-50%) rotate(90deg);
		}
		& .icon {
			width: 44px;
			height: 44px;
			border-radius: 16px;
			margin-right: 16px;
			background-color: var(--light_blue);
			display: flex;
			align-items: center;
			justify-content: center;
			transition: all 0.3s ease;
			& img {
				width: 18px;
				height: 18px;
				display: block;
				transition: all 0.3s ease;
			}
		}
		&.active {
			& h4 {
				color: var(--blue_color);
			}
			&::after {
				transform: translateY(-50%) rotate(-90deg);
			}
			& .icon {
				background-color: var(--blue_color);
				& img {
					filter: brightness(0) invert(1);
				}
			}
		}
		&.decor {
			padding-left: 40px;
			&::before {
				position: absolute;
				content: "";
				width: 8px;
				height: 28px;
				border-radius: 8px;
				background-color: var(--blue_color);
				left: 20px;
				top: 50%;
				transform: translateY(-50%);
			}
		}
	}
	& .content_name {
		max-width: calc(100% - 60px);
	}
	& .footnote_title {
		display: flex;
		flex-wrap: wrap;
		font-family: var(--title_font);
		color: var(--gray_color);
		font-size: 13px;
		line-height: var(--line-height_18);
		font-weight: 600;
		margin-right: -12px;
		margin-bottom: -8px;
		& .item_footnote {
			margin-right: 12px;
			margin-bottom: 8px;
			&.object {
				padding-left: 18px;
				background: url(../icons/icon_17_grey.svg) left 0 top 2px / contain no-repeat;
				background-size: 13px 13px;
			}
			&.point {
				padding-left: 18px;
				background: url(../icons/pin_g.svg) left 0 top 2px / contain no-repeat;
				background-size: 13px 13px;
			}
			&.price {
				padding-left: 18px;
				background: url(../icons/money.svg) left 0 top 2px / contain no-repeat;
				background-size: 13px 13px;
				color: var(--green_color);
			}
		}
		&.padding {
			padding-top: 8px;
		}
	}
	& .flex_label {
		display: flex;
		flex-wrap: wrap;
		font-size: 13px;
		line-height: var(--line-height_16);
		font-weight: 600;
		& .label {
			margin-right: 8px;
			margin-bottom: 8px;
			padding: 2px 8px;
			border-radius: 10px;
			&.clr_1 {
				color: var(--accent_color);
				background-color: var(--light_accent_color);
			}
			&.clr_2 {
				color: var(--blue_color);
				background-color: var(--light_blue);
			}
			&.clr_3 {
				color: var(--gray_color);
				background-color: var(--light_gray_color);
			}
		}
	}
	
	& .list {
		display: none;
		border-top: 1px solid var(--light_blue);
		padding-left: 20px;
		padding-right: 20px;
		&.table_list {
			padding-left: 0;
			padding-right: 0;
			& .price_table_service {
				margin-left: 0;
				margin-right: 0;
				& .title_price {
					padding: 12px 16px;
					background-color: var(--blue_color);
					color: var(--ligth_color);
					font-weight: 600;
				}
				& .wrap_label {
					padding: 12px 16px 0 16px;
				}
				& .label_price_table {
					padding: 10px 15px 10px 32px;
					color: var(--blue_color);
					font-weight: 600;
					font-family: var(--title_font);
					background: var(--light_blue) url(../icons/doc_1.svg) left 15px center / contain no-repeat;
					background-size: 13px 13px;
					border-radius: 16px 16px 0 0;
					display: inline-block;
				}
				& .head_table {
					background-color: var(--light_blue);
					color: var(--gray_color);
					font-weight: 700;
					letter-spacing: 0.55px;
					padding-top: 10px;
					padding-bottom: 10px;
					border-radius: 0;
					& .td:last-child {
						color: var(--gray_color);
						font-weight: 700;
					}
				}
			}
		}
	}
	& .flex_page {
		padding-top: 24px;
		padding-bottom: 24px;
		& .item_content {
			&:not(:last-child) {
				margin-bottom: 24px;
			}
			& .title {
				padding-left: 28px;
				font-family: var(--title_font);
				font-size: 16px;
				line-height: var(--line-height_20);
				font-weight: 700;
				margin-bottom: 14px;
				position: relative;
				&::before {
					position: absolute;
					content: "";
					left: 0;
					top: 50%;
					transform: translateY(-50%);
					width: 20px;
					height: 20px;
					border-radius: 50%;
				}
				&.icon_1::before {
					background: var(--light_blue) url(../icons/icon_17.svg) center / contain no-repeat;
					background-size: 12px 12px;
				}
				&.icon_2::before {
					background: var(--light_orange_color) url(../icons/avatar_yellow.svg) center / contain no-repeat;
					background-size: 12px 12px;
				}
				&.icon_3::before {
					background: var(--light_green) url(../icons/check_green.svg) center / contain no-repeat;
					background-size: 12px 12px;
				}
			}
		}
	}
}

.item_doc {
	display: flex;
	align-items: center;
	padding: 14px 0 14px 52px;
	font-family: var(--title_font);
	position: relative;
	&:not(:last-child) {
		border-bottom: 1px solid var(--light_blue);
	}
	&::before {
		position: absolute;
		content: "";
		width: 36px;
		height: 36px;
		border-radius: 6px;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	&.pdf {
		&::before {
			background: var(--accent_color) url(../icons/pdf.svg) center / contain no-repeat;
			background-size: 20px 20px;
		}
		& .inf {
			color: var(--accent_color);
			background-color: var(--light_accent_color);
		}
	}
	&.doc {
		&::before {
			background: var(--blue_color) url(../icons/doc.svg) center / contain no-repeat;
			background-size: 20px 20px;
		}
		& .inf {
			color: var(--blue_color);
			background-color: var(--light_blue);
		}
	}
	&.docx {
		&::before {
			background: var(--blue_color) url(../icons/doc.svg) center / contain no-repeat;
			background-size: 20px 20px;
		}
		& .inf {
			color: var(--blue_color);
			background-color: var(--light_blue);
		}
	}
	&.xls {
		&::before {
			background: var(--green_color) url(../icons/xls.svg) center / contain no-repeat;
			background-size: 20px 20px;
		}
		& .inf {
			color: var(--green_color);
			background-color: var(--light_green);
		}
	}
	&.xlsx {
		&::before {
			background: var(--green_color) url(../icons/xls.svg) center / contain no-repeat;
			background-size: 20px 20px;
		}
		& .inf {
			color: var(--green_color);
			background-color: var(--light_green);
		}
	}
	&.jpg, &.jpeg, &.png {
		&::before {
			background: var(--orange_color) url(../icons/img.svg) center / contain no-repeat;
			background-size: 20px 20px;
		}
		& .inf {
			color: var(--orange_color);
			background-color: var(--light_orange_color);
		}
	}
	&.zip {
		&::before {
			background: var(--dark_blue) url(../icons/zip.svg) center / contain no-repeat;
			background-size: 20px 20px;
		}
		& .inf {
			color: var(--dark_blue);
			background-color: var(--light_blue);
		}
	}
	&.rar {
		&::before {
			background: var(--dark_blue) url(../icons/rar.svg) center / contain no-repeat;
			background-size: 20px 20px;
		}
		& .inf {
			color: var(--dark_blue);
			background-color: var(--light_blue);
		}
	}
	& .text_item {
		flex-grow: 1;
	}
	& .title {
		font-size: 15px;
		line-height: var(--line-height_20);
		font-weight: 600;
		margin-bottom: 4px;
		display: block;
	}
	& .description {
		font-family: var(--main_font);
		color: var(--gray_color);
		font-size: 14px;
		line-height: var(--line-height_18);
		margin-bottom: 4px;
	}
	& .flex_row {
		display: flex;
		align-items: center;
		font-size: 13px;
		line-height: var(--line-height_16);
		color: var(--gray_color);
	}
	& .inf {
		margin-right: 8px;
		padding: 2px 8px;
		border-radius: 10px;
		text-transform: uppercase;
		font-weight: 700;
	}
	& .date {
		padding-left: 15px;
		background: url(../icons/date.svg) left 0 center / contain no-repeat;
		background-size: 12px 12px;
	}
}

.footnote_docs {
	border-radius: 16px;
	border: 1px solid var(--light_blue);
	background: var(--light_blue) url(../icons/doc_1.svg) left 16px top 18px / contain no-repeat;
	background-size: 16px 16px;
	color: gray;
	padding: 16px 16px 16px 44px;
	font-size: 14px;
	line-height: var(--line-height_20);
}

.flex_filter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 0;
	& .nav {
		margin-right: 20px;
		display: flex;
		align-items: center;
	}
	& .wrap_search {
		margin-right: 12px;
		position: relative;
		& input {
			background: var(--light_blue) url(../icons/search_g.svg) left 14px center / contain no-repeat;
			background-size: 15px 15px;
			color: var(--light_dark_color);
			min-width: 440px;
			border-color: var(--light_blue);
			&::placeholder {
				color: var(--gray_color);
			}
			&:focus {
				border-color: var(--blue_color);
			}
		}
		& .clean {
			position: absolute;
			right: 14px;
			width: 15px;
			height: 15px;
			top: 50%;
			transform: translateY(-50%);
			z-index: 1;
			cursor: pointer;
			background: url(../icons/close_b.svg) center / contain no-repeat;
			display: none;
		}
	}
	& .sort_filter {
		position: relative;
		font-family: var(--title_font);
		cursor: pointer;
		border-radius: 16px;
		border: 1px solid var(--light_blue);
		padding: 12px 33px;
		font-size: 13px;
		line-height: var(--line-height_18);
		font-weight: 600;
		user-select: none;
		transition: all 0.3s ease;
		color: var(--blue_color);
		background: url(../icons/date_blue.svg) left 12px center / contain no-repeat;
		background-size: 13px 13px;
		&::after {
			position: absolute;
			content: "";
			width: 13px;
			height: 13px;
			right: 12px;
			top: 50%;
			transform: translateY(-50%) rotate(90deg);
			background: url(../icons/arrow_next.svg) center / contain no-repeat;
		}
		&.active::after {
			transform: translateY(-50%) rotate(-90deg);
		}
	}
	& .filter_info {
		font-size: 13px;
		line-height: var(--line-height_20);
		color: var(--gray_color);
		& span {
			font-weight: 700;
			color: var(--dark_color);
		}
	}
	& .nav_button {
		display: flex;
		align-items: center;
		& .button:not(:last-child) {
			margin-right: 8px;
		}
	}
}

.table_extra {
	border-radius: 16px;
	border: 1px solid var(--light_blue);
	overflow: hidden;
	background-color: var(--ligth_color);
	font-family: var(--title_font);
	font-size: 14px;
	line-height: var(--line-height_18);
	word-break: break-word;
	hyphens: auto;
	& .head_table {
		display: flex;
		flex-wrap: nowrap;
		background-color: var(--blue_color);
		color: var(--ligth_color);
		font-size: 13px;
		line-height: var(--line-height_18);
		font-weight: 700;
		letter-spacing: 0.48px;
		text-transform: uppercase;
		& .td {
			padding-top: 14px;
			padding-bottom: 14px;
		}
	}
	& .td {
		padding: 16px;
		&:nth-child(1) {
			width: 140px;
			min-width: 140px;
		}
		&:nth-child(2) {
			width: 200px;
			min-width: 200px;
		}
		&:nth-child(3) {
			width: calc(100% - 1185px);
		}
		&:nth-child(4) {
			width: 210px;
			min-width: 210px;
		}
		&:nth-child(5) {
			width: 170px;
			min-width: 170px;
		}
		&:nth-child(6) {
			width: 130px;
			min-width: 130px;
		}
		&:nth-child(7) {
			width: 195px;
			min-width: 195px;
		}
		&:nth-child(8) {
			width: 140px;
			min-width: 140px;
		}
	}
	& .tr {
		display: flex;
		flex-wrap: nowrap;
		&:not(:last-child) {
			border-bottom: 1px solid var(--light_blue);
		}
		& .td {
			&:nth-child(1) {
				color: var(--gray_color);
				padding-left: 34px;
				background: url(../icons/date.svg) left 16px top 18px / contain no-repeat;
				background-size: 13px 13px;
			}
			&:nth-child(2) {
				font-size: 13px;
				& .val {
					font-weight: 600;
					color: var(--blue_color);
					margin-bottom: 6px;
				}
				& span {
					color: var(--gray_color);
				}
			}
			&:nth-child(3) {
				font-weight: 600;
			}
			&:nth-child(5) {
				font-weight: 700;
			}
			&:nth-child(6) {
				color: var(--gray_color);
				&.active {
					color: var(--green_color);
					padding-left: 34px;
					background: url(../icons/clock_green.svg) left 16px top 18px / contain no-repeat;
					background-size: 12px 12px;
				}
			}
			&:nth-child(8) {
				text-align: right;
			}
		}
	}
	& .label {
		font-size: 13px;
		line-height: var(--line-height_16);
		color: var(--gray_color);
		padding: 2px 8px;
		display: inline-block;
		border-radius: 12px;
		background-color: var(--light_blue);
		font-weight: 600;
	}
	& .stat_label {
		font-size: 13px;
		line-height: var(--line-height_16);
		padding: 4px 10px;
		border-radius: 12px;
		display: inline-block;
		font-weight: 700;
		&.st_1 {
			background-color: var(--light_green);
			color: var(--green_color);
		}
		&.st_2 {
			background-color: var(--light_orange_color);
			color: var(--orange_color);
		}
		&.st_3 {
			background-color: var(--light_blue);
			color: var(--blue_color);
		}
		&.st_4 {
			color: var(--gray_color);
			background-color: var(--light_gray_color);
		}
		&.st_5 {
			background-color: var(--light_accent_color);
			color: var(--accent_color);
		}
	}
	& .link_button {
		border-radius: 16px;
		padding: 8px 12px;
		display: inline-block;
		color: var(--ligth_color);
		font-size: 13px;
		line-height: var(--line-height_16);
		font-weight: 600;
		background-color: var(--blue_color);
		transition: all 0.3s ease;
		& span {
			padding-left: 20px;
			background: url(../icons/link_bw.svg) left 0 center / contain no-repeat;
			background-size: 13px 13px;
		}
	}
}

.wrap_pagination {
	padding-top: 32px;
	padding-bottom: 32px;
}

.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	line-height: var(--line-height_20);
	font-weight: 600;
	font-family: var(--title_font);
	& .arrow {
		border-radius: 16px;
		border: 1px solid var(--light_blue);
		padding: 8px 16px;
		opacity: 0.35;
		display: block;
		display: flex;
		align-items: center;
		min-height: 40px;
		position: relative;
		color: var(--blue_color);
		transition: all 0.3s ease;
	}
	& a.arrow {
		opacity: 1;
	}
	& .prev {
		padding-left: 36px;
		&::before {
			position: absolute;
			content: "";
			width: 13px;
			height: 13px;
			left: 16px;
			top: 50%;
			transform: translateY(-50%);
			background: url(../icons/arrow_link_blue_back.svg) center / contain no-repeat;
		}
	}
	& .next {
		padding-right: 36px;
		&::after {
			position: absolute;
			content: "";
			width: 13px;
			height: 13px;
			right: 16px;
			top: 50%;
			transform: translateY(-50%);
			background: url(../icons/arrow_link_blue.svg) center / contain no-repeat;
		}
	}
	& .nav_page {
		display: flex;
		align-items: center;
		padding-left: 16px;
		padding-right: 16px;
	}
	& .to_page {
		border-radius: 16px;
		border: 1px solid var(--light_blue);
		background: var(--ligth_color);
		padding: 7px 14px;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 40px;
		min-height: 40px;
		transition: all 0.3s ease;
		&:not(:last-child) {
			margin-right: 8px;
		}
		&.active {
			background-color: var(--blue_color);
			color: var(--ligth_color);
		}
	}
}

.footnote_table_bg {
	padding: 16px 16px 16px 44px;
	border-radius: 16px;
	border: 1px solid var(--light_blue);
	background: var(--bg_light_blue) url(../icons/alert_blue.svg) left 16px top 18px / contain no-repeat;
	background-size: 18px 18px;
	color: var(--gray_color);
	& a {
		color: var(--blue_color);
	}
}

.contacts_wrap {
	padding: 24px;
	border-radius: 16px;
	background-color: var(--ligth_color);
	border: 1px solid var(--light_blue);
	& h4 {
		color: var(--blue_color);
		margin-bottom: 20px;
	}
	& .flex_wrap {
		display: flex;
		font-family: var(--title_font);
		font-size: 15px;
		line-height: var(--line-height_18);
		&:not(:last-child) {
			margin-bottom: 20px;
			padding-bottom: 20px;
			border-bottom: 1px solid var(--light_blue);
		}
	}
	& .item {
		flex: 1;
		padding: 16px;
		border-radius: 16px;
		background-color: var(--bg_blue);
		&:not(:last-child) {
			margin-right: 20px;
		}
		& .title {
			font-size: 13px;
			line-height: var(--line-height_16);
			letter-spacing: 0.7px;
			text-transform: uppercase;
			color: var(--gray_color);
			font-weight: 700;
			margin-bottom: 10px;
			padding-left: 22px;
			&.icon_1 {
				background: url(../icons/avatar_blue.svg) left 0 top 0 / contain no-repeat;
				background-size: 16px 16px;
			}
			&.icon_2 {
				background: url(../icons/phone_blue.svg) left 0 top 0 / contain no-repeat;
				background-size: 16px 16px;
			}
			&.icon_3 {
				background: url(../icons/mail_blue.svg) left 0 top 0 / contain no-repeat;
				background-size: 16px 16px;
			}
			&.icon_4 {
				background: url(../icons/clock_blue.svg) left 0 top 0 / contain no-repeat;
				background-size: 16px 16px;
			}&.icon_5 {
				background: url(../icons/pin_blue.svg) left 0 top 0 / contain no-repeat;
				background-size: 16px 16px;
			}
		}
		& .val {
			font-weight: 600;
			transition: all 0.3s ease;
		}
	}
	& .flex_footer {
		display: flex;
		align-items: center;
		& .send {
			white-space: nowrap;
		}
	}
	& .text_footer {
		padding-right: 60px;
		flex-grow: 1;
		font-size: 15px;
		line-height: var(--line-height_18);
		color: var(--gray_color);
		& a {
			color: var(--blue_color);
		}
	}
}

.contacts_flex {
	display: flex;
	flex-wrap: wrap;
	margin-right: -16px;
	margin-bottom: -16px;
	padding-top: 16px;
	font-family: var(--title_font);
	font-size: 14px;
	line-height: var(--line-height_16);
	font-weight: 600;
	& .item_contacts {
		width: calc(25% - 16px);
		margin-right: 16px;
		margin-bottom: 16px;
		padding: 16px;
		border-radius: 16px;
		background-color: var(--ligth_color);
		border: 1px solid var(--light_blue);
	}
	& a {
		display: block;
		padding-left: 18px;
		transition: all 0.3s ease;
		&:not(:last-child) {
			margin-bottom: 8px;
		}
		&.phone {
			background: url(../icons/phone_blue.svg) left 0 top 2px / contain no-repeat;
			background-size: 13px 13px;
		}
		&.mail {
			background: url(../icons/mail_blue.svg) left 0 top 2px / contain no-repeat;
			background-size: 13px 13px;
		}
	}
	& .title {
		font-size: 13px;
		line-height: var(--line-height_16);
		color: var(--gray_color);
		margin-bottom: 12px;
	}
}

.section_small {
	&:not(:last-child) {
		margin-bottom: 40px;
	}
}

.wrap_map_section {
	position: relative;
	height: calc(100vh - 200px);
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid var(--light_blue);
	margin-bottom: 20px;
	& .map {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	& .label_map {
		position: absolute;
		left: 16px;
		bottom: 16px;
		border-radius: 16px;
		padding: 16px;
		background-color: var(--ligth_color);
		border: 1px solid var(--light_blue);
		z-index: 2;
		font-family: var(--title_font);
		max-width: 350px;
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
		display: none;
		& .title {
			font-size: 15px;
			line-height: var(--line-height_20);
			font-weight: 700;
			margin-bottom: 4px;
		}
		& .address {
			font-size: 13px;
			line-height: var(--line-height_16);
			color: var(--gray_color);
			margin-bottom: 4px;
		}
		& a {
			display: block;
			font-size: 14px;
			line-height: var(--line-height_20);
			font-weight: 600;
			color: var(--blue_color);
		}
	}
}

.nav_map {
	display: flex;
	flex-wrap: wrap;
	margin-right: -16px;
	margin-bottom: -16px;
	font-family: var(--title_font);
	& .item_nav {
		border-radius: 16px;
		padding: 16px;
		border: 1px solid var(--light_blue);
		background-color: var(--ligth_color);
		cursor: pointer;
		margin-right: 16px;
		margin-bottom: 16px;
		width: calc(20% - 16px);
		transition: all 0.3s ease;
		display: flex;
		flex-direction: column;
		&.active {
			border-color: var(--dark_blue);
		}
	}
	& .title {
		font-size: 15px;
		line-height: var(--line-height_18);
		font-weight: 700;
		margin-bottom: 4px;
	}
	& .address {
		color: var(--gray_color);
		font-size: 13px;
		line-height: var(--line-height_16);
		margin-bottom: 16px;
		font-weight: 600;
		flex-grow: 1;
	}
	& a {
		font-size: 13px;
		line-height: var(--line-height_18);
		font-weight: 600;
		color: var(--blue_color);
		display: block;
		padding-left: 18px;
		&:not(:last-child) {
			margin-bottom: 6px;
		}
	}
	& .phone {
		background: url(../icons/phone_blue.svg) left 0 top 2px / contain no-repeat;
		background-size: 13px 13px;
	}
	& .mail {
		background: url(../icons/mail_blue.svg) left 0 top 2px / contain no-repeat;
		background-size: 13px 13px;
	}
}

.flex_fields {
	display: flex;
	margin-bottom: 16px;
	& .wrap_input {
		flex: 1;
		&:not(:last-child) {
			margin-bottom: 0;
			margin-right: 16px;
		}
	}
}

.wrap_input {
	&:not(:last-child) {
		margin-bottom: 16px;
	}
	& label {
		display: block;
		margin-bottom: 6px;
		font-size: 13px;
        line-height: var(--line-height_16);
        font-weight: 600;
		font-family: var(--title_font);
		& span {
			color: var(--accent_color);
		}
	}
	& input[type="text"], & textarea {
		border-color: var(--light_blue);
		background-color: var(--bg_blue);
		color: var(--dark_color);
		width: 100%;
		padding: 12px 16px;
		&::placeholder {
			color: var(--gray_color);
		}
		&:focus {
			border-color: var(--blue_color);
		}
		&.is-invalid {
			border-color: var(--accent_color_hover);
			background-color: var(--light_accent_color);
			color: var(--accent_color);
		}
	}
	& textarea {
		resize: none;
		height: 120px;
	}
}

.flex_contacts {
	display: flex;
	& .wrap_form {
		flex: 2;
		margin-right: 32px;
		display: flex;
		flex-direction: column;
	}
	& .form {
		padding: 24px;
		border-radius: 16px;
		background-color: var(--ligth_color);
		border: 1px solid var(--light_blue);
		font-family: var(--title_font);
		font-size: 13px;
		line-height: var(--line-height_16);
		font-weight: 600;
		flex-grow: 1;
		& button {
			display: block;
			width: 100%;
		}
		& .form_message {
			display: none;
		}
	}
	& .wrap_col {
		flex: 1;
		display: flex;
		flex-direction: column;
		& .social_links {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			color: var(--ligth_color);
			margin-bottom: 12px;
			margin-right: -8px;
			& a {
				display: block;
				padding: 12px 16px 12px 46px;
				margin-bottom: 8px;
				margin-right: 8px;
				border-radius: 16px;
				position: relative;
				flex: 1;
				transition: all 0.3s ease;
				&:nth-child(1) {
					background-color: var(--blue_color);
				}
				&:nth-child(2) {
					background-color: #1192cd;
				}
				&:nth-child(3) {
					background-color: #229ED9;
				}
				&:nth-child(4) {
					background-color: #3eaee2;
				}
				&::before {
					position: absolute;
					content: "";
					width: 20px;
					height: 20px;
					left: 16px;
					top: 50%;
					transform: translateY(-50%);
				}
			}
			& .telegram::before {
				background: url(../icons/telegram_w.svg) center / contain no-repeat;
			}
			& .vk::before {
				background: url(../icons/vk_w.svg) center / contain no-repeat;
			}
			& .max::before {
				background: url(../icons/max_w.svg) center / contain no-repeat;
			}
			& .ok::before {
				background: url(../icons/ok_w.svg) center / contain no-repeat;
			}
		}
	}
}

.agree {
	margin-bottom: 16px;
	font-size: 15px;
	line-height: var(--line-height_18);
	font-family: var(--main_font);
	& input {
		display: none;
	}
	& label {
		display: block;
		cursor: pointer;
		position: relative;
		padding-left: 30px;
		user-select: none;
		&::before {
			position: absolute;
			left: 0;
			top: 0;
			content: "";
			width: 18px;
			height: 18px;
			border: 2px solid var(--label_bg_blue);
			border-radius: 4px;
		}
		& a {
			color: var(--blue_color);
			text-decoration: underline;
		}
	}
	& input[type="checkbox"]:checked + label::before {
		background: var(--blue_color) url(../icons/check.svg) center / contain no-repeat;
		background-size: 13px 13px;
		border-color: var(--blue_color);
	}
}

.small_table {
	padding: 20px;
	border-radius: 16px;
	background-color: var(--ligth_color);
	border: 1px solid var(--light_blue);
	font-family: var(--title_font);
	font-weight: 600;
	word-break: break-word;
	flex-grow: 1;
	& .name_row {
		font-size: 13px;
		line-height: var(--line-height_16);
		color: var(--gray_color);
		margin-bottom: 4px;
	}
	& .val {
		font-size: 16px;
		line-height: var(--line-height_18);
	}
	& .row {
		&:not(:last-child) {
			margin-bottom: 8px;
		}
	}
}

.price_table {
	font-family: var(--title_font);
	font-size: 15px;
	line-height: var(--line-height_20);
	font-weight: 500;
	counter-reset: number;
	& .title_price {
		padding: 12px 16px;
		background-color: var(--blue_color);
		color: var(--ligth_color);
		font-weight: 600;
	}
	& .head_table {
		display: flex;
		flex-wrap: nowrap;
		background-color: var(--light_blue);
		color: var(--gray_color);
		font-size: 13px;
		line-height: var(--line-height_16);
		font-weight: 700;
		letter-spacing: 0.55px;
		text-transform: uppercase;
		& .td {
			padding-top: 10px;
			padding-bottom: 10px;
		}
	}
	& .td {
		padding: 12px 16px;
		&:nth-child(1) {
			width: 60px;
			min-width: 60px;
		}
		&:nth-child(2) {
			width: calc(100% - 330px);
			max-width: calc(100% - 330px);
		}
		&:nth-child(3) {
			width: 135px;
			min-width: 135px;
			text-align: center;
		}
		&:nth-child(4) {
			width: 135px;
			min-width: 135px;
			text-align: right;
		}
	}
	& .tr {
		display: flex;
		flex-wrap: nowrap;
		color: var(--dark_color);
		&:not(:last-child) {
			border-bottom: 1px solid var(--light_blue);
		}
		& .td {
			&:nth-child(1) {
				color: var(--gray_color);
				font-size: 13px;
				line-height: var(--line-height_16);
				&::after {
					display: inline-block;
					content: counter(number, decimal-leading-zero);
					counter-increment: number;
				}
			}
			&:nth-child(4) {
				font-size: 16px;
				line-height: var(--line-height_20);
				font-weight: 700;
				color: var(--blue_color);
			}
		}
	}
	& .label {
		font-size: 13px;
		line-height: var(--line-height_16);
		font-weight: 600;
		color: var(--gray_color);
		padding: 2px 12px;
		border-radius: 12px;
		background-color: var(--light_blue);
		display: inline-block;
	}
}

.filter {
	padding: 16px;
	border-radius: 16px;
	background-color: var(--ligth_color);
	border: 1px solid var(--light_blue);
	font-family: var(--title_font);
	font-size: 15px;
	line-height: var(--line-height_20);
	font-weight: 500;
	& .filter_row {
		display: flex;
		align-items: flex-start;
		&:not(:last-child) {
			margin-bottom: 12px;
		}
	}
	& .f_name {
		font-weight: 600;
		color: var(--gray_color);
		margin-right: 6px;
		padding: 6px 6px 6px 20px;
		&.date_i {
			background: url(../icons/date_i.svg) left 0 top 10px / contain no-repeat;
			background-size: 13px 13px;
		}
		&.type_i {
			background: url(../icons/type_i.svg) left 0 center / contain no-repeat;
			background-size: 13px 13px;
		}
		&.obj_i {
			background: url(../icons/obj_i.svg) left 0 center / contain no-repeat;
			background-size: 13px 13px;
		}
		&.stat_i {
			background: url(../icons/stat_i.svg) left 0 center / contain no-repeat;
			background-size: 13px 13px;
		}
	}
	& .f_nav {
		margin-right: -8px;
		margin-bottom: -8px;
		& .swiper-wrapper {
			display: flex;
			flex-wrap: wrap;
		}
	}
	& .item_nav {
		display: block;
		cursor: pointer;
		margin-right: 8px;
		margin-bottom: 8px;
		padding: 6px 12px;
		border-radius: 16px;
		border: 1px solid var(--light_blue);
		transition: all 0.3s ease;
		width: auto;
		&.active {
			background-color: var(--blue_color);
			border-color: var(--blue_color);
			color: var(--ligth_color);
		}
	}
}

.inf_item {
	margin-bottom: 20px;
	font-family: var(--title_font);
	font-size: 14px;
	line-height: var(--line-height_18);
	color: var(--gray_color);
	& .val {
		display: inline;
		color: var(--dark_color);
		font-weight: 700;
	}
}

.time_line {
	font-size: 14px;
	line-height: var(--line-height_18);
	color: var(--gray_color);
	padding-top: 8px;
	& .item_time_line {
		padding-left: 52px;
		position: relative;
		min-height: 42px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		&:not(:last-child) {
			padding-bottom: 24px;
			&::after {
				position: absolute;
				content: "";
				width: 2px;
				border-left: 2px solid var(--light_blue);
				left: 16.5px;
				top: 36px;
				height: calc(100% - 36px);
			}
		}
		&.active {
			& .time {
				background-color: var(--blue_color);
				color: var(--ligth_color);
			}
			&::before {
				background-color: var(--ligth_color);
				box-shadow: 0 0 0 12px var(--blue_color);
			}
		}
		&.disabled {
			& .time {
				background-color: var(--light_gray_color);
				color: var(--gray_color);
			}
			&::before {
				background-color: var(--gray_color);
				box-shadow: 0 0 0 12px var(--light_gray_color);
			}
		}
		&::before {
			position: absolute;
			content: "";
			width: 8px;
			height: 8px;
			border-radius: 50%;
			background-color: var(--blue_color);
			left: 14px;
			top: 14px;
			box-shadow: 0 0 0 12px var(--light_blue);
		}
	}
	& .title_flex {
		display: flex;
		font-family: var(--title_font);
		margin-bottom: 4px;
	}
	& .time {
		width: 60px;
		border-radius: 12px;
		padding: 2px 8px;
		background-color: var(--light_blue);
		color: var(--blue_color);
		margin-right: 8px;
		font-size: 13px;
		line-height: var(--line-height_16);
		font-weight: 700;
		text-align: center;
	}
	& .tilte {
		max-width: calc(100% - 68px);
		font-size: 15px;
		line-height: var(--line-height_20);
		font-weight: 600;
		color: var(--dark_color);
	}
}

.mobil_el {
	display: none;
}

.ctlg_list {
	& .item_ctlg {
		display: flex;
		padding: 12px 16px;
		border: 1px solid var(--light_blue);
		background-color: var(--bg_blue);
		border-radius: 16px;
		&:not(:last-child) {
			margin-bottom: 8px;
		}
	}
	& .icon {
		width: 15px;
		height: 15px;
		margin-right: 12px;
	}
	& h4 {
		width: calc(100% - 27px);
	}
}

.error_page {
	background: radial-gradient(60% 50% at 60% 50%, rgba(0, 91, 172, 0.08), transparent 70%);
	position: relative;
	& .decor {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: linear-gradient(var(--blue_color) 1px, transparent 1px), linear-gradient(90deg, var(--blue_color) 1px, transparent 1px);
		background-size: 48px 48px;
		opacity: 0.04;
		z-index: -1;
	}
	& .label_error {
		display: inline-block;
		padding: 6px 12px 6px 28px;
		border-radius: 16px;
		font-family: var(--title_font);
		font-size: 15px;
		line-height: var(--line-height_18);
		font-weight: 600;
	}
	& h2 {
		font-size: 26px;
		line-height: var(--line-height_30);
		margin-bottom: 30px;
	}
	& .error_text {
		font-size: 16px;
		line-height: var(--line-height_18);
		margin-bottom: 40px;
	}
	&.error_404 {
		& .label_error {
			border: 1px solid var(--blue_color);
			background: var(--light_blue) url(../icons/error_404.svg) left 12px center / contain no-repeat;
			background-size: 13px 13px;
			color: var(--blue_color);
		}
		& h2 {
			color: var(--blue_color);
		}
		& .flex_error {
			& .media_error {
				& .animation_decor {
					& .point {
						background: linear-gradient(135deg, var(--blue_color) 0%, var(--label_bg_blue) 100%);
					}
				}
				& .error {
					text-shadow: rgba(0, 91, 172, 0.6) 0px 0px 12px, rgba(0, 0, 0, 0.4) 0px 2px 4px;
					&::before {
						background: radial-gradient(circle, rgba(0, 91, 172, 0.6) 0%, transparent 70%);
					}
				}
			}
		}
	}
	&.error_401 {
		& .label_error {
			border: 1px solid var(--accent_color);
			background: var(--light_accent_color) url(../icons/error_401.svg) left 12px center / contain no-repeat;
			background-size: 13px 13px;
			color: var(--accent_color);
		}
		& h2 {
			color: var(--accent_color);
		}
		& .flex_error {
			& .media_error {
				& .animation_decor {
					& .point {
						background: linear-gradient(135deg, var(--accent_color) 0%, var(--accent_color_hover) 100%);
					}
				}
				& .error {
					text-shadow: rgba(206, 17, 38, 0.6) 0px 0px 12px, rgba(0, 0, 0, 0.4) 0px 2px 4px;
					&::before {
						background: radial-gradient(circle, rgba(206, 17, 38, 0.6) 0%, transparent 70%);
					}
				}
			}
		}
		& .go_home_page {
			background: linear-gradient(135deg, var(--accent_color) 0%, var(--accent_color_hover) 100%);
			box-shadow: rgba(206, 17, 38, 0.6) 0px 4px 20px;
		}
	}
	&.error_503 {
		& .label_error {
			border: 1px solid var(--orange_color);
			background: var(--light_orange_color) url(../icons/error_503.svg) left 12px center / contain no-repeat;
			background-size: 13px 13px;
			color: var(--orange_color);
		}
		& h2 {
			color: var(--orange_color);
		}
		& .flex_error {
			& .media_error {
				& .animation_decor {
					& .point {
						background: linear-gradient(135deg, var(--orange_color) 0%, var(--light_orange_color) 100%);
					}
				}
				& .error {
					text-shadow: rgba(184, 120, 0, 0.6) 0px 0px 12px, rgba(0, 0, 0, 0.4) 0px 2px 4px;
					&::before {
						background: radial-gradient(circle, rgba(184, 120, 0, 0.6) 0%, transparent 70%);
					}
				}
			}
		}
		& .go_home_page {
			background: linear-gradient(135deg, var(--label_bg_orange) 0%, var(--orange_color) 100%);
			box-shadow: rgba(184, 120, 0, 0.6) 0px 4px 20px;
			&::before {
				background: url(../icons/changed_w.svg) center / contain no-repeat;
			}
		}
	}
}

.flex_error {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-top: 40px;
	& .content_error {
		flex: 1;
		padding-right: 40px;
	}
	& .media_error {
		position: relative;
		height: 80vh;
		& img {
			display: block;
			object-position: left top;
		}
		& .animation_decor {
			position: absolute;
			z-index: 1;
			right: 0;
			top: 20px;
			width: 50%;
			height: 100%;
			& .point {
				position: absolute;
				&:nth-child(1) {
					width: 50px;
					height: 50px;
					opacity: 0.9;
					top: 63%;
					right: 7%;
					animation: 4.5s ease-in-out 0s infinite alternate none running float1;
  					clip-path: polygon(20% 0%, 0% 70%, 100% 100%);
				}
				&:nth-child(2) {
					width: 40px;
    				height: 40px;
					opacity: 0.8;
					top: 51%;
					right: 4%;
					animation: 4s ease-in-out 0s infinite alternate none running float0;
  					clip-path: polygon(40% 0%, 0% 50%, 100% 100%);
				}
				&:nth-child(3) {
					width: 30px;
   	 				height: 30px;
					opacity: 0.7;
					top: 39%;
					right: 1%;
					animation: 3.5s ease-in-out 0s infinite alternate none running float2;
  					clip-path: polygon(80% 0%, 0% 100%, 70% 100%);
				}
				&:nth-child(4) {
					width: 20px;
    				height: 20px;
					opacity: 0.6;
					top: 27%;
					right: -2%;
					animation: 3s ease-in-out 0s infinite alternate none running float1;
  					clip-path: polygon(0% 0%, 0% 100%, 50% 100%);
				}
				&:nth-child(5) {
					width: 10px;
    				height: 10px;
					opacity: 0.5;
					top: 15%;
					right: -5%;
					animation: 2.5s ease-in-out 0s infinite alternate none running float0;
  					clip-path: polygon(0% 0%, 0% 100%, 100% 20%);
				}
			}
		}
		& .error {
			position: absolute;
			font-family: var(--title_font);
			font-weight: 900;
			font-size: clamp(16px, 4vw, 70px);
			line-height: 1;
			color: var(--ligth_color);
			letter-spacing: -0.03em;
			z-index: 1;
			width: 42%;
			aspect-ratio: 1 / 1;
			display: flex;
			align-items: center;
			justify-content: center;
			left: 4%;
			top: 7%;
			user-select: none;
			&::before {
				position: absolute;
				content: "";
				opacity: 0.9;
				border-radius: 50%;
				animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
				width: 100%;
				height: 100%;
				z-index: -1;
			}
		}
	}
	& .wrap_nav_links {
		padding-top: 35px;
		border-top: 1px solid var(--light_blue);
		font-family: var(--title_font);
	}
	& .title {
		font-weight: 600;
		margin-bottom: 16px;
		color: var(--gray_color);
		font-size: 16px;
		line-height: var(--line-height_18);
	}
	& .nav_links {
		display: flex;
		flex-wrap: wrap;
		margin-right: -8px;
		font-size: 13px;
		line-height: var(--line-height_16);
		font-weight: 600;
		color: var(--blue_color);
		& a {
			display: block;
			padding: 8px 12px;
			border-radius: 16px;
			background-color: var(--light_blue);
			border: 1px solid var(--label_bg_blue);
			margin-right: 8px;
			margin-bottom: 8px;
		}
	}
}

.go_home_page {
	display: inline-block;
	padding: 16px 32px 16px 58px;
	font-size: 16px;
	line-height: var(--line-height_24);
	font-weight: 700;
	background: linear-gradient(135deg, var(--blue_color) 0%, var(--dark_blue) 100%);
	box-shadow: rgba(0, 91, 172, 0.6) 0px 4px 20px;
	position: relative;
	color: var(--ligth_color);
	border-radius: 16px;
	margin-bottom: 40px;
	transition: all 0.5s ease;
	will-change: transform;
	&::before {
		position: absolute;
		content: "";
		width: 15px;
		height: 15px;
		left: 32px;
		top: 50%;
		transform: translateY(-50%);
		background: url(../icons/home.svg) center / contain no-repeat;
	}
}

.feedback_page {
	display: flex;
	flex-wrap: nowrap;
	& .wrap_nav {
		flex: 1;
		font-family: var(--title_font);
		font-size: 14px;
		line-height: var(--line-height_18);
		font-weight: 500;
		margin-right: 32px;
		& .slide_btn {
			display: none;
		}
	}
	& .item_nav {
		display: block;
		position: relative;
		padding: 12px 16px 12px 44px;
		border-radius: 16px;
		color: var(--dark_color);
		&::before {
			position: absolute;
			content: "";
			width: 16px;
			height: 16px;
			left: 16px;
			top: 50%;
			transform: translateY(-50%);
		}
		&:nth-child(1):before {
			background: url(../icons/nav_icon_1.svg) center / contain no-repeat;
		}
		&:nth-child(2)::before {
			background: url(../icons/nav_icon_2.svg) center / contain no-repeat;
		}
		&:nth-child(3)::before {
			background: url(../icons/nav_icon_3.svg) center / contain no-repeat;
		}
		&:nth-child(4)::before {
			background: url(../icons/nav_icon_4.svg) center / contain no-repeat;
		}
		&:nth-child(5)::before {
			background: url(../icons/nav_icon_5.svg) center / contain no-repeat;
		}
		&:nth-child(6)::before {
			background: url(../icons/nav_icon_6.svg) center / contain no-repeat;
		}
		&:nth-child(7)::before {
			background: url(../icons/nav_icon_7.svg) center / contain no-repeat;
		}
		&:nth-child(8)::before {
			background: url(../icons/nav_icon_8.svg) center / contain no-repeat;
		}
		&:nth-child(9)::before {
			background: url(../icons/nav_icon_9.svg) center / contain no-repeat;
		}
		&.active {
			background-color: var(--blue_color);
			color: var(--ligth_color);
			&::before {
				filter: brightness(0) invert(1);
			}
		}
	}
	& .content_feedback {
		flex: 3;
		padding: 24px;
		border-radius: 16px;
		border: 1px solid var(--light_blue);
		background-color: var(--ligth_color);
		& a:not(.download) {
			color: var(--blue_color);
			transition: all 0.3s ease;
		}
		& h4 {
			color: var(--blue_color);
			margin-bottom: 12px;
		}
	}
	& .header_content {
		padding-bottom: 16px;
		margin-bottom: 20px;
		border-bottom: 1px solid var(--light_blue);
		& h3 {
			margin-bottom: 0;
		}
	}
	& .slide_list {
		border-radius: 16px;
		padding: 16px 16px 16px 44px;
		border: 1px solid var(--light_blue);
		background: var(--bg_blue) url(../icons/alert_blue.svg) left 16px top 16px / contain no-repeat;
		background-size: 16px 16px;
		margin-bottom: 32px;
		& .name {
			font-family: var(--title_font);
			font-weight: 500;
			font-size: 15px;
			line-height: var(--line-height_18);
			margin-bottom: 8px;
		}
		& .show_list {
			font-family: var(--title_font);
			font-size: 13px;
			line-height: var(--line-height_16);
			font-weight: 700;
			padding: 8px 42px 8px 16px;
			border-radius: 16px;
			border: 1px solid var(--blue_color);
			display: inline-block;
			cursor: pointer;
			color: var(--blue_color);
			position: relative;
			&::after {
				position: absolute;
				content: "";
				width: 13px;
				height: 13px;
				right: 16px;
				top: 50%;
				transform: translateY(-50%);
				background: url(../icons/arrow_link_blue.svg) center / contain no-repeat;
			}
			&.active::after {
				transform: translateY(-50%) rotate(90deg);
			}
		}
		& .list {
			padding-top: 40px;
			position: relative;
			display: none;
			&::before {
				position: absolute;
				content: "";
				width: 100%;
				height: 1px;
				border-bottom: 1px solid var(--light_blue);
				left: 0;
				top: 20px;
			}
		}
	}
	& .footnote_message {
		margin-bottom: 32px;
		font-size: 14px;
		line-height: var(--line-height_18);
	}
	& .wrap_input {
		& textarea {
			resize: none;
			height: 180px;
		}
	}
	& .search_wrap {
		display: flex;
		align-items: center;
		margin-bottom: 24px;
		& .wrap_input {
			margin-bottom: 0;
			margin-right: 12px;
			flex-grow: 1;
		}
	}
	& .feedback_result {
		padding: 20px;
		border-radius: 16px;
		background-color: var(--ligth_color);
		border: 1px solid var(--light_green);
		font-family: var(--title_font);
		display: none;
		& .title {
			font-size: 16px;
			line-height: var(--line-height_20);
			font-weight: 700;
			color: var(--green_color);
			margin-bottom: 16px;
			padding-left: 26px;
			background: url(../icons/check_green.svg) left center / contain no-repeat;
			background-size: 18px 18px;
		}
		& .flex_result {
			display: flex;
			flex-wrap: nowrap;
		}
		& .col {
			flex: 1;
			&:first-child {
				margin-right: 12px;
			}
		}
		& .row_col:not(:last-child) {
			margin-bottom: 12px;
		}
		& .label {
			font-size: 13px;
			line-height: var(--line-height_16);
			text-transform: uppercase;
			font-weight: 500;
			color: var(--gray_color);
		}
		& .val {
			font-size: 15px;
			line-height: var(--line-height_20);
			font-weight: 600;
			color: var(--dark_color);
		}
		&.error {
			border-color: var(--accent_color_hover);
			background: var(--light_accent_color) url(../icons/alert_red.svg) left 16px top 16px / contain no-repeat;
			background-size: 16px 16px;
			color: var(--accent_color);
			font-family: var(--main_font);
			padding: 16px 16px 16px 44px;
			& a {
				color: var(--accent_color);
				font-weight: 600;
			}
		}
	}
}

.media_catalog {
	display: flex;
	flex-wrap: wrap;
	margin-right: -20px;
	margin-bottom: -20px;
	font-family: var(--title_font);
	font-size: 13px;
	line-height: var(--line-height_16);
	& .item_media {
		width: calc((100% / 3) - 20px);
		margin-right: 20px;
		margin-bottom: 20px;
		border-radius: 16px;
		background-color: var(--ligth_color);
		border: 1px solid var(--light_blue);
		position: relative;
		overflow: hidden;
		cursor: pointer;
		transition: all 0.3s ease;
		&:not(:first-child)::after {
			position: absolute;
			content: attr(data-media);
			font-size: 13px;
			line-height: var(--line-height_13);
			color: var(--ligth_color);
			border-radius: 16px;
			padding: 4px 10px 4px 30px;
			background: rgba(0, 0, 0, 0.55) url(../icons/images.svg) left 10px center / contain no-repeat;
			background-size: 13px 13px;
			top: 12px;
			right: 12px;
			z-index: 1;
			font-weight: 600;
		}
		&:first-child {
			width: 100%;
			margin-bottom: 32px;
			min-height: 450px;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			& .image_wrap {
				position: absolute;
				left: 0;
				top: 0;
				height: 100%;
				margin-right: 0;
				padding: 0;
				width: 100%;
				justify-content: flex-end;
				align-items: center;
				padding: 32px;
				&::before {
					background: linear-gradient(to right, rgba(0, 15, 50, 0.9) 0%, rgba(0, 15, 50, 0.4) 50%, rgba(0, 15, 50, 0.15) 100%);
				}
			}
			& .content_wrap {
				z-index: 2;
				color: var(--ligth_color);
				padding: 32px;
				display: flex;
				flex-wrap: wrap;
			}
			& h4 {
				font-size: 28px;
				line-height: var(--line-height_32);
				margin-bottom: 8px;
				order: 1;
				width: 100%;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				&::before {
					display: inline-block;
					content: "Новый альбом";
					padding: 6px 12px 6px 33px;
					background: var(--blue_color) url(../icons/images.svg) left 12px center / contain no-repeat;
					background-size: 13px 13px;
					color: var(--ligth_color);
					border-radius: 16px;
					margin-bottom: 12px;
					font-size: 13px;
					line-height: var(--line-height_16);
				}
			}
			& .date {
				order: 2;
				margin-right: 8px;
				color: var(--bg_light_blue);
				background: url(../icons/date_w.svg) left 0 center / contain no-repeat;
        		background-size: 13px 13px;
				margin-bottom: 0;
				padding-right: 12px;
				position: relative;
				font-size: 14px;
				line-height: var(--line-height_16);
				&::after {
					position: absolute;
					content: "·";
					color: var(--gray_color);
					right: 0;
					top: 50%;
					transform: translateY(-50%);
				}
			}
			& .inf_flex {
				order: 3;
				color: var(--bg_light_blue);
				font-size: 14px;
				line-height: var(--line-height_16);
				& span {
					padding-bottom: 0;
					&:not(:last-child) {
						padding-right: 12px;
						margin-right: 8px;
						position: relative;
						&::after {
							position: absolute;
							content: "·";
							color: var(--gray_color);
							right: 0;
							top: 50%;
							transform: translateY(-50%);
						}
					}
				}
			}
			& .item_image {
				width: 120px;
				height: 120px;
				flex-grow: unset;
				border: 1px solid var(--ligth_color);
				background-color: var(--light_blue);
				&:nth-child(n+5) {
					display: none;
				}
			}
		}
	}
	& .image_wrap {
		height: 330px;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		overflow: hidden;
		margin-right: -4px;
		padding: 4px;
		&::before {
			position: absolute;
			content: "";
			width: 100%;
			height: 100%;
			background: linear-gradient(to top, rgba(0, 15, 50, 0.88) 0%, rgba(0, 15, 50, 0.2) 55%, transparent 100%);
			z-index: 2;
			left: 0;
			top: 0;
		}
		&::after {
			position: absolute;
			content: "Смотреть альбом";
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			border-radius: 16px;
			background: var(--blue_color) url(../icons/zoom_small.svg) left 12px center / contain no-repeat;
			background-size: 13px;
			font-size: 13px;
			line-height: var(--line-height_16);
			font-weight: 600;
			color: var(--ligth_color);
			z-index: 3;
			padding: 10px 16px 10px 30px;
			box-shadow: 0 10px 15px -3px rgba(0, 91, 172, 0.20), 0 4px 6px -4px rgba(0, 91, 172, 0.20);
			opacity: 0;
			visibility: hidden;
			transition: all 0.3s ease;
		}
	}
	& .main {
		position: absolute;
		left: 0;
		top: 0;
		object-fit: cover;
		z-index: 1;
		transition: all 0.5s ease;
		will-change: transform;
	}
	& .item_image {
		border-radius: 16px;
		width: calc(50% - 4px);
		height: calc(50% - 2px);
		flex-grow: 1;
		margin-right: 4px;
		position: relative;
		z-index: 3;
		overflow: hidden;
		transition: all 0.5s ease;
		opacity: 0;
		visibility: hidden;
		background-color: var(--dark_color);
		&:nth-child(-n+3) {
			margin-bottom: 4px;
		}
		& img {
			display: block;
			object-fit: cover;
			opacity: 0.8;
		}
	}
	& .content_wrap {
		padding: 16px 16px 11px 16px;
	}
	& .date {
		color: var(--gray_color);
		padding-left: 18px;
		margin-bottom: 4px;
		font-weight: 500;
		background: url(../icons/date_i.svg) left 0 center / contain no-repeat;
		background-size: 13px 13px;
	}
	& h4 {
		margin-bottom: 4px;
	}
	& .inf_flex {
		display: flex;
		flex-wrap: wrap;
		color: var(--gray_color);
		font-weight: 500;
		& span {
			padding-right: 5px;
			padding-bottom: 5px;
		}
	}
}

.wrap_nav_form {
	margin-bottom: 32px;
}

.top_nav {
	display: flex;
	& .wrap_drop {
		flex: 1;
		&:not(:last-child) {
			margin-right: 16px;
		}
	}
}

.wrap_drop {
	font-family: var(--title_font);
	& .label {
		font-size: 13px;
		line-height: var(--line-height_16);
		font-weight: 600;
		margin-bottom: 6px;
		& span {
			color: var(--accent_color);
		}
	}
}

.drop_list {
	position: relative;
	font-size: 14px;
	line-height: var(--line-height_18);
	& .name {
		cursor: pointer;
		padding: 12px 44px 12px 16px;
		background-color: var(--bg_blue);
		border: 1px solid var(--light_blue);
		border-radius: 16px;
		font-weight: 600;
		position: relative;
		&::after {
			position: absolute;
			content: "";
			width: 13px;
			height: 13px;
			right: 16px;
			top: 50%;
			transform: translateY(-50%) rotate(90deg);
			background: url(../icons/arrow_next.svg) center / contain no-repeat;
		}
		&.active {
			background-color: var(--light_blue);
			&::after {
				transform: translateY(-50%) rotate(-90deg);
			}
		}
	}
	& .list {
		position: absolute;
		left: 0;
		top: calc(100% + 8px);
		z-index: 1;
		background-color: var(--ligth_color);
		padding: 8px 0;
		border-radius: 16px;
		box-shadow: 0 12px 40px 0 rgba(0, 30, 90, 0.14), 0 2px 8px 0 rgba(0, 0, 0, 0.06);
        border: 1px solid var(--light_blue);
		width: 100%;
		font-weight: 500;
		display: none;
	}
	& .item_list {
		padding: 12px 16px;
		cursor: pointer;
		transition: all 0.3s ease;
	}
}

select.droplist {
	display: none;
}

.flex_form_nav {
	display: flex;
	flex-wrap: wrap;
	font-family: var(--title_font);
	margin-bottom: 16px;
	& .name_form_nav {
		margin-right: 16px;
		margin-bottom: 16px;
		& span {
			color: var(--accent_color);
		}
	}
	& .item_form_nav {
		cursor: pointer;
		margin-bottom: 16px;
		padding-left: 26px;
		position: relative;
		font-weight: 500;
		&:not(:last-child) {
			margin-right: 16px;
		}
		&::before {
            position: absolute;
            left: 0;
            top: 50%;
			transform: translateY(-50%);
            content: "";
            width: 18px;
            height: 18px;
            border: 2px solid var(--label_bg_blue);
            border-radius: 4px;
        }
		&.active {
			&::before {
				border-color: var(--blue_color);
			}
			&::after {
				position: absolute;
				content: "";
				width: 10px;
				height: 10px;
				top: 50%;
				transform: translateY(-50%);
				left: 4px;
				border-radius: 2px;
				background-color: var(--blue_color);
			}
		}
	}
}

.feedback_form {
	&:not(:first-child) {
		display: none;
	}
	& button {
		display: block;
		width: 100%;
	}
	& .form_message {
		display: none;
	}
}

.wrap_file {
	padding: 12px 20px;
	border-radius: 16px;
	border: 2px dashed var(--light_blue);
	text-align: center;
	& input {
		display: none;
	}
	& label {
		display: inline-block;
		margin-bottom: 0;
		cursor: pointer;
		font-size: 14px;
		line-height: var(--line-height_18);
		color: var(--blue_color);
		padding-left: 23px;
		background: url(../icons/attach.svg) left 0 center / contain no-repeat;
		background-size: 15px 15px;
	}
}

.feedback_table {
	font-family: var(--title_font);
	font-size: 14px;
	line-height: var(--line-height_18);
	font-weight: 500;
	overflow: hidden;
	border-radius: 16px;
	border: 1px solid var(--light_blue);
	& .head {
		font-size: 13px;
		line-height: var(--line-height_16);
		color: var(--ligth_color);
		background-color: var(--blue_color);
		display: flex;
		flex-wrap: nowrap;
	}
	& .td {
		padding: 14px 16px;
		flex: 1;
	}
	& .tr {
		display: flex;
		flex-wrap: nowrap;
		& .td {
			&:not(:first-child) {
				font-weight: 700;
			}
			&:nth-child(2) {
				color: var(--blue_color);
			}
			&:nth-child(3) {
				color: var(--green_color);
			}
			&:nth-child(4) {
				color: var(--accent_color);
			}
		}
	}
}

.feedback_file_list {
	font-family: var(--title_font);
	& .item_file {
		border-radius: 16px;
		border: 1px solid var(--light_blue);
		padding: 20px;
		display: flex;
		align-items: flex-start;
		&:not(:last-child) {
			margin-bottom: 16px;
		}
	}
	& .content_item {
		margin-right: 16px;
		flex-grow: 1;
	}
	& .header_flex {
		display: flex;
		flex-wrap: wrap;
		font-size: 13px;
		line-height: var(--line-height_16);
	}
	& .date {
		margin-right: 8px;
		margin-bottom: 8px;
		padding: 2px 0;
		color: var(--gray_color);
	}
	& .label {
		margin-right: 8px;
		margin-bottom: 8px;
		padding: 2px 8px;
		border-radius: 10px;
		color: var(--blue_color);
		background-color: var(--light_blue);
		font-weight: 600;
	}
	& a.title {
		color: var(--dark_color);
		font-size: 15px;
		line-height: var(--line-height_18);
		font-weight: 700;
		margin-bottom: 6px;
		display: block;
	}
	& .text_item_file {
		font-family: var(--main_font);
		font-size: 14px;
		line-height: var(--line-height_16);
		overflow: hidden;
		text-overflow: ellipsis;
		display: -moz-box;
		display: -webkit-box;
		line-clamp: 1;
		box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		user-select: none;
	}
	& .down_link {
		font-size: 13px;
		line-height: var(--line-height_16);
		border-radius: 16px;
		background: var(--bg_blue) url('../icons/download_blue.svg') left 12px center / contain no-repeat;
		background-size: 13px 13px;
		font-weight: 600;
		padding: 8px 12px 8px 30px;
	}
}

.sectionAnimated {
	position: relative;
	z-index: 1;
	&.center .animated_decor {
		left: 50%;
		transform: translateX(-50%);
	}
	&.right .animated_decor {
		left: unset;
		right: 0;
	}
	&.top .animated_decor {
		top: -30%;
	}
	&.height_page {
		& .wrap_animated_decor {
			top: 0;
			height: 100%;
		}
	}
}

.wrap_animated_decor {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 80%;
	top: 40%;
	z-index: -1;
	overflow: hidden;
}

.animated_decor {
	position: absolute;
	left: 0;
	top: 0;
	width: 40%;
	height: 100%;
	pointer-events: none;
	& .point {
		position: absolute;
		clip-path: polygon(20% 0%, 0% 70%, 100% 100%);
		transition: transform 0.6s ease-out;
        will-change: transform;
	}
}

.white_section {
	background-color: var(--ligth_color);
	padding: 24px;
	border-radius: 16px;
	border: 1px solid var(--light_blue);
	&:not(:last-child) {
		margin-bottom: 24px;
	}
}

.hidden_inputs {
	display: none;
}

.print_page {
	padding-bottom: 60px;
	& .wrap {
		width: 800px;
		margin: 0 auto;
	}
	& .header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 40px 0;
		& .logo {
			width: 80px;
			height: 80px;
			background: url(../icons/logo.svg) center / contain no-repeat;
			margin-right: 20px;
		}
	}
	& .text_header {
		width: calc(100% - 100px);
		font-family: var(--title_font);
		font-size: 20px;
		line-height: var(--line-height_25);
		font-weight: 600;
		text-transform: uppercase;
	}
}

.table_page {
	border: 1px solid #000000;
	&:not(:last-child) {
		margin-bottom: 40px;
	}
}

.table_page .head {
	display: flex;
	align-items: flex-start;
	font-weight: 600;
	border-bottom: 1px solid #000000;
}

.table_page .th, .table_page .td {
	padding: 10px;
	width: 70%;
	&:first-child {
		border-right: 1px solid #000000;
		width: 30%;
	}
}

.table_page .tr {
	display: flex;
	align-items: flex-start;
	&:not(:last-child) {
		border-bottom: 1px solid #000000;
	}
}

.table_page .head.center {
	padding: 10px;
}

.small_popup {
	display: none;
	position: fixed;
	left: 50%;
	bottom: 40px;
	transform: translateX(-50%);
	max-width: calc(100% - 448px);
	border-radius: 16px;
	padding: 16px;
	background-color: var(--ligth_color);
	z-index: 6;
	font-family: var(--title_font);
	font-size: 16px;
	line-height: var(--line-height_18);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
	& .text {
		margin-bottom: 12px;
		padding-right: 56px;
	}
	& .close {
		position: absolute;
		width: 40px;
		height: 40px;
		background: url(../icons/close_b.svg) center / contain no-repeat;
		background-size: 20px 20px;
		cursor: pointer;
		top: 0;
		right: 0;
	}
	& .nav_btn {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		margin-right: -12px;
		margin-bottom: -12px;
		& button {
			margin-right: 12px;
			margin-bottom: 12px;
		}
	}
	& a {
		color: var(--blue_color);
	}
}

.bvi-active {
	--main_font: system-ui;
	--title_font: system-ui;
	--line-height_13: 100%;
	--line-height_14: 100%;
	--line-height_15: 100%;
	--line-height_16: 100%;
	--line-height_18: 100%;
	--line-height_20: 100%;
	--line-height_22: 100%;
	--line-height_23: 100%;
	--line-height_24: 100%;
	--line-height_25: 100%;
	--line-height_26: 100%;
	--line-height_28: 100%;
	--line-height_30: 100%;
	--line-height_32: 100%;
	--line-height_38: 100%;
	--line-height_40: 100%;
	--line-height_45: 100%;
	--line-height_90: 100%;
	hyphens: auto;
	& .bvi-panel {
		z-index: 6!important;
		position: static;
	}
	& header {
		margin-bottom: 20px;
		&.main {
			& .main_menu {
				& .small_logo {
					top: 145%;
				}
			}
		}
	}
	& .button, & button {
		border: 1px solid;
		&.blue_border {
			&.link_button {
				&.big_button {
					& span {
						padding-right: 0;
						&::after {
							display: none;
						}
					}
				}
			}
		}
	}
	& input[type="text"], & textarea {
		color: inherit;
		&::placeholder {
			color: inherit;
		}
	}
	& .main_banner {
		min-height: unset;
		border-top: 1px solid;
		border-bottom: 1px solid;
		& .slider_image {
			display: none;
		}
	}
	& .wrap_animated_decor {
		display: none;
	}
	& .page_banner {
		border-top: 1px solid;
		border-bottom: 1px solid;
		&.decor_banner {
			&::after {
				display: none;
			}
		}
		& h2.text_page_banner {
			opacity: 1;
		}
		&.dark_image_banner {
			& .content_page_banner {
				padding-top: 30px;
			}
		}
		& .flex_content {
			& .inf_count {
				opacity: 1;
			}
		}
	}
	& footer {
		border-top: 1px solid;
		& .logo {
			&::before {
				background: url("../icons/logo.svg") center center / contain no-repeat;
			}
			& .name {
				opacity: 1;
			}
		}
		& .contacts_list {
			& a {
				opacity: 1;
			}
		}
		& .text_col {
			opacity: 1;
		}
		& .copyright {
			opacity: 1;
		}
		& .links {
			& a {
				opacity: 1;
			}
		}
		& .dev_info {
			opacity: 1;
		}
		& .social_links {
			& a {
				width: auto;
				height: auto;
				padding: 10px;
				border: 1px solid;
				&::after {
					content: attr(title);
				}
			}
		}
	}
	& .main_menu {
		& .small_logo {
			background: url(../icons/logo.svg) center / contain no-repeat;
        	background-size: 30px 30px;
		}
		& .fixed_nav {
			& .login_button {
				border: 1px solid;
				& span {
					padding-left: 0;
					&::before {
						display: none;
					}
				}
			}
		}
		& nav {
			& .item_menu {
				& a {
					border: 1px solid;
				}
			}
		}
	}
	& .first_slder {
		& .text_slider {
			padding: 10px;
			& .label {
				border-radius: 0;
			}
		}
	}
	& .online_button {
		background: unset;
		border: 1px solid;
	}
	& .ai_button {
		background: unset;
		border: 1px solid;
		padding-left: 18px;
		padding: 17px 18px;
		border-radius: 16px;
		font-size: 15px;
		line-height: var(--line-height_22);
		font-weight: 700;
		font-family: var(--title_font);
		width: auto;
		height: auto;
		margin-bottom: 0;
	}
	& .scroll_top {
		background: unset;
		border: 1px solid;
		&::after {
			background: unset;
			transform: translate(-50%, -50%) rotate(45deg);
			border-left: 1px solid;
			border-top: 1px solid;
			top: 55%;
			width: 15px;
			height: 15px;
		}
	}
	& .catalog_flex {
		& .item_catalog {
			&::after {
				display: none;
			}
			& h4 {
				padding: 10px;
			}
		}
	}
	& .signUp_section {
		border: 1px solid;
	}
	& .catalog_grid {
		& .item_catalog {
			&::before {
				display: none;
			}
		}
		& .content_item {
			padding: 10px;
			& .label {
				border-radius: 0;
				padding: 5px;
			}
			& .text_row {
				opacity: 1;
			}
			& .address_row {
				opacity: 1;
			}
		}
	}
	& #js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2 {
		padding: 10px 16px;
	}
	& .top_menu {
		& .logo {
			&::before {
				background: url(../icons/logo.svg) center / contain no-repeat;
			}
		}
	}
	& .sub_catalog {
		& .item_catalog {
			& .inf {
				padding: 10px;
			}
			& .header_item {
				&::after {
					display: none;
				}
			}
		}
	}
	& .price_table_service {
		border-top: 1px solid;
		border-bottom: 1px solid;
		& .head_table {
			display: none;
		}
		& .tr {
			display: block
		}
		& .td {
			&:not(:last-child) {
				margin-right: 0;
				margin-bottom: 20px;
			}
			&::before {
				display: block;
				content: attr(data-label);
			}
		}
	}
	& .gallery_popup {
		& .close {
			background: transparent url(../icons/close_b.svg) center / contain no-repeat;
        	background-size: 20px 20px;
			border: 1px solid;
		}
	}
	& .popup {
		& .header_popup {
			border-bottom: 1px solid;
			& .reset {
				background: url(../icons/changed.svg) center / contain no-repeat;
            	background-size: 18px 18px;
				opacity: 1;
			}
			& .close {
				background: url(../icons/close_b.svg) center / contain no-repeat;
            	background-size: 20px 20px;
				opacity: 1;
				border: 1px solid;
			}
		}
		& .answer {
			border: 1px solid;
		}
	}
	& .inner_page {
		& .label_list {
			display: block;
			& .label {
				width: auto;
			}
		}
		& .col_nav {
			& .item_col {
				&.green_item {
					& .footnote_price {
						color: inherit;
					}
				}
			}
		}
	}
	& .gallery_grid {
    	& .item_gallery {
			border: 1px solid;
		}
	}
	& .team_slider {
		& .item_team {
			border: 1px solid;
			& .footnote_title {
				opacity: 1;
			}
		}
	}
	& .wrap_small_catalog {
		& .small_catalog {
			& .item_small_catalog {
				& .text {
					color: inherit;
				}
			}
		}
		& .nav_catalog {
			& .row {
				& .label {
					color: inherit;
				}
			}
		}
	}
	& .item_team_big {
		& .content_wrap {
			& .flex_row {
				& .title_item {
					color: inherit;
				}
			}
		}
	}
	& .team_section_big {
		& .item_team {
			& .label_item {
				color: inherit;
				background-color: inherit;
			}
		}
	}
	& .media_catalog {
		& .item_media {
			& .image_wrap {
				&::before {
					display: none;
				}
			}
		}
	}
	& .login_button {
		border: 1px solid;
	}
	& .flex_contacts {
		& .wrap_col {
			& .social_links {
				display: block;
				margin-right: 0;
				& a {
					margin-right: 0;
					border: 1px solid;
				}
			}
		}
	}
	& a:focus {
		border: 2px solid;
	}
	& .filter {
		& .item_nav {
			&.active {
				background-color: #000000!important;
				color: #ffffff!important;
			}
		}
	}
	& .label_title {
		border: 1px solid;
	}
}

.empty_team {
	min-height: 400px;
	font-family: var(--title_font);
	font-size: 24px;
	line-height: var(--line-height_26);
	font-weight: 600;
}

.animation_dots {
	display: flex;
	align-items: center;
	gap: 4px;
	width: fit-content;
	& .dot {
		width: 6px;
		height: 6px;
		background-color: var(--light_dark_color);
		border-radius: 50%;
		animation: bounce 1.4s infinite ease-in-out both;
		&:nth-child(1) {
			animation-delay: -0.32s;
		}

		&:nth-child(2) {
			animation-delay: -0.16s;
		}

		&:nth-child(3) {
			animation-delay: 0s;
		}
	}
}

@keyframes bounce {
	0%, 80%, 100% { 
		transform: scale(0);
	} 
	40% { 
		transform: scale(1.0);
	}
}

.lk_fit_wrap {
	min-height: 100vh;
}

@media (min-width: 992px) {
    .main_menu {
        & nav {
            & .item_menu:hover {
                & a.main_link {
                    background-color: var(--ligth_transparent_color);
                    &::after {
                        transform: translateY(-50%) rotate(180deg);
                    }
                }
                & a.link {
                    background-color: var(--ligth_transparent_color);
                }
                & .sub_menu {
                    transition: all 0.3s ease;
                    opacity: 1;
                    visibility: visible;
                }
            }
            & .sub_link:hover {
                background-color: var(--light_blue);
                & .icon {
                    background-color: var(--blue_color);
                    & img {
                        filter: brightness(0) invert(1);
                    }
                }
            }
        }
    }
    .nav_slider .arrow:hover {
        opacity: 1;
    }
    .first_slder .item_first_slder:hover {
        & img {
            transform: scale(1.07);
        }
    }
    .button:not(.disabled):hover, button:not(:disabled):hover {
        &.blue_border {
            background-color: var(--blue_color);
            color: var(--ligth_color);
            &.link_button span::after {
                filter: brightness(0) invert(1);
            }
        }
        &.blue {
            background-color: var(--blue_color_hover);
        }
        &.red {
            background-color: var(--accent_color_hover);
        }
        &.light_blue_border {
            background-color: var(--bg_light_blue);
        }
    }
    .catalog_flex .item_catalog:hover {
        & img {
            transform: scale(1.07);
        }
        &::before {
            opacity: 1;
        }
    }
    .catalog_grid .item_catalog:hover {
        & img {
            transform: scale(1.08);
        }
        &::after {
            opacity: 1;
        }
    }
    .catalog_event_flex .item_catalog:hover {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
        & .header_item {
            & img {
                transform: scale(1.07);
            }
        }
    }
    .login_button:hover {
        background-color: var(--ligth_transparent_color_2);
    }
    .bvi-open:hover {
        background-color: var(--ligth_transparent_color);
    }
    footer {
        & .list a:hover {
            opacity: 1;
        }
        & .contacts_list a:hover {
            opacity: 1;
        }
        & .social_links a:hover {
            background-color: var(--ligth_transparent_color_2);
        }
        & .links a:hover {
            opacity: 1;
        }
    }
    .ai_button:hover {
        transform: perspective(1px) scale(1.04);
    }
    .online_button:hover {
        transform: perspective(1px) scale(1.04);
    }
    .scroll_top:hover {
        transform: perspective(1px) scale(1.07);
    }
    .sub_catalog {
        & .item_catalog:hover {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
            & .label_button::after {
                transform: translate(4px,-50%);
            }
            & .header_item img {
                transform: perspective(1px) scale(1.07);
            }
        }
    }
    .popup {
        & .header_popup {
            & .reset:hover {
                opacity: 1;
            }
            & .close:hover {
                opacity: 1;
            }
        }
        & .footer_popup {
            & .button_send.active:hover {
                transform: perspective(1px) scale(1.07);
            }
        }
        & .body_popup {
            &::-webkit-scrollbar-thumb {
                width: 8px;
                border-radius: 4px;
                background-color: var(--gray_color);
            }
            &::-webkit-scrollbar {
                width: 8px;
                background: transparent;
            }
        }
    }
    .team_slider {
        & .item_team:hover {
            & .label.fadein {
                opacity: 1;
            }
            & img {
                transform: perspective(1px) scale(1.07);
            }
        }
    }
    .gallery_grid .item_gallery:hover {
        & .label {
            opacity: 1;
        }
        &::before {
            opacity: 1;
        }
    }
    .gallery_popup {
        & .close:hover {
            background: var(--ligth_transparent_color) url(../icons/close.svg) center / contain no-repeat;
		    background-size: 20px 20px;
        }
        & .arrow:hover {
            &.prev {
                background: var(--ligth_transparent_color_2) url(../icons/arrow_l_w.svg) center / contain no-repeat;
                background-size: 20px 20px;
            }
            &.next {
                background: var(--ligth_transparent_color_2) url(../icons/arrow_r_w.svg) center / contain no-repeat;
                background-size: 20px 20px;
            }
        }
        & .nav_slider {
            &::-webkit-scrollbar-thumb {
                height: 12px;
                border-radius: 6px;
                background-color: var(--gray_color);
            }
            &::-webkit-scrollbar {
                height: 12px;
                background: transparent;
            }
        }
    }
    .breadcrumbs a:hover {
        opacity: 1;
    }
    .image_banner .flex_title .phone:hover {
        opacity: 1;
    }
    .slider_media {
        & .item_slider:hover {
            &::before {
                opacity: 1;
            }
            & .label {
                opacity: 1;
            }
        }
    }
    .play:hover {
        transform: perspective(1px) scale(1.08);
        background: var(--ligth_transparent_color_2) url(../icons/play.svg) center / contain no-repeat;
        background-size: 30px 30px;
    }
    .progress_bar {
        &::-webkit-slider-thumb:hover {
            background-color: var(--blue_color);
        }
        &::-moz-range-thumb:hover {
            background-color: var(--blue_color);
        }
    }
    .small_catalog .item_small_catalog:hover {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
        & .label_button::after {
            right: -5px;
        }
        &::after {
            opacity: 1;
        }
        & .icon {
            transform: perspective(1px) scale(1.07);
        }
    }
    .nav_catalog {
        & .item_nav.link:hover {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
            &::after {
                right: 11px;
            }
        }
        & a.val:hover {
            color: var(--blue_color);
        }
    }
    .team_section_big {
        & .item_team {
            & .slide_list {
                & .list {
                    &::-webkit-scrollbar-thumb {
                        width: 8px;
                        border-radius: 4px;
                        background-color: var(--gray_color);
                    }
                    &::-webkit-scrollbar {
                        width: 8px;
                        background: transparent;
                    }
                }
            }
        }
    }
    .item_team_big {
        & .content_wrap a:hover {
            color: var(--blue_color);
        }
    }
    .contacts_list a.item_list:hover {
        color: var(--blue_color);
        &::before {
            border-color: var(--blue_color);
        }
    }
    .events_list {
        & .item_events:hover {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
            & .wrap_image {
                & img {
                    transform: perspective(1px) scale(1.07);
                }
            }
            & .link_page::after {
                right: -5px;
            }
        }
    }
    .page_banner {
        & .header_nav .button_nav:hover {
            background-color: var(--ligth_transparent_color_2);
        }
        & .link_button:hover {
            background-color: var(--ligth_transparent_color_2);
        }
    }
    .icons_share {
        & a:hover {
            transform: perspective(1px) scale(1.07);
            border-color: var(--blue_color);
        }
        & .copy_link:hover {
            transform: perspective(1px) scale(1.07);
            border-color: var(--blue_color);
        }
    }
    .slide_section:hover {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
        & .name:hover {
            background-color: var(--bg_light_blue);
        }
    }
    .flex_filter .sort_filter:hover {
        background: var(--light_blue) url(../icons/date_blue.svg) left 12px center / contain no-repeat;
		background-size: 13px 13px;
    }
    .table_extra .link_button:hover {
        background-color: var(--blue_color_hover);
    }
    .pagination {
        & a.arrow:hover {
            border-color: var(--blue_color);
        }
        & .to_page:not(.active):hover {
            border-color: var(--blue_color);
            color: var(--blue_color);
        }
    }
    .contacts_wrap a.val:hover {
        color: var(--blue_color);
    }
    .nav_map .item_nav:hover {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
    }
    .contacts_wrap {
        & .item a.val:hover {
            color: var(--blue_color);
        }
    }
    .contacts_flex a:hover {
        color: var(--blue_color);
    }
    .nav_scroll .item_nav:not(.active):hover {
        background-color: var(--light_blue);
    }
    .filter .item_nav:not(.active):hover {
        background-color: var(--bg_light_blue);
    }
    .back_page.border:hover {
        background-color: var(--light_blue);
    }
    .go_home_page:hover {
        transform: perspective(1px) scale(1.07);
    }
    .feedback_page {
        & .content_feedback a:not(.download):hover {
            color: var(--blue_color_hover);
        }
    }
    .media_catalog .item_media:hover {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
	    & .image_wrap {
            &::after {
                opacity: 1;
                visibility: visible;
            }
        }
        & .main {
            transform: perspective(1px) scale(1.07);
        }
        & .item_image {
            opacity: 1;
            visibility: visible;
        }
    }
    .drop_list .item_list:hover {
        background-color: var(--bg_light_blue);
    }
    .feedback_file_list .down_link:hover {
        background: var(--light_blue) url('../icons/download_blue.svg') left 12px center / contain no-repeat;
		background-size: 13px 13px;
    }
	.flex_contacts {
		& .wrap_col {
			& .social_links {
				& a:hover {
					opacity: 0.8;
				}
			}
		}
	}
	.alert_section {
		& .more_btn:hover {
			background-color: var(--ligth_transparent_color_2);
		}
	}
    @-moz-document url-prefix() {
        .popup {
            & .body_popup {
                scrollbar-color: var(--gray_color) transparent;
            }
        }
        .gallery_popup {
            & .nav_slider {
                scrollbar-color: var(--gray_color) transparent;
            }
        }
        .team_section_big {
            & .item_team {
                & .slide_list {
                    & .list {
                        scrollbar-color: var(--gray_color) transparent;
                    }
                }
            }
        }
    }
}

@media (max-width: 1620px) {
    .small_slider {
        & .item_small_slider {
            width: calc(25% - 20px);
        }
    }
    .table_extra {
        & .td {
            &:nth-child(3) {
                flex-grow: 1;
            }
            &:nth-child(4) {
                width: 10%;
                max-width: 10%;
                min-width: unset;
            }
            &:nth-child(5) {
                width: 140px;
                min-width: 140px;
            }
            &:nth-child(7) {
                width: 10%;
                max-width: 10%;
                min-width: unset;
            }
        }
        & .label {
            padding: 0;
            border-radius: 0;
            background-color: unset;
            display: inline;
        }
        & .stat_label {
            padding: 0;
            border-radius: 0;
            display: inline;
            &.st_1 {
                background-color: unset;
            }
            &.st_2 {
                background-color: unset;
            }
            &.st_3 {
                background-color: unset;
            }
            &.st_4 {
                background-color: unset;
            }
            &.st_5 {
                background-color: unset;
            }
        }
    }
}

@media (max-width: 1270px) {
    .small_slider {
        & .item_small_slider {
            width: calc((100% / 3) - 20px);
        }
    }
    .inner_page {
        padding-left: 0;
        padding-right: 0;
    }
    .wrap_small_catalog {
        & .small_catalog {
            & .item_small_catalog {
                width: calc(50% - 16px);
            }
        }
    }
    .team_section_big {
        & .item_team {
            width: calc((100% / 3) - 25px);
        }
    }
    .table_extra {
        & .head_table {
            & .td:nth-child(3) {
                display: none;
            }
            & .td:nth-child(5) {
                display: none;
            }
        }
        & .td {
            position: relative;
            &:nth-child(4) {
                width: calc(50% - 305px);
                max-width: calc(50% - 305px);
            }
            &:nth-child(7) {
                width: calc(50% - 305px);
                max-width: calc(50% - 305px);
            }
        }
        & .tr {
            flex-wrap: wrap;
            & .td {
                order: 3;
                &:nth-child(3) {
                    width: 100%;
                    order: 1;
                }
                &:nth-child(5) {
                    width: 100%;
                    order: 2;
                    padding-top: 0;
                }
            }
        }
    }
}

@media (max-width: 992px) {
    .wrap {
        padding: 0 8px;
    }
    h1 {
        margin-bottom: 8px;
        font-size: 25px;
        line-height: var(--line-height_30);
    }
    h3 {
        font-size: 20px;
        line-height: var(--line-height_23);
    }
    h2 {
        font-size: 22px;
        line-height: var(--line-height_28);
    }
    .button, button {
        border-radius: 10px;
        &.blue_border {
            &.link_button {
                & span {
                    padding-right: 24px;
                }
                &.big_button {
                    & span {
                        padding-right: 24px;
                    }
                }
            }
        }
    }
    input[type="text"], textarea {
        border-radius: 10px;
    }
    .breadcrumbs {
        & li {
            max-width: 100%;
        }
    }
    .alert_section {
        white-space: nowrap;
        padding-right: 55px;
		padding-left: 16px;
        & .wrap_text {
            overflow: hidden;
			margin-right: 8px;
        }
        & .text {
            display: inline-block;
            animation: scroll 20s linear infinite;
        }
        & span:last-child {
            display: inline;
        }
		& .close {
			right: 10px;
		}
		&::before {
			display: none;
		}
    }
    .top_menu {
        padding: 5px 8px;
        top: -100px;
        transition: all 0.5s ease;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
        & .logo {
            width: 250px;
            & span {
                display: none;
            }
        }
        & .top_nav {
            display: none;
        }
        & .menu_btn {
            display: block;
            width: 44px;
            height: 44px;
            cursor: pointer;
            background: url(../icons/menu.svg) center / contain no-repeat;
            background-size: 20px 20px;
        }
        &.top_fixed {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 4;
        }
    }
    .main_menu {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 5;
        width: 100%;
        height: 100%;
        padding: 64px 0 78px 0;
        box-shadow: none;
        & .flex_menu {
            padding: 0;
            display: block;
            height: 100%;
        }
        & .wrap_nav {
            display: block;
            height: 100%;
        }
        & nav {
            display: block;
            overflow: hidden;
            overflow-y: auto;
            max-height: 100%;
            height: 100%;
            padding-left: 16px;
            padding-right: 16px;
            position: relative;
            & .sub_menu {
                position: relative;
                opacity: 1;
                visibility: visible;
                background-color: unset;
                color: var(--ligth_color);
                border-radius: 0;
                box-shadow: none;
                border: 0;
                display: none;
                &:not(.block) {
                    display: none;
                }
                &::before {
                    position: absolute;
                    content: "";
                    width: 1px;
                    height: calc(100% - 16px);
                    left: 8px;
                    top: 8px;
                    border-left: 1px solid var(--ligth_transparent_color_2);
                }
            }
            & .item_menu {
                & a.main_link {
                    border-radius: 8px;
                    &.active_sub {
                        background-color: var(--ligth_transparent_color);
                        &::after {
                            transform: translateY(-50%) rotate(180deg);
                        }
                    }
                    &.active::before {
                        width: 2px;
                        height: 100%;
                        border-left: 2px solid var(--ligth_color);
                        border-bottom: 0;
                    }
                }
				& a.link:not(.main_link) {
					&.active::before {
						width: 2px;
                        height: 100%;
                        border-left: 2px solid var(--ligth_color);
                        border-bottom: 0;
					}
				}
            }
            & .sub_link {
                & .icon {
                    background-color: var(--ligth_transparent_color_2);
                    & img {
                        filter: brightness(0) invert(1);
                    }
                }
            }
        }
        & .fixed_nav {
            display: flex;
            position: absolute;
            width: calc(100% - 32px);
            left: 16px;
            bottom: 16px;
            padding-top: 16px;
            border-top: 1px solid var(--ligth_transparent_color_2);
            & .bvi-open {
                padding-top: 13px;
                padding-bottom: 13px;
                background-color: var(--ligth_transparent_color);
                font-size: 14px;
                line-height: var(--line-height_20);
                font-weight: 600;
            }
            .login_button {
                flex-grow: 1;
                padding-top: 13px;
                padding-bottom: 13px;
                text-align: center;
            }
        }
        & .close {
            display: block;
            cursor: pointer;
            position: absolute;
            width: 44px;
            height: 44px;
            background: var(--ligth_transparent_color) url(../icons/close.svg) center / contain no-repeat;
            background-size: 25px 25px;
            right: 16px;
            top: 10px;
            border-radius: 8px;
        }
    }
    .main_banner {
        min-height: calc(100% - 54px);
        & .label {
            border-radius: 10px;
        }
        & .content_main_banner {
            padding: 24px 16px 286px 16px;
            & h1 {
                font-size: 40px;
                line-height: var(--line-height_38);
            }
            & h2 {
                font-size: 15px;
                line-height: var(--line-height_24);
            }
        }
        &.video {
            & .content_main_banner {
                & h1 {
                    margin-top: 0;
                    padding-left: 0;
                }
            }
            & h2.label {
                margin-left: 0;
            }
        }
    }
    .section {
        padding: 40px 8px;
        &.first_section_wrap {
            margin-top: -250px;
        }
    }
    .first_section {
        border-radius: 10px;
    }
    .wrap_fixed_button {
        bottom: 16px;
        right: unset;
        left: 16px;
        width: calc(100% - 32px);
    }
    .ai_button {
        font-size: 0;
        line-height: 0;
        width: 80px;
        height: 80px;
        border-radius: 10px;
        margin-right: 8px;
		background: url(../img/fox_button_m.webp) center / contain no-repeat;
		margin-bottom: 0;
    }
    .online_button {
        padding-top: 15px;
        padding-bottom: 15px;
        position: static;
        border-radius: 10px;
        margin-right: 8px;
        order: 2;
        flex-grow: 1;
    }
    .scroll_top {
        width: 52px;
        height: 52px;
        margin-right: 0;
        order: 3;
        border-radius: 10px;
    }
    .first_slder {
        margin-right: -20px;
        & .item_first_slder {
            width: calc(100% - 40px);
            border-radius: 10px;
        }
        & .text_slider {
            & .label {
                text-transform: none;
                border-radius: 8px;
            }
        }
    }
    .nav_slider {
        display: none;
    }
    .nav_section {
        display: block;
        & h3 {
            margin-right: 0;
            margin-bottom: 16px;
        }
        & .button {
            display: block;
            text-align: left;
        }
    }
    .catalog_flex {
        & .item_catalog {
            width: calc(50% - 16px);
            border-radius: 10px;
            min-height: 200px;
        }
    }
    .catalog_grid {
        display: block;
        & .item_catalog {
            border-radius: 10px;
            &:nth-child(1) {
                min-height: 400px;
            }
            &:not(:last-child) {
                margin-bottom: 16px;
            }
            &:not(:first-child) {
                min-height: 200px;
            }
        }
        & .content_item {
            & .label {
                border-radius: 8px;
            }
        }
    }
    .label_title {
        border-radius: 8px;
    }
    .catalog_event_flex {
        display: block;
        margin-right: 0;
        margin-bottom: 0;
        & .item_catalog {
            width: 100%;
            margin-right: 0;
            margin-bottom: 0;
            border-radius: 10px;
            &:not(:last-child) {
                margin-bottom: 16px;
            }
        }
        & .header_item {
            & .date {
                border-radius: 10px;
            }
            & .inf {
                & .label_inf {
                    border-radius: 8px;
                }
            }
        }
        & .footer_item {
            & .label {
                border-radius: 8px;
            }
            & .nav_row {
                display: block;
                & .label {
                    display: inline-block;
                }
                & .button {
                    display: block;
                }
            }
        }
    }
    .signUp_section {
        & .text_signUp {
            line-height: var(--line-height_22);
        }
    }
    .small_slider {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -8px;
        margin-right: -8px;
        & .item_small_slider {
            width: calc(100% - 40px);
        }
        &::before {
            width: 40px;
        }
        &::after {
            width: 40px;
        }
    }
    footer {
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 20px;
        & .footer_flex {
            flex-wrap: wrap;
            margin-bottom: 20px;
        }
        & .col {
            &:not(:last-child) {
                margin-right: 0;
                margin-bottom: 30px;
            }
            &:first-child {
                width: 100%;
                flex: unset;
            }
            &:last-child {
                width: 100%;
                flex: unset;
            }
            &:nth-child(2) {
                margin-right: 15px;
            }
        }
        & .footnote_footer {
            display: block;
        }
        & .copyright {
            margin-right: 0;
            margin-bottom: 16px;
        }
    }
    .popup {
        & .wrap_decor {
            display: none;
        }
        & .header_popup {
            padding: 10px 16px;
            & .reset {
                width: 44px;
                height: 44px;
                opacity: 1;
            }
            & .close {
                width: 44px;
                height: 44px;
                opacity: 1;
            }
            & .wrap_title {
                max-width: calc(100% - 104px);
            }
        }
        & .left_answer {
            padding-left: 40px;
            padding-right: 50px;
        }
        & .right_answer {
            padding-left: 50px;
        }
    }
    .page_banner {
        padding-left: 8px;
        padding-right: 8px;
        &.decor_banner {
            padding-left: 8px;
            padding-right: 8px;
        }
        & .flex_content {
            display: block;
            & .col {
                padding-right: 0;
				margin-bottom: 24px;
            }
            & .button {
                display: none;
            }
            & .inf_count {
                padding-top: 20px;
            }
            & .link_button {
                display: block;
                margin-top: 20px;
                border-radius: 10px;
            }
			& .pay_button {
				display: block;
			}
            & .title_wrap {
                margin-right: 0;
                margin-bottom: 20px;
            }
            & .flex_label {
                flex-wrap: wrap;
                margin-right: -12px;
                & .item_label {
                    border-radius: 10px;
                    flex: unset;
                    width: calc(50% - 12px);
                    margin-bottom: 12px;
                }
            }
            & .nav {
                border-radius: 10px;
                & .first_label {
                    border-radius: 10px;
                }
            }
        }
        &.image_banner {
            min-height: calc(100% - 54px);
            padding-bottom: 74px;
        }
        & h2.text_page_banner br {
            display: none;
        }
        & .header_nav {
            margin-right: -8px;
            & .wrap_search {
                width: 100%;
                margin-right: 8px;
                margin-bottom: 12px;
            }
            & input {
                width: 100%;
            }
            & .button_nav {
                font-size: 13px;
                line-height: var(--line-height_16);
                border-radius: 10px;
                padding: 8px 12px;
            }
        }
        &.dark_image_banner {
            padding-top: 24px;
            & .content_page_banner {
                padding: 0 8px;
            }
            & .breadcrumbs {
                margin-bottom: 16px;
            }
        }
    }
    .sub_catalog {
        display: block;
        margin-right: 0;
        margin-bottom: 0;
        & .item_catalog {
            display: block;
            width: 100%;
            margin-right: 0;
            border-radius: 10px;
            &:last-child {
                margin-bottom: 0;
            }
            & .header_item {
                height: 180px;
            }
            & .inf {
                & .label_inf {
                    border-radius: 8px;
                }
            }
        }
        &.big_catalog {
            & .item_catalog {
                width: 100%;
                & .header_item {
                    height: 180px;
                }
                & .footer_item {
                    padding: 20px;
                }
            }
        }
    }
    .inner_page {
        padding-left: 8px;
        padding-right: 8px;
        & .flex_page {
            display: block;
            &.reverse {
                display: flex;
                flex-direction: column-reverse;
                & .col_content {
                    margin-bottom: 0;
                }
                & .col_nav {
                    margin-bottom: 40px;
                }
            }
        }
        & .col_content {
            margin-right: 0;
            margin-bottom: 24px;
        }
        & .tabs {
            padding: 18px;
            border-radius: 10px;
        }
        & h3 {
            margin-bottom: 14px;
        }
        & .label_list {
            & .label {
                width: calc(50% - 12px);
            }
        }
        & .col_media {
            border-radius: 10px;
            position: relative;
            min-height: unset;
            & img {
                position: absolute;
                left: 0;
                top: 0;
            }
            &:not(.nav_wrap)::after {
                display: block;
                content: "";
                padding-top: calc(100% + 100px);
            }
            &.nav_wrap {
                & .item_col {
                    border-radius: 10px;
                }
                & .small_map {
                    &.modal_mode {
                        border-radius: 0;
                        width: 100%;
                        padding: 16px;
                        box-shadow: none;
                        & .zoom_map {
                            top: 24px;
                        }
                    }
                }
            }
        }
        & .service_map {
            border-radius: 10px;
            height: 350px;
        }
        & .wrap_catalog_flex {
            padding-top: 8px;
        }
        & .catalog_flex {
            & .item_catalog {
                width: calc(50% - 16px);
                min-height: 130px;
            }
        }
        & .col_nav {
            & .item_col {
                border-radius: 10px;
                padding: 16;
                &.mobil_h {
                    display: none;
                }
            }
            & .nav_scroll {
                & .item_nav {
                    border-radius: 10px;
                }
            }
        }
        & .wrap_section {
            border-radius: 10px;
        }
    }
    .gallery_grid {
        padding-right: 30px;
        margin-right: -16px;
        & .swiper-wrapper {
            display: flex;
            flex-wrap: nowrap;
            grid-gap: unset;
        }
        & .item_gallery {
            border-radius: 10px;
            height: 380px;
            &::before {
                opacity: 1;
            }
            & .label {
                opacity: 1;
            }
            &::after {
                position: absolute;
                content: "";
                bottom: 16px;
                right: 16px;
                width: 40px;
                height: 40px;
                background: url(../icons/zoom.svg) center / contain no-repeat;
                z-index: 1;
                opacity: 0.6;
            }
            &:nth-child(n+6) {
                display: block;
            }
            &:nth-child(n+5) {
                display: block;
            }
        }
		&.revers {
			& .item_gallery {
				&:nth-child(n+5) {
					display: block;
				}
			}
			&:nth-child(n+6) {
                display: block;
            }
		}
    }
    .team_slider {
        margin-right: -16px;
        padding-right: 50px;
    }
    .page_tab_nav {
        overflow: hidden;
        & .item_tab_nav {
            width: auto;
        }
    }
    .rows_table {
        & .row {
            display: block;
        }
        & .name {
            padding-right: 0;
            font-size: 16px;
            line-height: var(--line-height_18);
        }
        & .val {
            text-align: left;
            padding-left: 0;
        }
    }
    .gallery_popup {
        & .header_popup {
            padding-top: 5px;
            padding-bottom: 5px;
            & .play {
                margin-right: 8px;
            }
        }
        & .close {
            background-color: var(--ligth_transparent_color);
        }
        & .wrap_slider {
            height: calc(100% - 64.8px);
        }
        & .slider {
            padding-left: 16px;
            padding-right: 16px;
            & img {
                display: block;
                position: static;
                transform: unset;
                max-width: unset;
                width: 100%;
            }
            & video {
                max-width: unset;
                width: calc(100% - 32px);
            }
            & .item_slider {
                & video {
                    width: 100%;
                }
				& iframe {
					max-width: unset;
					width: 100%;
				}
            }
        }
    }
    .price_table_service {
        margin-left: -18px;
        margin-right: -18px;
        border-radius: 0;
        & .head_table {
            display: none;
        }
        & .tr {
            display: block;
        }
        & .td {
            &:not(:last-child) {
                margin-right: 0;
                margin-bottom: 8px;
            }
            &:first-child {
                min-width: unset;
                margin-bottom: 10px;
                font-size: 16px;
            }
            &:not(:first-child) {
				text-align: left;
                &::before {
                    display: block;
                    content: attr(data-label);
                    font-size: 13px;
                    line-height: var(--line-height_16);
                    color: var(--gray_color);
                }
            }
            &:last-child {
                font-weight: 600;
            }
        }
    }
    .slider_media {
        height: 350px;
        & .arrow {
            display: none;
        }
        & .item_slider {
            border-radius: 10px;
            &::before {
                opacity: 1;
            }
            & .label {
                opacity: 1;
            }
            &::after {
                position: absolute;
                content: "";
                bottom: 16px;
                right: 16px;
                width: 40px;
                height: 40px;
                background: url(../icons/zoom.svg) center / contain no-repeat;
                z-index: 1;
                opacity: 0.6;
            }
        }
        & .swiper-horizontal>&.swiper-pagination-bullets, & .swiper-pagination-bullets.swiper-pagination-horizontal, & .swiper-pagination-custom, & .swiper-pagination-fraction {
           bottom: unset;
           top: 0;
        }
    }
    .wrap_small_catalog {
        display: block;
        & .small_catalog {
            width: 100%;
            margin-right: 0;
            margin-bottom: 30px;
            & .item_small_catalog {
                width: 100%;
                margin-right: 0;
                &:last-child {
                    margin-bottom: 0;
                }
            }
        }
    }
    .item_team_big {
        display: block;
        border-radius: 10px;
        & .image_wrap {
            width: 100%;
            height: 420px;
            & .label {
                border-radius: 10px;
            }
        }
        & .content_wrap {
            width: 100%;
            padding: 20px;
            & .label_item {
                border-radius: 8px;
            }
            & .flex_row {
                display: block;
                & .item_row {
                    border-radius: 10px;
                     &:not(:last-child) {
                        margin-right: 0;
                        margin-bottom: 16px;
                    }
                }
            }
        }
    }
    .team_section_big {
        margin-right: 0;
        margin-bottom: 0;
        display: block;
        & .item_team {
            display: block;
            width: 100%;
            margin-right: 0;
            border-radius: 10px;
            &:last-child {
                margin-bottom: 0;
            }
            & .wrap_image {
                &::after {
                    padding-top: calc(100% - 10px);
                }
                & .label {
                    border-radius: 10px;
                }
            }
            & .label_item {
                border-radius: 10px;
            }
            & .content_wrap {
                display: block;
            }
        }
        & .slide_list {
            & .name {
                &::after {
                    transform: translateY(-50%) rotate(90deg);
                }
                &.active::after {
                    transform: translateY(-50%) rotate(-90deg);
                }
            }
            & .list {
                position: static;
                padding: 16px 0 0 0;
                border-top: 1px solid var(--light_blue);
                background-color: unset;
                margin-top: 16px;
            }
        }
    }
    .contacts_list {
        font-size: 14px;
        line-height: var(--line-height_18);
    }
    .events_list {
        display: block;
        margin-right: 0;
        margin-bottom: 0;
        & .item_events {
            display: block;
            margin-right: 0;
            border-radius: 10px;
            width: 100%;
            & .wrap_image {
                &::after {
                    padding-top: calc(100% - 145px);
                }
            }
            & .label {
                border-radius: 8px;
                left: 12px;
                top: 12px;
            }
            &:last-child {
                margin-bottom: 0;
            }
        }
        &.main_events {
            & .item_events:first-child {
                margin-bottom: 20px;
                & .wrap_image {
                    width: 100%;
                    &::after {
                        display: block;
                        padding-top: calc(100% - 65px);
                    }
                }
                & .content_item {
                    width: 100%;
                    padding: 20px;
                }
                & h4 {
                    font-size: 18px;
                    line-height: var(--line-height_22);
                }
            }
        }
    }
    .introtext {
        font-size: 17px;
        line-height: var(--line-height_25);
    }
    .slide_section {
        border-radius: 10px;
        & .name {
            padding: 16px 62px 16px 20px;
            & .icon {
                border-radius: 10px;
            }
            &::after {
                right: 15px;
                top: 15px;
                transform: rotate(90deg);
            }
            &.active {
                &::after {
                    transform: rotate(-90deg);
                }
            }
        }
    }
    .item_doc {
        flex-wrap: wrap;
        &::before {
            transform: unset;
            top: 16px;
        }
        & .text_item {
            margin-bottom: 12px;
        }
        & .download {
            width: 100%;
        }
    }
    .footnote_docs {
        border-radius: 10px;
    }
    .flex_filter {
        flex-wrap: wrap;
        justify-content: flex-start;
        & .wrap_search {
            width: 100%;
            margin-right: 0;
            margin-bottom: 12px;
            & input {
                width: 100%;
                min-width: unset;
            }
        }
        & .nav {
            flex-wrap: wrap;
            margin-right: 0;
            margin-bottom: 12px;
            width: 100%;
        }
        & .filter_info {
            margin-left: auto;
        }
        & .nav_button {
            width: 100%;
            margin-top: -12px;
            & .button {
                flex: 1;
				&.print {
					display: none;
				}
            }
        }
    }
    .table_extra {
        border-radius: 0;
        overflow: unset;
        background-color: unset;
        border: 0;
        & .head_table {
            display: none;
        }
        & .tr {
            border-radius: 10px;
            border: 1px solid var(--light_blue);
            background: var(--ligth_color);
            padding: 16px 56px 16px 16px;
            margin-right: -8px;
            position: relative;
            cursor: pointer;
            &:not(:last-child) {
                margin-bottom: 12px;
            }
            & .td {
                padding: 0;
                margin-right: 8px;
                &:not(:last-child) {
                    margin-bottom: 8px;
                }
                &:nth-child(1) {
                    width: auto;
                    min-width: unset;
                    order: 4;
                    padding-left: 16px;
                    background: url(../icons/date.svg) left 0 top 2px / contain no-repeat;
                    background-size: 12px 12px;
                }
                &:nth-child(2) {
                    display: none;
                    order: 6;
                    width: 100%;
                    padding-top: 8px;
                    border-top: 1px solid var(--light_blue);
                    & .val::before {
                        display: block;
                        content: attr(data-th);
                        color: var(--gray_color);
                    }
                    & span {
                        display: block;
                        color: var(--dark_color);
                        &::before {
                            display: block;
                            content: attr(data-th);
                            color: var(--gray_color);
                            font-weight: 600;
                        }
                    }
                }
                &:nth-child(3) {
                    order: 3;
                }
                &:nth-child(4) {
                    width: auto;
                    max-width: unset;
                    order: 2;
                }
                &:nth-child(5) {
                    width: auto;
                    min-width: unset;
                    order: 5;
                }
                &:nth-child(6) {
                    display: none;
                    order: 7;
                    &::before {
                        display: block;
                        content: attr(data-th);
                        color: var(--gray_color);
                        font-weight: 600;
                    }
                    &.active {
                        padding-left: 0;
                        background: unset;
                    }
                }
                &:nth-child(7) {
                    order: 1;
                    width: auto;
                    max-width: unset;
                }
                &:nth-child(8) {
                    display: none;
                    order: 8;
                    width: 100%;
                    min-width: unset;
                }
            }
            &::after {
                position: absolute;
                content: "";
                width: 28px;
                height: 28px;
                border-radius: 50%;
                background: var(--light_blue) url(../icons/arrow_next.svg) center / contain no-repeat;
                background-size: 13px 13px;
                transform: rotate(90deg);
                right: 16px;
                top: 16px;
            }
            &.slide {
                &::after {
                    transform: rotate(-90deg);
                }
            }
        }
        & .link_button {
            display: block;
            text-align: center;
            margin-right: -48px;
        }
        & .stat_label {
            padding: 4px 10px;
            border-radius: 8px;
            display: inline-block;
            &.st_1 {
                background-color: var(--light_green);
                color: var(--green_color);
            }
            &.st_2 {
                background-color: var(--light_orange_color);
                color: var(--orange_color);
            }
            &.st_3 {
                background-color: var(--light_blue);
                color: var(--blue_color);
            }
            &.st_4 {
                color: var(--gray_color);
                background-color: var(--light_gray_color);
            }
            &.st_5 {
                background-color: var(--light_accent_color);
                color: var(--accent_color);
            }
        }
        & .label {
            padding: 4px 10px;
            border-radius: 8px;
            background-color: var(--light_blue);
            display: inline-block;
        }
    }
    .pagination {
        justify-content: space-between;
        & .arrow {
            font-size: 0;
            line-height: 0;
            padding: 0;
            width: 44px;
            height: 44px;
        }
        & .to_page {
            min-width: 44px;
            min-height: 44px;
        }
    }
    .footnote_table_bg {
        font-size: 13px;
        line-height: var(--line-height_18);
    }
    .contacts_wrap {
        padding: 20px;
        border-radius: 10px;
        & .flex_wrap {
            display: block;
            & .item {
                border-radius: 10px;
                &:not(:last-child) {
                    margin-right: 0;
                    margin-bottom: 16px;
                }
            }
        }
        & .flex_footer {
            display: block;
            & .text_footer {
                padding-right: 0;
                margin-bottom: 16px;
            }
        }
    }
    .contacts_flex {
        display: block;
        margin-right: 0;
        margin-bottom: 0;
        & .item_contacts {
            width: 100%;
            margin-right: 0;
            border-radius: 10px;
        }
    }
    .wrap_map_section {
        border-radius: 10px;
        & .label_map {
            border-radius: 10px;
            padding: 12px;
            left: 12px;
            bottom: 12px;
            max-width: calc(100% - 24px);
        }
    }
    .nav_map {
        display: block;
        margin-right: 0;
        margin-bottom: 0;
        & .item_nav {
            width: 100%;
            margin-right: 0;
            border-radius: 10px;
        }
    }
    .flex_contacts {
        display: block;
        & .wrap_form {
            margin-right: 0;
            width: 100%;
            margin-bottom: 30px;
            display: block;
        }
        & .form {
            border-radius: 10px;
            padding: 16px;
            & .flex_fields {
                display: block;
                & .wrap_input {
                    &:not(:last-child) {
                        margin-right: 0;
                        margin-bottom: 16px;
                    }
                }
            }
        }
        & .wrap_col {
            display: block;
            & .social_links {
                flex-wrap: wrap;
                margin-right: -8px;
                margin-bottom: 12px;
                & a {
                    flex: unset;
                    width: calc(50% - 8px);
                    margin-bottom: 8px;
                    margin-right: 8px;
					overflow: hidden;
					text-overflow: ellipsis;
                }
            }
        }
    }
    .agree {
        margin-bottom: 12px;
    }
    .price_table {
        & .head_table {
            display: none;
        }
        & .tr {
            flex-wrap: wrap;
            padding: 16px;
        }
        & .td {
            padding: 0;
            &:nth-child(1) {
                display: none;
            }
            &:nth-child(2) {
                order: 1;
                margin-bottom: 8px;
                flex: 1;
                width: unset;
                max-width: unset;
                margin-right: 12px;
            }
            &:nth-child(3) {
                order: 3;
                width: 100%;
                min-width: unset;
                text-align: left;
            }
            &:nth-child(4) {
                order: 2;
                width: unset;
                min-width: unset;
                margin-bottom: 8px;
            }
        }
    }
    .filter {
        border-radius: 10px;
        & .filter_row {
            display: block;
            margin-right: -8px;
        }
        & .f_nav {
            overflow: hidden;
            & .swiper-wrapper {
                flex-wrap: nowrap;
            }
        }
    }
    .time_line {
        & .title_flex {
            display: block;
        }
        & .item_time_line {
            padding-left: 48px;
            &:not(:last-child) {
                padding-bottom: 16px;
            }
            & .time {
                margin-right: 0;
                margin-bottom: 8px;
                border-radius: 8px;
            }
        }
    }
    .mobil_el {
        display: block;
    }
    .wrap_team_header {
        display: block;
        & .image {
            border-radius: 10px;
            margin-right: 0;
            margin-bottom: 24px;
            width: 55%;
            height: auto;
        }
        & .text_team_header {
            width: 100%;
        }
    }
    .error_page {
        & h2 {
            font-size: 18px;
            line-height: var(--line-height_20);
            margin-bottom: 12px;
        }
        & .error_text {
            margin-bottom: 24px;
        }
        & .label_error {
            border-radius: 10px;
        }
    }
    .flex_error {
        flex-direction: column-reverse;
        padding-top: 24px;
        & .media_error {
            height: 50%;
            margin-bottom: 24px;
            & .error {
                font-size: 35px;
            }
        }
        & .content_error {
            padding-right: 0;
        }
        & .wrap_nav_links {
            padding-top: 24px;
        }
        & .title {
            margin-bottom: 8px;
        }
        & .nav_links {
            & a {
                border-radius: 10px;
            }
        }
    }
    .go_home_page {
        border-radius: 10px;
        width: 100%;
        font-size: 13px;
        line-height: var(--line-height_16);
        padding: 12px 20px 12px 48px;
        margin-bottom: 24px;
        &::before {
            left: 22px;
        }
    }
    .feedback_page {
        display: block;
        & .wrap_nav {
            margin-right: 0;
            margin-bottom: 24px;
            & .slide_btn {
                display: block;
                position: relative;
                border-radius: 10px;
                padding: 12px 52px;
                cursor: pointer;
                border: 1px solid var(--light_blue);
                background-color: var(--bg_light_blue);
                font-weight: 600;
                color: var(--blue_color);
                margin-bottom: 8px;
                &::after {
                    position: absolute;
                    content: "";
                    width: 15px;
                    height: 15px;
                    right: 16px;
                    top: 50%;
                    transform: translateY(-50%) rotate(90deg);
                    background: url(../icons/arrow_next.svg) center / contain no-repeat;
                }
                &::before {
                    position: absolute;
                    content: "";
                    left: 16px;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 15px;
                    height: 15px;
                    background: url(../icons/menu_blue.svg) center / contain no-repeat;
                }
                &.active::after {
                    transform: translateY(-50%) rotate(-90deg);
                }
            }
        }
        & nav {
            border-radius: 10px;
            background-color: var(--ligth_color);
            border: 1px solid var(--light_blue);
            overflow: hidden;
            display: none;
        }
        & .item_nav {
            border-radius: 0;
            &:not(:last-child) {
                border-bottom: 1px solid var(--light_blue);
            }
            &.active {
                background-color: unset;
                color: var(--blue_color);
                text-shadow: 0 0 1px var(--blue_color);
                &::before {
                    filter: unset;
                }
            }
        }
        & .content_feedback {
            border-radius: 10px;
            padding: 20px;
        }
        & .header_content {
            padding-bottom: 8px;
            margin-bottom: 12px;
        }
		& .footnote_message {
			margin-bottom: 16px;
		}
    }
    .media_catalog {
        display: block;
        margin-right: 0;
        margin-bottom: 0;
        & .item_media {
            width: 100%;
            margin-right: 0;
            border-radius: 10px;
            &:not(:first-child)::after {
                border-radius: 8px;
            }
            &:first-child {
                & .content_wrap {
                    padding: 20px;
                    flex-direction: column;
                }
                & h4 {
                    font-size: 20px;
                    line-height: var(--line-height_22);
                    &::before {
                        border-radius: 10px;
                        margin-bottom: 12px;
                    }
                }
                & .date {
                    margin-right: 0;
                    padding-right: 0;
                    margin-bottom: 8px;
                    width: 100%;
                    &::after {
                        display: none;
                    }
                }
                & .image_wrap {
                    &::before {
                        background: linear-gradient(to top, rgba(0, 15, 50, 0.9) 0%, rgba(0, 15, 50, 0.4) 50%, rgba(0, 15, 50, 0.15) 100%);
                    }
                }
            }
        }
        & .image_wrap {
            height: 240px;
        }
    }
    .feedback_page {
        & .slide_list {
            border-radius: 10px;
            padding: 16px;
            & .name {
                padding-left: 28px;
            }
            & .show_list {
                border-radius: 10px;
            }
        }
        & .flex_fields {
            display: block;
            & .wrap_input {
                &:not(:last-child) {
                    margin-right: 0;
                    margin-bottom: 16px;
                }
            }
        }
        & .search_wrap {
            display: block;
            & .wrap_input {
                width: 100%;
                margin-right: 0;
                margin-bottom: 12px;
            }
            & .search_btn {
                display: block;
                width: 100%;
            }
        }
        & .feedback_result {
            border-radius: 10px;
            & .flex_result {
                display: block;
                & .col {
                    &:first-child {
                        margin-right: 0;
                        margin-bottom: 12px;
                    }
                }
            }
        }
    }
    .top_nav {
        display: block;
        & .wrap_drop {
            &:not(:last-child) {
                margin-right: 0;
                margin-bottom: 16px;
            }
        }
    }
    .drop_list {
        & .name {
            border-radius: 10px;
        }
        & .list {
            border-radius: 10px;
        }
    }
    .flex_form_nav {
        display: block;
        & .name_form_nav {
            margin-right: 0;
        }
        & .item_form_nav {
            &:not(:last-child) {
                margin-right: 0;
            }
        }
    }
    .wrap_file {
        border-radius: 10px;
    }
    .feedback_table {
        border-radius: 10px;
        & .head {
            display: none;
        }
        & .tr {
            display: block;
            padding: 12px 16px;
            &:not(:last-child) {
                border-bottom: 1px solid var(--light_blue);
            }
        }
        & .td {
            padding: 0;
            &:not(:last-child) {
                margin-bottom: 12px;
            }
            &:not(:first-child) {
                &::before {
                    display: block;
                    content: attr(data-label);
                    font-size: 13px;
                    line-height: var(--line-height_16);
                    color: var(--gray_color);
                }
            }
        }
    }
    .feedback_file_list {
        & .item_file {
            border-radius: 10px;
            padding: 16px;
            display: block;
        }
        & .content_item {
            margin-right: 0;
            margin-bottom: 12px;
        }
    }
    header {
        &.main {
            & .top_menu {
                display: block;
            }
        }
    }
	.desktop_on {
		display: none;
	}
	.catalog_team {
		display: block;
		margin-right: 0;
		margin-bottom: 0;
		& .item_team {
			margin-right: 0;
			margin-bottom: 20px;
			width: 100%;
			&:last-child {
				margin-bottom: 0;
			}
		}
	}
	.white_section {
		border-radius: 10px;
		padding: 18px;
	}
	select.droplist {
		display: block;
		padding: 12px 44px 12px 16px;
        background: var(--bg_blue) url(../icons/arrow_down.svg) right 16px center / contain no-repeat;
		background-size: 13px 13px;
        border: 1px solid var(--light_blue);
        border-radius: 10px;
        font-weight: 600;
		font-size: 14px;
    	line-height: var(--line-height_18);
		width: 100%;
		font-family: var(--title_font);
		color: var(--light_dark_color);
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-o-appearance: none;
	}
	.drop_list {
		display: none;
	}
	.slide_section {
		& .list {
			&.table_list {
				& .price_table_service {
					& .wrap_label {
						padding-right: 0;
					}
					& .label_price_table {
						display: block;
						border-radius: 4px 0 0 4px;
						padding-left: 36px;
						background: var(--light_blue) url(../icons/doc_1.svg) left 12px top 12px / contain no-repeat;
                    	background-size: 16px 16px;
					}
				}
			}
		}
	}
	.small_popup {
		left: 16px;
		transform: unset;
		max-width: calc(100% - 32px);
		width: calc(100% - 32px);
		bottom: 84px;
		border-radius: 8px;
	}
	.bvi-active {
		& .top_menu {
			& .logo {
				padding-left: 0;
				&::before {
					display: none;
				}
			}
		}
		& .ai_button {
			display: none;
		}
		& footer {
			& .footer_flex {
				display: block;
			}
			& .col {
				&:nth-child(2) {
					margin-right: 0;
				}
			}
		}
		& .top_menu {
			& .menu_btn {
				width: auto;
				height: auto;
				padding: 5px;
				border: 1px solid;
				&::after {
					content: "Меню";
				}
			}
		}
		& .main_menu {
        	& .close {
				background: url(../icons/close_b.svg) center / contain no-repeat;
            	background-size: 25px 25px;
				border: 1px solid;
			}
		}
		& .login_button {
			& span {
				padding-left: 0;
				&::before {
					display: none;
				}
			}
		}
	}
}

@media (max-width: 360px) {
    .online_button span {
        display: none;
    }
}

#js-show-iframe-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:293px;max-width:100%;background:linear-gradient(138.4deg,#38bafe 26.49%,#2d73bc 79.45%);color:#fff;cursor:pointer}#js-show-iframe-wrapper .pos-banner-fluid *{box-sizing:border-box}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2{display:block;width:240px;min-height:56px;font-size:18px;line-height:24px;cursor:pointer;background:#0d4cd3;color:#fff;border:none;border-radius:8px;outline:0}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:hover{background:#1d5deb}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:focus{background:#2a63ad}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:active{background:#2a63ad}@-webkit-keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@font-face{font-family:LatoWebLight;src:url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Light.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Light.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Light.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:LatoWeb;src:url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Regular.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Regular.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Regular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:LatoWebBold;src:url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Bold.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Bold.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Bold.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:RobotoWebLight;src:url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Light.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Light.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Light.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:RobotoWebRegular;src:url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Regular.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Regular.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Regular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:RobotoWebBold;src:url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Bold.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Bold.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Roboto/Roboto-Bold.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:ScadaWebRegular;src:url(https://pos.gosuslugi.ru/bin/fonts/Scada/Scada-Regular.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Scada/Scada-Regular.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Scada/Scada-Regular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:ScadaWebBold;src:url(https://pos.gosuslugi.ru/bin/fonts/Scada/Scada-Bold.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Scada/Scada-Bold.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Scada/Scada-Bold.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:Geometria;src:url(https://pos.gosuslugi.ru/bin/fonts/Geometria/Geometria.eot);src:url(https://pos.gosuslugi.ru/bin/fonts/Geometria/Geometria.eot?#iefix) format("embedded-opentype"),url(https://pos.gosuslugi.ru/bin/fonts/Geometria/Geometria.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Geometria/Geometria.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Geometria-ExtraBold;src:url(https://pos.gosuslugi.ru/bin/fonts/Geometria/Geometria-ExtraBold.eot);src:url(https://pos.gosuslugi.ru/bin/fonts/Geometria/Geometria-ExtraBold.eot?#iefix) format("embedded-opentype"),url(https://pos.gosuslugi.ru/bin/fonts/Geometria/Geometria-ExtraBold.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Geometria/Geometria-ExtraBold.ttf) format("truetype");font-weight:900;font-style:normal}
#js-show-iframe-wrapper{background:var(--pos-banner-fluid-69__background)}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2{width:100%;min-height:52px;color:#fff;background:#0d4cd3;font-size:16px;font-family:LatoWeb,sans-serif;font-weight:400;padding:0;line-height:1.2}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:active,#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:focus,#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:hover{background:#e4ecfd}#js-show-iframe-wrapper .bf-69{position:relative;display:grid;grid-template-columns:var(--pos-banner-fluid-69__grid-template-columns);grid-template-rows:var(--pos-banner-fluid-69__grid-template-rows);width:100%;max-width:var(--pos-banner-fluid-69__max-width);box-sizing:border-box;grid-auto-flow:row dense}#js-show-iframe-wrapper .bf-69__decor{background:var(--pos-banner-fluid-69__bg-url) var(--pos-banner-fluid-69__bg-url-position) no-repeat;background-size:cover;background-color:#f8efec;position:relative}#js-show-iframe-wrapper .bf-69__logo-wrap{box-shadow:var(--pos-banner-fluid-69__logo-box-shadow)}#js-show-iframe-wrapper .bf-69__content{display:flex;flex-direction:column;padding:var(--pos-banner-fluid-69__content-padding);grid-row:var(--pos-banner-fluid-69__content-grid-row);justify-content:center}#js-show-iframe-wrapper .bf-69__description{display:flex;flex-direction:column;margin:var(--pos-banner-fluid-69__description-margin)}#js-show-iframe-wrapper .bf-69__text{margin:var(--pos-banner-fluid-69__text-margin);font-size:var(--pos-banner-fluid-69__text-font-size);line-height:1.4;font-family:LatoWeb,sans-serif;font-weight:700;color:#0b1f33}#js-show-iframe-wrapper .bf-69__bottom-wrap{display:flex;flex-direction:row;align-items:center}#js-show-iframe-wrapper .bf-69__logo-wrap{position:absolute;top:var(--pos-banner-fluid-69__logo-wrap-top);left:0;padding:var(--pos-banner-fluid-69__logo-wrap-padding);background:#fff;border-radius:0 0 8px 0}#js-show-iframe-wrapper .bf-69__logo{width:var(--pos-banner-fluid-69__logo-width);margin-left:1px}#js-show-iframe-wrapper .bf-69__slogan{font-family:LatoWeb,sans-serif;font-weight:700;font-size:var(--pos-banner-fluid-69__slogan-font-size);line-height:1;color:#005ca9}#js-show-iframe-wrapper .bf-69__btn-wrap{width:100%;max-width:var(--pos-banner-fluid-69__button-wrap-max-width)}