@charset "UTF-8";

.swiper,
a {
	-webkit-user-select: none;
	-moz-user-select: none
}

.button,
.form-field-policy a:hover,
a:hover,
a:link,
a:visited {
	text-decoration: none
}

a,
footer,
h1 {
	color: inherit
}

.button,
.tab-trigger {
	box-shadow: none;
	cursor: pointer
}

.checkbox__label a,
.form-field-policy a {
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none
}

.section-blue,
.section-slider,
body.is-popup-opened {
	overflow: hidden
}

@keyframes showFade {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fromLeft {
	0% {
		opacity: 0;
		transform: translateX(-100px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes fromDown {
	0% {
		opacity: 0;
		transform: translateY(50px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes fromRight {
	0% {
		opacity: 0;
		transform: translateX(100px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes showPopup {
	0% {
		opacity: 0;
		margin-top: -100px
	}

	to {
		opacity: 1;
		margin-top: 0
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

:root {
	--blue: #3b5291;
	--blue-2: #425b9f;
	--light-blue: #d8e4f3;
	--light-blue-2: #e7f0f7;
	--light-blue-3: #f4faff;
	--green: #106e3b;
	--green-2: #247b4b;
	--light-green: #aed881;
	--green-60: rgba(16, 110, 59, 0.6);
	--white: #fff;
	--white-80: rgba(255, 255, 255, 0.8);
	--teal: #7bd9e4;
	--aquamarine: #51bdec;
	--yellow: #d6bc61;
	--gray: #c1c1c1;
	--black-50: rgba(0, 0, 0, 0.5);
	--system-fill-light: #fff;
	--system-fill-dark: #181818;
	--system-fill-gray: rgba(0, 0, 0, 0.08);
	--system-text-dark: #242424;
	--system-text-light: #fff;
	--system-border-dark: rgba(255, 255, 255, 0.16);
	--font-family: "Pragmatica", sans-serif;
	--second-family: "FreeSetC Regular", sans-serif;
	--third-family: "Roboto", sans-serif;
	--font3: "Inter", sans-serif;
	--font4: "SF Pro", sans-serif
}

@font-face {
	font-family: Pragmatica;
	src: url(assets/fonts/pragmatica/Pragmatica.woff2) format("woff2"), url(assets/fonts/pragmatica/Pragmatica.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "FreeSetC Regular";
	src: url(assets/fonts/FreeSetC/b0fd3f8fbe659f710003d978c4a882b0.eot);
	src: url(assets/fonts/FreeSetC/b0fd3f8fbe659f710003d978c4a882b0.eot?#iefix) format("embedded-opentype"), url(assets/fonts/FreeSetC/b0fd3f8fbe659f710003d978c4a882b0.woff) format("woff"), url(assets/fonts/FreeSetC/b0fd3f8fbe659f710003d978c4a882b0.woff2) format("woff2"), url(assets/fonts/FreeSetC/b0fd3f8fbe659f710003d978c4a882b0.ttf) format("truetype"), url(assets/fonts/FreeSetC/b0fd3f8fbe659f710003d978c4a882b0.svg#FreeSetC\ Regular) format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-BlackItalic.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-BlackItalic.woff) format("woff");
	font-weight: 900;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-Medium.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-ExtraBold.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-ExtraBold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-ExtraLight.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-ExtraLight.woff) format("woff");
	font-weight: 200;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-Light.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-Light.woff) format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-Bold.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-ExtraLightItalic.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-ExtraLightItalic.woff) format("woff");
	font-weight: 200;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-Black.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-Black.woff) format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-LightItalic.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-LightItalic.woff) format("woff");
	font-weight: 300;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-BoldItalic.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-BoldItalic.woff) format("woff");
	font-weight: 700;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-Italic.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-Italic.woff) format("woff");
	font-weight: 400;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-ExtraBoldItalic.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-ExtraBoldItalic.woff) format("woff");
	font-weight: 700;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-MediumItalic.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-MediumItalic.woff) format("woff");
	font-weight: 500;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-ThinItalic.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-ThinItalic.woff) format("woff");
	font-weight: 100;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-Thin.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-Thin.woff) format("woff");
	font-weight: 100;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-SemiBoldItalic.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-SemiBoldItalic.woff) format("woff");
	font-weight: 600;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-Regular.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Roboto;
	src: url(assets/fonts/roboto/Roboto-SemiBold.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-SemiBold.woff) format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

article,
aside,
b,
blockquote,
button,
code,
div,
form,
h2,
h3,
h4,
h5,
h6,
header,
hr,
i,
iframe,
img,
input,
label,
li,
main,
nav,
ol,
p,
pre,
section,
span,
strong,
sup,
textarea,
ul {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	line-height: inherit;
	vertical-align: baseline;
	box-sizing: border-box
}

a,
body {
	margin: 0;
	padding: 0
}

a,
footer,
h1 {
	outline: 0;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
	vertical-align: baseline
}

a,
footer {
	font-weight: inherit;
	line-height: inherit
}

.section-title,
h1 {
	font-weight: 600;
	letter-spacing: .02em
}

footer {
	margin: auto 0 0;
	padding: 4rem 0
}

article,
aside,
footer,
header,
img,
main,
nav,
section {
	display: block
}

body {
	min-height: 99.9vh;
	font-family: var(--font-family);
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	position: relative;
	padding-top: 11rem
}

.section-main-title h1,
.section-title,
h1 {
	font-family: var(--second-family);
	text-transform: uppercase
}

*,
a,
footer,
h1 {
	box-sizing: border-box
}

img {
	max-width: 100%
}

body,
html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga" on;
	font-size: .521vw
}

html:focus-within {
	scroll-behavior: smooth
}

p {
	font-size: 2rem
}

a {
	cursor: pointer;
	user-select: none;
	-webkit-user-drag: none
}

.container {
	margin: 0 auto;
	padding: 0 4rem
}

.section.section--pt {
	padding-top: 0;
	padding-bottom: 8rem
}

.section.section-news-detail>.container>p {
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 121%;
	color: #000;
	letter-spacing: -.04em;
	padding-top: .9rem
}

.section.section-news-detail>.container>img {
	border-radius: 3.8rem;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	max-height: 100.2rem;
	max-width: 180.4rem;
	margin: 5rem auto
}

.section-slider {
	padding: 5.9rem 0
}

.section-slider .swiper {
	overflow: unset
}

.section-blocks {
	padding-top: 4rem;
	padding-bottom: 11rem
}

.section-blue {
	background: var(--light-blue-3);
	border-radius: 3.8rem;
	padding: 4rem 0 6rem
}

.section-top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5rem
}

.section-top--mt {
	margin-top: 10.4rem
}

.section-action {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.section-main-title h1 {
	font-weight: 400;
	font-size: 5rem;
	line-height: 106%;
	letter-spacing: 0;
	text-align: center;
	max-width: 100rem;
	margin: 0 auto;
	text-wrap: balance;
}

.section-title {
	font-size: 6rem;
	line-height: 106%;
	color: var(--blue)
}

.button,
.button.button-green,
.link {
	font-family: var(--font-family)
}

.section-slider-nav {
	display: flex;
	gap: 1rem
}

.section-slider-nav .swiper-button-next,
.section-slider-nav .swiper-button-prev {
	width: 6rem;
	min-width: 6rem;
	height: 6rem;
	min-height: 6rem;
	background-color: transparent;
	position: static
}

.section-slider-nav .swiper-button-next:after,
.section-slider-nav .swiper-button-prev:after {
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='14.5' stroke='%233B5291'/%3E%3Cpath d='M20 30H40M40 30L30 40M40 30L30 20' stroke='%233B5291' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
	background-repeat: no-repeat;
	background-size: contain !important;
	background-position: center;
	width: 6rem;
	min-width: 6rem;
	height: 6rem;
	min-height: 6rem;
	transition: .3s
}

.section-slider-nav .swiper-button-next:hover:after {
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='60' rx='15' fill='%233B5291'/%3E%3Cpath d='M20 30H40M40 30L30 40M40 30L30 20' stroke='white' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important
}

.section-slider-nav .swiper-button-prev:after {
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='14.5' stroke='%233B5291'/%3E%3Cpath d='M40 30H20M20 30L30 40M20 30L30 20' stroke='%233B5291' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important
}

.section-slider-nav .swiper-button-prev:hover:after {
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='60' rx='15' fill='%233B5291'/%3E%3Cpath d='M40 30H20M20 30L30 40M20 30L30 20' stroke='white' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input[type=number] {
	-moz-appearance: textfield
}

h1 {
	font-size: 7rem;
	line-height: 1;
	text-align: center;
	color: var(--blue);
	margin: 2.8rem 0 4.8rem;
	padding: 0
}

.button,
.pagination,
.pagination-item__link,
.swiper-pagination {
	align-items: center;
	justify-content: center
}

.button {
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-flex;
	border: 0;
	outline: 0;
	transition: .6s;
	gap: 1.6rem
}

.link,
.pagination-item__link {
	line-height: 1;
	text-decoration: none;
	transition: .3s
}

.button.button-green,
.button.button-green-border {
	border: 1px solid var(--green);
	border-radius: 1.5rem
}

.button.button-green {
	padding: 0 3rem;
	min-height: 6rem;
	background: var(--green);
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 1;
	text-align: center;
	color: var(--white)
}

.button.button-green:hover {
	background-color: #fff;
	color: var(--green)
}

.button.button-green-border {
	padding: 1.5rem 3rem;
	color: var(--green);
	gap: 1.3rem
}

.button.button-green-border:hover {
	background-color: var(--green);
	color: #fff
}

.button.button-transparent,
.button.button-white-transparent {
	border-radius: 1.5rem;
	padding: 0 3rem;
	font-weight: 400;
	line-height: 1
}

.button.button-transparent {
	border: 1px solid var(--blue);
	min-height: 6rem;
	font-size: 2.2rem;
	color: var(--blue);
	letter-spacing: -.045em
}

.button.button-transparent:hover {
	background: var(--blue);
	color: #fff
}

.button.button-white-transparent {
	border: 1px solid var(--white);
	min-height: 5rem;
	font-size: 1.8rem;
	color: var(--white)
}

.swiper-pagination {
	display: flex;
	gap: .8rem;
	position: static !important;
	margin-top: 2.6rem
}

.checkbox__emulator,
.checkbox__item,
.form-field-select {
	position: relative
}

.swiper-pagination .swiper-pagination-bullet {
	border-radius: 1.4rem;
	height: 1.2rem;
	background: var(--fill-dark-3-3);
	opacity: 1;
	width: 2.4rem;
	transition: 1s cubic-bezier(0, 0, .2, 1);
	margin: 0 !important
}

.section-homepage-events .swiper-pagination .swiper-pagination-bullet,
.swiper-pagination--light .swiper-pagination-bullet {
	background: var(--fill-inverse-3)
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--fill-accent-1-1);
	width: 5rem
}

.partners-list-block .swiper-pagination {
	gap: .4rem
}

.partners-list-block .swiper-pagination .swiper-pagination-bullet {
	width: 1.4rem
}

.partners-list-block .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 2.8rem
}

.swiper-pagination--light .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--fill-accent-1-1)
}

.link {
	font-weight: 400;
	font-size: 2rem;
	color: var(--green)
}

.link:hover {
	opacity: .7
}

.link--catalog {
	display: inline-flex;
	gap: 1rem
}

.link--catalog:after {
	content: "";
	background-color: currentColor;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5 15V19C21.5 19.5304 21.2893 20.0391 20.9142 20.4142C20.5391 20.7893 20.0304 21 19.5 21H5.5C4.96957 21 4.46086 20.7893 4.08579 20.4142C3.71071 20.0391 3.5 19.5304 3.5 19V15M7.5 10L12.5 15M12.5 15L17.5 10M12.5 15V3' stroke='%23106E3B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	mask-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5 15V19C21.5 19.5304 21.2893 20.0391 20.9142 20.4142C20.5391 20.7893 20.0304 21 19.5 21H5.5C4.96957 21 4.46086 20.7893 4.08579 20.4142C3.71071 20.0391 3.5 19.5304 3.5 19V15M7.5 10L12.5 15M12.5 15L17.5 10M12.5 15V3' stroke='%23106E3B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	width: 2.5rem;
	min-width: 2.5rem;
	height: 2.5rem;
	min-height: 2.5rem
}

.filter__modal_list li .checkbox__emulator::before,
.filter__title::after {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain
}

.animated .from-down,
.animated .from-left {
	animation: 2s ease-in-out .6s forwards fromLeft;
	opacity: 0
}

.animated .from-down {
	animation: 2s ease-in-out forwards fromDown
}

.animated .fade-in,
.animated .from-right {
	animation: 2s ease-in-out .6s forwards fromRight;
	opacity: 0
}

.animated .fade-in {
	animation: .8s ease-in-out forwards showFade
}

.animated .fade-in--long {
	animation: 4s ease-in-out forwards showFade
}

.animated .animation-delay-1 {
	animation-delay: .2s
}

.animated .animation-delay-2 {
	animation-delay: .4s
}

.animated .animation-delay-3 {
	animation-delay: .6s
}

.animated .winaura-block__bg path {
	animation: 5s linear 1s forwards dash
}

.fade-in,
.from-down,
.from-left,
.from-right {
	opacity: 0
}

.pagination {
	list-style: none;
	padding: 0;
	gap: 4px;
	display: flex;
	flex-wrap: wrap
}

.pagination-item__link {
	background: #f3f4f6;
	border-radius: 9px;
	width: 37px;
	min-width: 37px;
	height: 37px;
	min-height: 37px;
	display: inline-flex;
	font-weight: 700;
	font-size: 14px;
	color: #3a3c48
}

.pagination-item__link--selected {
	background: #db0101;
	color: #fff
}

.pagination-item__link:hover:not(.pagination-item__link--selected) {
	background: #e6e3e3;
	box-shadow: 0 0 4px rgba(0, 0, 0, .05)
}

.tabs-nav-list {
	display: flex;
	flex-wrap: nowrap;
	gap: .8rem;
	margin-bottom: 3.6rem;
	overflow: auto
}

.tabs-nav-list--wrap {
	flex-wrap: wrap;
	overflow: unset
}

.tabs-nav-list__select {
	display: flex;
	flex-wrap: wrap;
	gap: .8rem
}

.tab-trigger {
	border: 1px solid var(--border-default-3);
	border-radius: .8rem;
	padding: 0 1.2rem;
	height: 4rem;
	font-weight: 700;
	font-size: 1.4rem;
	text-transform: uppercase;
	color: var(--text-inverse-100);
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: .3s cubic-bezier(.4, 0, .2, 1)
}

.tab-trigger[data-opened=true] {
	background: var(--fill-accent-1-1);
	color: var(--text-default-100)
}

.form-field-select::after,
.icon,
.tab-trigger-select {
	background-repeat: no-repeat
}

.tab-content:not([data-opened=true]) {
	display: none
}

.tab-trigger-select {
	width: 100%;
	text-align: left;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='white'/%3E%3Cpath d='M5.33325 8.6665L11.9999 15.3332L18.6666 8.6665' stroke='%23181818' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-size: 2.4rem;
	background-position: calc(100% - 1rem) 50%
}

.icon {
	display: inline-flex;
	background-position: center;
	background-size: contain;
	transition: .6s
}

.icon.icon-user--white {
	background-image: url(assets/images/icons/user--white.svg);
	width: 3.2rem;
	min-width: 3.2rem;
	height: 3.2rem;
	min-height: 3.2rem
}

.icon.icon-arrow-left--white,
.icon.icon-arrow-right--black,
.icon.icon-arrow-right--white {
	background-image: url(assets/images/icons/arrow-right--white.svg);
	width: 3.2rem;
	min-width: 3.2rem;
	height: 3.2rem;
	min-height: 3.2rem
}

.icon.icon-arrow-left--white,
.icon.icon-arrow-right--black {
	background-image: url(assets/images/icons/arrow-left--white.svg)
}

.icon.icon-arrow-right--black {
	background-image: url(assets/images/icons/arrow-right--black.svg)
}

.icon.icon-arrow-left--black,
.icon.icon-arrow-top--black,
.icon.icon-arrow-top--white {
	background-image: url(assets/images/icons/arrow-left--black.svg);
	width: 3.2rem;
	min-width: 3.2rem;
	height: 3.2rem;
	min-height: 3.2rem
}

.icon.icon-arrow-top--black,
.icon.icon-arrow-top--white {
	background-image: url(assets/images/icons/arrow-top--black.svg)
}

.icon.icon-arrow-top--white {
	background-image: url(assets/images/icons/arrow-top--white.svg)
}

.button:hover .icon.icon-arrow-top--white {
	background-image: url(assets/images/icons/arrow-top--white--hover.svg)
}

.icon.icon-pause--black,
.icon.icon-play--black {
	background-image: url(assets/images/icons/play--black.svg);
	width: 2.2rem;
	min-width: 2.2rem;
	height: 2.5rem;
	min-height: 2.5rem
}

.icon.icon-pause--black {
	background-image: url(assets/images/icons/pause--black.svg)
}

.icon.icon-calendar--orange,
.icon.icon-compass--orange {
	background-image: url(assets/images/icons/calendar--orange.svg);
	width: 2rem;
	min-width: 2rem;
	height: 2rem;
	min-height: 2rem
}

.icon.icon-compass--orange {
	background-image: url(assets/images/icons/compass--orange.svg)
}

.icon.icon-map-pin--orange,
.icon.icon-trending-up--orange {
	background-image: url(assets/images/icons/map-pin--orange.svg);
	width: 2rem;
	min-width: 2rem;
	height: 2rem;
	min-height: 2rem
}

.icon.icon-trending-up--orange {
	background-image: url(assets/images/icons/trending-up--orange.svg)
}

.icon.icon-arrow-top--orange {
	background-image: url(assets/images/icons/arrow-top--orange.svg);
	width: 2.4rem;
	min-width: 2.4rem;
	height: 2.4rem;
	min-height: 2.4rem
}

.icon.icon-mobile-menu--closed,
.icon.icon-mobile-menu--opened {
	background-image: url(assets/images/icons/mobile-menu--closed.svg);
	width: 4rem;
	min-width: 4rem;
	height: 4rem;
	min-height: 4rem
}

.icon.icon-mobile-menu--opened {
	background-image: url(assets/images/icons/mobile-menu--opened.svg)
}

.icon.icon-arrow-top-big--orange {
	background-image: url(assets/images/icons/arrow-top-big--orange.svg);
	width: 6.4rem;
	min-width: 6.4rem;
	height: 6.4rem;
	min-height: 6.4rem
}

.icon.icon-arrow-top-circle--white {
	background-image: url(assets/images/icons/icon-arrow-top-circle--white.svg);
	width: 3.3rem;
	min-width: 3.3rem;
	height: 3.2rem;
	min-height: 3.2rem
}

.button:hover .icon.icon-arrow-top-circle--white {
	background-image: url(assets/images/icons/icon-arrow-top-circle--white--hover.svg)
}

.icon.icon-arrow-left-compact--white {
	background-image: url(assets/images/icons/arrow-left-compact--white.svg);
	width: 2.4rem;
	min-width: 2.4rem;
	height: 2.4rem;
	min-height: 2.4rem
}

.icon.icon-mail--orange,
.icon.icon-phone--orange {
	background-image: url(assets/images/icons/mail--orange.svg);
	width: 4rem;
	min-width: 4rem;
	height: 4rem;
	min-height: 4rem
}

.icon.icon-phone--orange {
	background-image: url(assets/images/icons/phone--orange.svg)
}

.icon.icon-distance--orange,
.icon.icon-location--orange {
	background-image: url(assets/images/icons/location--orange.svg);
	width: 2rem;
	min-width: 2rem;
	height: 2rem;
	min-height: 2rem
}

.icon.icon-distance--orange {
	background-image: url(assets/images/icons/distance--orange.svg)
}

.icon.icon-mail-square--orange,
.icon.icon-telegram-square--orange {
	background-image: url(assets/images/icons/telegram-square--orange.svg);
	width: 5.6rem;
	min-width: 5.6rem;
	height: 5.6rem;
	min-height: 5.6rem
}

.icon.icon-check-square-big--orange,
.icon.icon-heart-big--orange,
.icon.icon-safety-1--orange {
	background-image: url(assets/images/icons/check-square-big--orange.svg);
	width: 14.4rem;
	min-width: 14.4rem;
	height: 14.4rem;
	min-height: 14.4rem
}

.icon.icon-heart-big--orange,
.icon.icon-safety-1--orange {
	background-image: url(assets/images/icons/heart-big--orange.svg)
}

.icon.icon-safety-1--orange {
	background-image: url(assets/images/icons/safety-1--orange.svg);
	width: 12rem;
	min-width: 12rem
}

.icon.icon-safety-2--orange,
.icon.icon-safety-3--orange,
.icon.icon-safety-4--orange {
	background-image: url(assets/images/icons/safety-2--orange.svg);
	width: 12rem;
	min-width: 12rem;
	height: 14.4rem;
	min-height: 14.4rem
}

.icon.icon-safety-3--orange,
.icon.icon-safety-4--orange {
	background-image: url(assets/images/icons/safety-3--orange.svg)
}

.icon.icon-safety-4--orange {
	background-image: url(assets/images/icons/safety-4--orange.svg)
}

.icon.icon-ambulance--white {
	background-image: url(assets/images/icons/ambulance.svg);
	width: 2.4rem;
	min-width: 2.4rem;
	height: 2.4rem;
	min-height: 2.4rem
}

.icon.icon-drink--white,
.icon.icon-food--white,
.icon.icon-medical--white {
	background-image: url(assets/images/icons/drink.svg);
	width: 2.4rem;
	min-width: 2.4rem;
	height: 2.4rem;
	min-height: 2.4rem
}

.icon.icon-food--white,
.icon.icon-medical--white {
	background-image: url(assets/images/icons/food.svg)
}

.icon.icon-medical--white {
	background-image: url(assets/images/icons/medical.svg)
}

.icon.icon-plus--white,
.icon.icon-water--white,
.icon.icon-wc--white {
	background-image: url(assets/images/icons/plus.svg);
	width: 2.4rem;
	min-width: 2.4rem;
	height: 2.4rem;
	min-height: 2.4rem
}

.icon.icon-water--white,
.icon.icon-wc--white {
	background-image: url(assets/images/icons/water.svg)
}

.icon.icon-wc--white {
	background-image: url(assets/images/icons/wc.svg)
}

.icon.icon-arrows--orange {
	background-image: url(assets/images/icons/arrows--orange.svg);
	width: .8rem;
	min-width: .8rem;
	height: 3.2rem;
	min-height: 3.2rem
}

.swiper-button-next,
.swiper-button-prev {
	background: #f5f7f9;
	border-radius: 9px;
	width: 43px !important;
	min-width: 43px;
	height: 43px !important;
	min-height: 43px;
	transform: none;
	margin: 0 !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
	content: "" !important;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L1.7071 8.29289C1.31658 8.68342 1.31658 9.31658 1.70711 9.70711L9 17' stroke='%233A3C48' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
	background-repeat: no-repeat;
	background-size: 10px 18px;
	background-position: center;
	width: 10px;
	height: 18px
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	background-color: #f0f1f3
}

.swiper-button-next:after {
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 17L8.29289 9.70711C8.68342 9.31658 8.68342 8.68342 8.29289 8.29289L0.999999 1' stroke='%233A3C48' stroke-width='2'/%3E%3C/svg%3E%0A") !important
}

.swiper {
	user-select: none
}

.swiper--visible {
	overflow: unset !important
}

.swiper--thumbs .swiper-slide {
	boder: 2px solid transparent;
	border-radius: 10px;
	transition: .3s
}

.swiper--thumbs .swiper-slide.swiper-slide-thumb-active {
	border: 2px solid #db0101
}

.swiper--thumbs .swiper-slide img {
	border-radius: 10px
}

.color-cards-item .color-cards-item-img img,
.swiper--gallery img,
.swiper--thumbs .swiper-slide img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.form {
	display: flex;
	flex-direction: column;
	gap: 2.4rem
}

.form .form-field-text {
	border: 1px solid #213a7f;
	border-radius: 2.4rem;
	padding: 2.6rem 3.2rem 3rem
}

.form .form-field-text._form-error {
	border-color: red
}

.form .form-field-text._form-error>label {
	color: red
}

.form .form-field-text label {
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 130%;
	color: #3b5291;
	margin-bottom: 1.4rem
}

.form .form-field-text>input,
.form .form-field-text>select,
.form .form-field-text>textarea {
	width: 100%;
	font-weight: 400;
	font-size: 2rem;
	line-height: 104%;
	color: #000;
	background-color: transparent;
	border: 0
}

.form .form-field-text>input::-moz-placeholder,
.form .form-field-text>select::-moz-placeholder,
.form .form-field-text>textarea::-moz-placeholder {
	color: #c1c1c1
}

.form .form-field-text>input::placeholder,
.form .form-field-text>select::placeholder,
.form .form-field-text>textarea::placeholder {
	color: #c1c1c1
}

.form .form-field-text>select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: 0 0;
	padding-right: 2.5em;
	cursor: pointer;
	position: relative
}

.form .form-field-text>select::-ms-expand {
	display: none
}

.form .form-field-text>textarea {
	min-height: 10.9rem;
	resize: none
}

.form-field-policy {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.2;
	color: var(--text-inverse-40)
}

.form-field-policy a {
	text-decoration: underline
}

.form-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1.4rem
}

.form-row .link {
	display: inline-flex;
	margin-top: 2rem;
	font-weight: 500;
	font-size: 1.3rem;
	color: #db0101;
	text-decoration: none
}

.form-row[data-cols=custom-1-3] .form-field {
	width: calc(25% - 24px)
}

.form-row[data-cols=custom-1-3] .form-field--long {
	width: calc(50% - 16px)
}

.form-row[data-cols=group] {
	gap: 10px 20px
}

.form-row[data-cols=group] .form-field {
	width: auto
}

.form-row[data-cols="1"] .form-field,
.more-block .button,
.row[data-cols="1"] .col {
	width: 100%
}

.form-row[data-cols="2"] .form-field {
	width: calc((100% - 1.4rem)/ 2)
}

.form-row[data-cols="4"] {
	gap: 32px
}

.form-row[data-cols="4"] .form-field {
	width: calc((100% - 4.2rem)/ 4)
}

.form-row .form-row {
	gap: 16px
}

.form-row .form-row[data-cols="2"] .form-field {
	width: calc((100% - 16px)/ 2)
}

.form-row[data-cols="9"] {
	gap: 10px
}

.form-row[data-cols="9"] .form-field {
	width: calc((100% - 80px)/ 9)
}

.form-field-group {
	display: flex;
	gap: 10px
}

.form-field label {
	display: block;
	font-weight: 400;
	font-size: 15px;
	color: #81828f;
	margin-bottom: 12px
}

.form-field--sort,
.form-field-car-radio label {
	display: flex;
	align-items: center;
	gap: 8px
}

.form-field-select::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 3.2rem;
	width: 2.4rem;
	height: 2.4rem;
	pointer-events: none;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21 7L12 16L3 7' stroke='%23213A7F'/%3e%3c/svg%3e ");
	background-size: contain
}

.form-field-action--custom {
	text-align: center;
	display: flex;
	gap: 10px;
	flex-wrap: nowrap
}

.form-field-action--custom .button {
	margin: 0 auto;
	max-width: 220px;
	border-radius: 68px
}

.form-text,
.form-title {
	text-align: center;
	color: #3a3c48;
	margin-bottom: 18px
}

.form-title {
	font-weight: 700;
	font-size: 30px;
	line-height: 1
}

.form-text {
	font-weight: 500;
	font-size: 15px
}

.form-text--location {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 15px;
	line-height: 1;
	color: #81828f
}

.popup__title,
.product-tab-button,
.product-tab-content-wrap__title {
	font-family: var(--second-family);
	text-transform: uppercase
}

.form-text--location span {
	color: #3a3c48;
	border-bottom: 1px dashed
}

.form-text--custom {
	text-align: left
}

.form-text--custom p {
	font-weight: 400;
	font-size: 15px;
	line-height: 1.4;
	color: #91929d
}

.form-text--custom p strong {
	font-weight: 500;
	color: #3a3c48
}

.contact-form {
	border-radius: 24px;
	background: #f5f7f9;
	display: flex;
	margin-top: 60px;
	margin-bottom: 60px
}

.contact-form__media {
	width: 55%
}

.contact-form__media img {
	border-radius: 24px;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.contact-form__form {
	width: 45%;
	padding: 80px 60px
}

.contact-form__form .form-text,
.contact-form__form .form-title {
	text-align: left;
	margin-bottom: 8px
}

.contact-form__form .form-text {
	font-weight: 400;
	font-size: 15px;
	color: #000
}

.contact-form__form .form-field-text input[type=tel],
.contact-form__form .form-field-text input[type=text] {
	background-color: #fff
}

.contact-form__form .form-field-action .button {
	width: auto;
	border-radius: 80px;
	padding-left: 32px;
	padding-right: 32px
}

.form-field-car-radio label {
	cursor: pointer;
	border: 1px solid #ced9e3;
	border-radius: 8px;
	padding: 0 16px;
	justify-content: center;
	height: 39px;
	background: #f5f7f9;
	gap: 4px;
	transition: .3s
}

.checkbox__emulator::before,
.form-field-checkbox input {
	background-repeat: no-repeat;
	background-position: center
}

.contact-block__value a:hover,
.footer-social a:hover,
.form-field-car-radio label:hover:not(:has(input:checked)),
.mute-video:hover {
	opacity: .8
}

.form-field-car-radio label:has(input:checked) {
	border: 1px solid #db0101
}

.form-field-car-radio label input,
.form-field-checkbox input {
	width: 0;
	height: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.form-field-checkbox label {
	display: flex;
	align-items: center;
	cursor: pointer;
	gap: 6px;
	font-weight: 400;
	font-size: 15px;
	color: #3a3c48
}

.form-field-checkbox input {
	border: 1px solid #e0e4e8;
	border-radius: 4px;
	width: 19px;
	min-width: 19px;
	height: 19px;
	min-height: 19px;
	background-color: #fff;
	background-size: 0 0;
	margin: 0;
	padding: 0;
	transition: .3s
}

.form-field-checkbox input:checked {
	background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5266 7.63513C4.07322 8.12162 3.33756 8.12162 2.8844 7.63513L0.340036 4.90491C-0.113345 4.41864 -0.113345 3.62926 0.340036 3.14299C0.793199 2.65649 1.52885 2.65649 1.98223 3.14299L3.49817 4.76943C3.61261 4.89199 3.79839 4.89199 3.91304 4.76943L8.01777 0.364874C8.47093 -0.121625 9.20658 -0.121625 9.65996 0.364874C9.87768 0.598497 10 0.915473 10 1.24583C10 1.57619 9.87768 1.89317 9.65996 2.12679L4.5266 7.63513Z' fill='white'/%3E%3C/svg%3E%0A") center/10px 8px no-repeat #54ba2d
}

.form-field-price {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 10px
}

.form-field-price p {
	font-weight: 400;
	font-size: 15px;
	color: #000;
	text-align: right
}

.form-field-price p strong {
	font-weight: 700;
	font-size: 23px;
	line-height: 180%;
	color: #000
}

.form-city-list {
	margin-top: 12px;
	-moz-columns: 3;
	columns: 3;
	-moz-column-gap: 20px;
	column-gap: 20px
}

.form-city-list>a {
	display: block;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
	margin-bottom: 14px;
	font-weight: 500;
	font-size: 15px;
	line-height: 1;
	color: #3a3c48;
	text-decoration: none
}

.form-city-list>a:hover {
	color: #dd392b
}

.checkbox,
.feedback-block,
.recipe__block,
.recipe__desc ul {
	display: flex;
	flex-direction: column
}

.checkbox__item {
	display: inline-flex !important;
	align-items: center !important;
	cursor: pointer
}

.checkbox__emulator {
	display: block;
	height: 3rem;
	flex: 0 0 3rem;
	background-color: transparent;
	border: 1px solid rgba(44, 47, 128, .4);
	border-radius: .4rem;
	margin-right: 2rem;
	transition: .3s
}

._form-error .checkbox__emulator {
	border-color: red
}

.checkbox__emulator::before,
.checkbox__input {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%
}

.checkbox__emulator::before {
	content: "";
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%) scale(1.5);
	transition: .15s ease-out;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14.6431L13.1892 19.9231L24 8.9231' stroke='%23213A7F'/%3e%3c/svg%3e ");
	background-size: contain
}

.checkbox__input {
	z-index: 10;
	visibility: hidden;
	font-size: 0
}

.checkbox__input:checked~.checkbox__emulator {
	border-color: #2c2f80
}

.checkbox__input:checked~.checkbox__emulator::before,
.filter__modal_list li .checkbox__input:checked~.checkbox__emulator::before {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1)
}

.checkbox__label {
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 128%;
	color: #2c2f80;
	transition: color .3s
}

._form-error .checkbox__label {
	color: red
}

.checkbox__label a {
	text-decoration: underline;
	text-underline-offset: 2px
}

.popup-overlay,
.popup-wrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.popup-wrap {
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 1000
}

.popup-wrap.is-opened,
.product-tabs {
	display: flex
}

.popup-wrap.is-opened .popup-overlay,
.section-hero .hero-slide-main .hero-slide.swiper-slide-active .hero-slide__subtitle,
.section-hero .hero-slide-main .hero-slide {
	min-height: 1px;
	height: auto;
}

.section-hero .hero-slide-main .hero-slide.swiper-slide-active .hero-slide__text {
	opacity: 1
}

.popup-overlay {
	background: rgba(0, 0, 0, .82);
	opacity: 0;
	transition: opacity 0.3s ease 0s;
	z-index: 1001
}

.is-popup-opened .popup-overlay {
	opacity: 1;
}

.popup {
	width: 101.4rem;
	border-radius: 5rem;
	padding: 5rem;
	background: #fff;
	z-index: 1002;
	display: none;
	position: relative
}

.popup.is-opened {
	display: block;
	animation: .4s forwards showPopup
}

.popup__title {
	font-weight: 600;
	font-size: 6rem;
	line-height: 106%;
	text-align: center;
	color: var(--blue);
	letter-spacing: .02em
}

.breadcrumbs-item,
.breadcrumbs-item__link,
.popup__text,
.product-tab-button span {
	font-weight: 400;
	font-size: 2.2rem
}

.popup__text {
	margin-top: 1.6rem;
	line-height: 121%;
	text-align: center;
	color: #000
}

.popup__form {
	margin-top: 3rem
}

.popup__form.hidden {
	visibility: hidden
}

.features-accordion__spollers_bg[data-opened=true],
.filter__modal.active,
.section-hero .hero-slide-main .hero-slide.swiper-slide-active .hero-slide__img {
	visibility: visible;
	opacity: 1
}

.popup__content>:first-child {
	margin-top: 0
}

.popup__content>:last-child {
	margin-bottom: 0
}

.popup__close {
	border: 0;
	width: 8.2rem;
	height: 8.2rem;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='83' height='82' viewBox='0 0 83 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.6758 23.1739L60.2301 59.7283M60.2315 23.174L23.6772 59.7284' stroke='%233B5291' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: transparent;
	font-style: normal;
	line-height: normal;
	position: absolute;
	top: 2rem;
	right: 2rem;
	cursor: pointer;
	transition: .3s;
	z-index: 10
}

.popup[data-popup=success-submit],
.popup[data-popup=error-submit] {
	background-color: transparent;
	padding: 0;
	max-width: 66rem
}

.popup[data-popup=success-submit] .popup-overlow,
.popup[data-popup=error-submit] .popup-overlow {
	background-color: #fff;
	padding: 5rem;
	border-radius: 5rem
}

.popup[data-popup=success-submit] .popup__close,
.popup[data-popup=error-submit] .popup__close {
	right: auto;
	top: auto;
	bottom: 100%;
	left: 100%
}

.popup-overlow {
	max-height: 86vh;
	overflow-y: auto;
	padding: 0
}

.popup-overlow::-webkit-scrollbar {
	width: .4rem;
	border-radius: .7rem
}

.popup-overlow::-webkit-scrollbar-track {
	background: var(--fill-inverse-3)
}

.popup-overlow::-webkit-scrollbar-thumb,
.popup-overlow::-webkit-scrollbar-thumb:hover {
	background: var(--fill-accent-1-1)
}

.row,
.two-col-block {
	display: flex;
	flex-wrap: wrap
}

.row[data-cols="1"],
.row[data-cols="2"] {
	gap: 12px
}

.row[data-cols="2"] .col {
	width: calc((100% - 12px)/ 2)
}

.row[data-cols="3"] {
	gap: 30px
}

.row[data-cols="3"] .col {
	width: calc((100% - 60px)/ 3)
}

.row[data-cols="4"] {
	gap: 26px
}

.row[data-cols="4"] .col {
	width: calc((100% - 78px)/ 4)
}

.row[data-cols="5"] {
	margin: -12px
}

.row[data-cols="5"] .col {
	width: calc(20% - 24px);
	margin: 12px
}

.product-block__part.product-block__time ul li:not(:last-child),
.product-block__tabs .tabs__body>:last-child {
	margin-bottom: 0
}

.row--sale[data-cols="2"] {
	gap: 42px 12px
}

.content-page {
	display: flex;
	flex-direction: column;
	gap: 32px;
	padding-bottom: 60px
}

.content-page:has(.contacts-block) {
	padding-bottom: 0
}

.two-col-block--offset-bottom {
	margin-bottom: 18rem
}

.two-col-block__left {
	width: 45rem
}

.two-col-block__left--flex {
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.two-col-block__left--compact {
	width: 52rem
}

.two-col-block__right {
	width: calc(100% - 45rem);
	padding-left: 8.8rem
}

.two-col-block__right--compact {
	padding-left: 2rem;
	width: calc(100% - 52rem)
}

.two-col-block__right--offset {
	padding-top: 4.8rem
}

.section--breadcrumbs {
	padding-top: 3.6rem;
	padding-bottom: 1rem
}

.breadcrumbs {
	display: flex;
	justify-content: center
}

.breadcrumbs-list {
	display: flex;
	list-style: none;
	overflow-y: hidden;
	overflow-x: scroll;
	padding: 0 2rem .7rem;
	margin: 0-2rem
}

.breadcrumbs-list::-webkit-scrollbar {
	height: 0
}

@supports not selector(::-webkit-scrollbar) {
	.breadcrumbs-list {
		scrollbar-width: none
	}
}

.breadcrumbs-item {
	line-height: 121%;
	color: var(--green);
	display: inline-flex;
	align-items: center;
	letter-spacing: -.045em;
	gap: 1.5rem;
	white-space: nowrap
}

.breadcrumbs-item__link {
	line-height: 1;
	color: var(--black-50)
}

.breadcrumbs-item__link:hover {
	text-decoration: none
}

.breadcrumbs-item:not(:first-child):before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5L6.5 6.5L0.5 12.5' stroke='%23106E3B'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: .8rem;
	height: 1.3rem;
	display: inline-flex;
	margin-left: 1.5rem
}

.product-tabs__nav {
	width: 52rem;
	display: flex;
	flex-direction: column;
	gap: 2.3rem
}

.product-tabs__content {
	width: calc(100% - 52rem);
	padding-left: 6.8rem;
	padding-top: 4rem
}

.mobile-tabs-wrapper .tab-arrow.tab-arrow--left,
.mobile-tabs-wrapper .tab-arrow.tab-arrow--right {
	background-image: url("data:image/svg+xml,%3Csvg width='44' height='45' viewBox='0 0 44 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 10.5L16 22.5L28 34.5' stroke='%233B5291' stroke-width='1.5'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: transparent;
	width: 4.4rem;
	height: 4.4rem;
	border: 0;
	font-size: 0
}

.mobile-tabs-wrapper .tab-arrow.tab-arrow--right {
	background-image: url("data:image/svg+xml,%3Csvg width='44' height='45' viewBox='0 0 44 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 10.5L28 22.5L16 34.5' stroke='%233B5291' stroke-width='1.5'/%3E%3C/svg%3E%0A")
}

.product-tab-button {
	border-radius: 2.8rem;
	background: var(--light-blue-2);
	font-weight: 400;
	font-size: 3.8rem;
	line-height: 1;
	color: var(--blue);
	border: 0;
	cursor: pointer;
	text-align: left;
	width: 100%;
	position: relative
}

.hero-slide-thumb-item,
.page-error__title:after,
.product-tab-circle,
.section-hero .hero-slide-thumb-next:after,
.section-hero .hero-slide-thumb-prev:after {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center
}

.product-tab-button div {
	border-radius: 2.8rem;
	position: relative;
	z-index: 3;
	background: 0 0;
	padding: 3rem 4rem;
	transition: .3s
}

.product-tab-button img,
.product-tab-content__top-img img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.product-tab-button img {
	border-radius: 2.8rem;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 0;
	transition: .3s
}

.product-tab-button span {
	font-family: var(--font-family);
	line-height: 1;
	color: #213a7f;
	padding-bottom: 1.6rem;
	text-transform: none;
	display: block
}

.contacts-page,
.partners-teaser,
.product-tab-content,
.section-hero .hero-slide-main .hero-slide,
.section-video-report,
.special-item {
	position: relative
}

.product-tab-content__top-img {
	width: 36.5rem;
	height: 36.5rem;
	position: relative;
	margin: 0 0 0-4rem
}

.product-tab-content__top-img img {
	-o-object-fit: contain;
	object-fit: contain
}

.product-tab-content-wrap {
	display: flex;
	flex-direction: column;
	padding-right: 50rem;
	margin-top: 1rem
}

.product-tab-content-wrap__title {
	font-weight: 600;
	letter-spacing: -.045em;
	font-size: 4rem;
	line-height: 1;
	color: var(--blue);
	margin-bottom: 2.5rem
}

.product-tab-content-wrap__text {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 1.2;
	color: var(--blue);
	margin-bottom: 3.1rem
}

.page-error__title:after,
.product-tab-circle {
	position: absolute
}

.product-tab-circle {
	background-image: url("data:image/svg+xml,%3Csvg width='683' height='683' viewBox='0 0 683 683' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='341.791' cy='341.135' r='316.734' stroke='%233B5291' stroke-width='0.851436'/%3E%3Ccircle cx='341.791' cy='341.135' r='340.574' stroke='%23213A7F' stroke-opacity='0.22' stroke-width='0.851436'/%3E%3C/svg%3E%0A");
	width: 68.3rem;
	height: 68.3rem;
	top: -6rem;
	right: -23rem
}

.product-tab-circle img,
.section-hero .hero-slide-main .hero-slide__img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: .3s
}

.section-hero .hero-slide-thumb-next:after,
.section-hero .hero-slide-thumb-prev:after {
	background-color: transparent;
	width: 2.8rem;
	min-width: 2.8rem;
	height: 2.8rem;
	min-height: 2.8rem
}

.product-tab-circle img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 5rem
}

.page-error {
	margin-top: auto;
	margin-bottom: auto;
	padding: 32px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 8px
}

.assortiment-list,
.assortiment-list-row,
.color-cards {
	gap: 3rem;
	display: flex
}

.page-error__title {
	font-weight: 700;
	font-size: 271px;
	text-align: center;
	color: #f3f4f6;
	line-height: 1;
	position: relative
}

.page-error__title:after {
	content: "";
	width: 216px;
	height: 170px;
	top: 50%;
	left: 50%;
	margin-top: 10px;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
	background-image: url(assets/images/ui/car.svg)
}

.page-error__sub-title,
.page-error__text {
	font-weight: 700;
	font-size: 30px;
	text-align: center;
	color: #000
}

.page-error__text {
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5
}

.page-error--505 .page-error__title:after {
	transform: translateX(-50%) translateY(-50%) rotate(-15deg)
}

.section-hero {
	position: relative
}

.section-hero .hero-slide-thumb-next,
.section-hero .hero-slide-thumb-prev {
	bottom: 33.5rem;
	left: 4rem;
	top: auto;
	right: auto;
	z-index: 9;
	background-color: transparent;
	width: 2.8rem !important;
	min-width: 2.8rem;
	height: 2.8rem !important;
	min-height: 2.8rem
}

.section-hero .hero-slide-thumb-prev:after {
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 14H4M4 14L14 24M4 14L14 4' stroke='white' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important
}

.section-hero .hero-slide-thumb-next {
	left: 35rem
}

.section-hero .hero-slide-thumb-next:after {
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 14H24M24 14L14 24M24 14L14 4' stroke='white' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important
}

.section-hero .hero-slide-thumb {
	position: absolute;
	bottom: 32rem;
	left: 8rem;
	z-index: 5;
	width: 25.6rem
}

.contacts-page__map>div,
.section-hero .hero-slide-main {
	height: 100%
}

.section-hero .hero-slide-main .hero-slide__img {
	border-radius: 3.8rem;
	transition-delay: .2s;
	visibility: hidden;
	opacity: 0
}

.section-hero .hero-slide-main .hero-slide__text {
	position: absolute;
	bottom: 4.2rem;
	left: 4rem;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	align-items: flex-start;
	transition: .8s .4s;
	opacity: 0
}

.section-hero .hero-slide-main .hero-slide__subtitle {
	border-radius: 1.5rem 1.5rem 1.5rem 0;
	padding: 1.5rem 2.9rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--blue);
	font-weight: 400;
	font-size: 2.8rem;
	line-height: 120%;
	letter-spacing: -.045em;
	color: var(--white)
}

.section-hero .hero-slide-main .hero-slide__title {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 13.5rem;
	line-height: 1;
	text-transform: uppercase;
	color: var(--white);
	letter-spacing: .025em
}

.hero-slide-thumb-item {
	cursor: pointer
}

.hero-slide-thumb-item.swiper-slide-thumb-active {
	background-image: url("data:image/svg+xml,%3Csvg width='66' height='66' viewBox='0 0 66 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M65 33C65 50.6731 50.6731 65 33 65C15.3269 65 1 50.6731 1 33C1 15.3269 15.3269 1 33 1C39.9629 1 46.4064 3.22384 51.6589 7' stroke='white'/%3E%3C/svg%3E%0A")
}

.hero-slide-thumb-item__img {
	width: 6.4rem;
	min-width: 6.4rem;
	height: 6.4rem;
	min-height: 6.4rem;
	border-radius: 100%;
	padding: 1rem
}

.hero-slide-main .swiper-button-next:after,
.hero-slide-main .swiper-button-prev:after,
.mute-video {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: transparent
}

.mute-video {
	background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4916 12.4916C12.9471 12.036 13.6858 12.036 14.1413 12.4916L43.9916 42.3418C44.4471 42.7974 44.4471 43.536 43.9916 43.9916C43.536 44.447 42.7974 44.447 42.3418 43.9916L12.4916 14.1413C12.036 13.6858 12.0361 12.9471 12.4916 12.4916Z' fill='white' fill-opacity='0.56'/%3E%3Cpath d='M28 32.9492V40.6761C27.9997 41.665 26.8457 42.2048 26.086 41.5716L17.5 34.4167H11.6667C10.3781 34.4167 9.33346 33.3719 9.33337 32.0834V23.9167C9.33337 22.628 10.378 21.5834 11.6667 21.5834H16.6342L28 32.9492Z' fill='white' fill-opacity='0.56'/%3E%3Cpath d='M42.8409 13.4942C45.1625 17.5419 46.4947 22.1005 46.7032 26.7946L46.7305 27.7585C46.777 31.7947 45.9894 35.7849 44.4325 39.4833L42.6381 37.6888C43.8349 34.5383 44.4362 31.1796 44.3972 27.7858L44.3721 26.8983C44.1802 22.5773 42.9546 18.38 40.8174 14.654L42.8409 13.4942Z' fill='white' fill-opacity='0.56'/%3E%3Cpath d='M38.9068 19.0689L39.2474 19.7388C39.5743 20.4139 39.8599 21.108 40.1042 21.8158L40.3492 22.5746C40.8059 24.1039 41.0705 25.6932 41.1296 27.305L41.1421 28.1117C41.1283 30.4491 40.6827 32.7467 39.8444 34.8941L38.017 33.0677C38.5279 31.4718 38.7987 29.7969 38.8088 28.098L38.7974 27.3905C38.7456 25.9771 38.5143 24.5833 38.1138 23.2422L37.8985 22.5768C37.6842 21.9559 37.4333 21.3473 37.1465 20.7551L36.848 20.1683C36.7556 19.9953 36.6595 19.8232 36.5609 19.6533L38.5798 18.4821C38.6922 18.6758 38.8014 18.8716 38.9068 19.0689Z' fill='white' fill-opacity='0.56'/%3E%3Cpath d='M35.3042 23.1169C35.8812 24.6673 36.1804 26.3139 36.1827 27.9807L36.1701 28.6096C36.1361 29.3903 36.0363 30.1646 35.8739 30.9247L33.8174 28.8682C33.8264 28.7484 33.8338 28.6284 33.8391 28.5082L33.8493 27.9841C33.8474 26.595 33.5976 25.2225 33.1167 23.9304L35.3042 23.1169Z' fill='white' fill-opacity='0.56'/%3E%3Cpath d='M26.086 14.4273C26.8458 13.7941 27.9999 14.3349 28 15.3239V23.0508L22.4265 17.4772L26.086 14.4273Z' fill='white' fill-opacity='0.56'/%3E%3C/svg%3E%0A");
	border: 0;
	position: absolute;
	top: 4rem;
	right: 4rem;
	cursor: pointer;
	z-index: 5;
	width: 5.6rem;
	height: 5.6rem;
	transition: .3s
}

.mute-video.unmuted {
	background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6667 34.4166C10.378 34.4166 9.33337 33.372 9.33337 32.0833V23.9166C9.33337 22.628 10.378 21.5833 11.6667 21.5833H17.5L26.0865 14.4279C26.8464 13.7947 28 14.3351 28 15.3242V40.6758C28 41.6649 26.8464 42.2053 26.0865 41.572L17.5 34.4166H11.6667Z' fill='white' fill-opacity='0.56'/%3E%3Cpath d='M35.3042 23.1169C35.8813 24.6674 36.1804 26.314 36.1827 27.9807L36.1701 28.6096C36.1063 30.074 35.8131 31.5159 35.3042 32.8832L33.1167 32.0697C33.5408 30.9303 33.7859 29.7285 33.8391 28.5082L33.8493 27.9841C33.8474 26.5951 33.5977 25.2226 33.1167 23.9304L35.3042 23.1169Z' fill='white' fill-opacity='0.56'/%3E%3Cpath d='M38.9068 19.0685L39.2474 19.7385C39.5743 20.4137 39.8599 21.1075 40.1042 21.8154L40.3492 22.5742C40.806 24.1037 41.0705 25.6928 41.1296 27.3047L41.1421 28.1113C41.1239 31.2065 40.3482 34.2317 38.9068 36.9308L36.848 35.8325C38.1122 33.4654 38.7928 30.812 38.8088 28.0977L38.7974 27.3902C38.7455 25.9766 38.5144 24.5831 38.1138 23.2419L37.8985 22.5765C37.6842 21.9555 37.4333 21.3471 37.1465 20.7547L36.848 20.168C36.7556 19.9948 36.6596 19.823 36.5609 19.653L38.5798 18.4818C38.6923 18.6756 38.8014 18.8712 38.9068 19.0685Z' fill='white' fill-opacity='0.56'/%3E%3Cpath d='M42.8409 13.4939C45.1626 17.5417 46.4947 22.1002 46.7032 26.7944L46.7305 27.7582C46.7861 32.5771 45.6536 37.3306 43.4413 41.5999L41.3689 40.5255C43.4051 36.5959 44.4482 32.2211 44.3972 27.7856L44.3721 26.8981C44.1802 22.577 42.9547 18.3798 40.8174 14.6538L42.8409 13.4939Z' fill='white' fill-opacity='0.56'/%3E%3C/svg%3E%0A")
}

.hero-slide-main .swiper-button-next,
.hero-slide-main .swiper-button-prev,
.section-page-news-detail .swiper-button-next,
.section-page-news-detail .swiper-button-prev {
	top: 50%;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: transparent;
	width: 6.4rem !important;
	min-width: 6.4rem;
	height: 6.4rem !important;
	min-height: 6.4rem
}

.hero-slide-main .swiper-button-next,
.hero-slide-main .swiper-rtl .swiper-button-prev {
	right: 4rem
}

.hero-slide-main .swiper-button-prev,
.hero-slide-main .swiper-rtl .swiper-button-next {
	left: 4rem
}

.hero-slide-main .swiper-button-next:after,
.hero-slide-main .swiper-button-prev:after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M44 7L19 32L44 57' stroke='white' stroke-width='2'/%3e%3c/svg%3e ") !important;
	width: 6.4rem;
	min-width: 6.4rem;
	height: 6.4rem;
	min-height: 6.4rem
}

.hero-slide-main .swiper-button-next:after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 7L44 32L19 57' stroke='white' stroke-width='2'/%3e%3c/svg%3e ") !important
}

.color-cards {
	position: relative
}

.color-cards .color-cards__left,
.color-cards .color-cards__right {
	width: calc(50% - 1.5rem)
}

.color-cards-item .color-cards-item-wrap {
	height: 82.6rem;
	padding: 6.8rem 4.9rem;
	border-radius: 3.8rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.color-cards-item__top-right-text {
	font-weight: 400;
	font-size: 2rem;
	line-height: 104%;
	color: var(--white-80);
	margin-left: auto
}

.color-cards-item__bottom-left-text,
.color-cards-item__top-left-text {
	font-weight: 400;
	font-size: 2rem;
	line-height: 1.05;
	color: var(--white-80);
	margin-right: auto
}

.color-cards-item__bottom-right-text {
	font-weight: 400;
	font-size: 2rem;
	line-height: 1.05;
	color: var(--white-80);
	margin-left: auto
}

.color-cards-item__title-text {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 7rem;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
	color: var(--white)
}

.color-cards-item__subtitle-text {
	margin-top: 2rem;
	font-weight: 400;
	font-size: 2.8rem;
	line-height: 1.2;
	text-align: center;
	color: var(--white);
	text-transform: none
}

.color-cards-item:first-child,
.color-cards-item:nth-child(2),
.color-cards-item:nth-child(3),
.color-cards-item:nth-child(4) {
	z-index: 1
}

.color-cards-item:nth-child(2) .color-cards-item-wrap,
.color-cards-item:nth-child(4) .color-cards-item-wrap {
	background: var(--green)
}

.color-cards-item:nth-child(2) span,
.color-cards-item:nth-child(4) span {
	color: var(--yellow)
}

.color-cards-item:nth-child(2) .color-cards-item__top-right-text,
.color-cards-item:nth-child(4) .color-cards-item__top-right-text {
	margin-left: 0;
	margin-right: auto
}

.color-cards-item:nth-child(2) .color-cards-item__bottom-left-text,
.color-cards-item:nth-child(4) .color-cards-item__bottom-left-text {
	margin-right: 0;
	margin-left: auto
}

.assortiment-list-row:nth-child(odd) .assortiment-item--color,
.color-cards-item:first-child .color-cards-item-wrap,
.color-cards-item:nth-child(3) .color-cards-item-wrap,
.manufactures-item:nth-child(odd) .manufactures-item__content {
	background: var(--blue)
}

.color-cards-item:first-child span,
.color-cards-item:nth-child(3) span {
	color: var(--teal)
}

.color-cards-item-img {
	height: 82.6rem
}

.color-cards-item-img:not(:last-child) {
	margin-bottom: 3rem
}

.manufactures-item-wrap {
	display: flex;
	flex-direction: column;
	height: 100%
}

.manufactures-item {
	height: auto !important;
	min-height: 1px
}

.manufactures-item__media {
	height: 41rem
}

.color-cards-item-img img,
.manufactures-item__media img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 3.8rem
}

.manufactures-item__content {
	border-radius: 35px;
	padding: 3.5rem 3rem 5.3rem;
	margin-top: -50px;
	position: relative;
	z-index: 2;
	flex-grow: 1
}

.manufactures-item__content__title {
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 4rem;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--white);
	padding-bottom: 1.5rem;
	letter-spacing: .02em
}

.manufactures-item__content__text {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 1.2;
	color: var(--white);
	letter-spacing: -.045em
}

.assortiment-list-row:nth-child(2n) .assortiment-item--color,
.manufactures-item:nth-child(2n) .manufactures-item__content {
	background: var(--green)
}

.assortiment-list {
	flex-direction: column
}

.assortiment-list-row:nth-child(2n) {
	flex-direction: row-reverse
}

.assortiment-item {
	width: calc((100% - 3rem)/ 2)
}

.assortiment-item--color {
	padding: 6rem;
	border-radius: 3.8rem;
	display: flex;
	flex-direction: column;
	gap: 1.8rem;
	align-items: center;
	justify-content: center
}

.assortiment-item__text,
.assortiment-item__title {
	font-weight: 400;
	text-align: center;
	color: var(--white)
}

.assortiment-item__title {
	font-family: var(--second-family);
	font-size: 7rem;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .025em
}

.assortiment-item__action .button,
.assortiment-item__text,
.news-date {
	font-size: 2.2rem;
	letter-spacing: -.045em
}

.assortiment-item__text {
	line-height: 1.2
}

.assortiment-item__action {
	margin-top: 1.8rem
}

.assortiment-item__action .button {
	padding: 2rem 3rem;
	font-weight: 400;
	line-height: 106%
}

.more-block {
	margin-top: 4rem
}

.news-date {
	font-weight: 400;
	line-height: 1;
	color: var(--black-50);
	text-align: center
}

.section-page-news-detail .swiper {
	margin: 5rem auto 4.5rem;
	max-width: 167.9rem;
	width: 100%
}

.section-page-news-detail .swiper-slide {
	padding: 0 10rem
}

.section-page-news-detail .swiper-button-next,
.section-page-news-detail .swiper-rtl .swiper-button-prev {
	right: 0
}

.section-page-news-detail .swiper-button-prev,
.section-page-news-detail .swiper-rtl .swiper-button-next {
	left: 0
}

.section-page-news-detail .swiper-button-next:after,
.section-page-news-detail .swiper-button-prev:after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M44.5 7.5L19.5 32.5L44.5 57.5' stroke='%233B5291' stroke-width='2'/%3e%3c/svg%3e ") !important;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: transparent;
	width: 6.4rem;
	min-width: 6.4rem;
	height: 6.4rem;
	min-height: 6.4rem
}

.section-page-news-detail .swiper-button-next:after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.5 7.5L44.5 32.5L19.5 57.5' stroke='%233B5291' stroke-width='2'/%3e%3c/svg%3e ") !important
}

.assortiment-item--image img,
.news-detail-img img,
.special-item__media img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 3.8rem
}

.news-detail-img img {
	height: 67.8rem;
}

.news-detail {
	max-width: 148rem;
	margin: 0 auto
}

.news-detail__title {
	font-weight: 500;
	font-size: 2.8rem;
	line-height: 1.2;
	color: var(--blue);
	margin-bottom: 2rem;
	letter-spacing: -.02em
}

.news-detail__text {
	display: flex;
	flex-direction: column;
	gap: 2.4rem;
	letter-spacing: -.045em
}

.news-detail__text,
.news-detail__text p {
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 1.2;
	color: var(--black)
}

.news-detail__action,
.section-error .container .button {
	margin-top: 5rem
}

.grid,
.legend,
.news-detail__action:empty,
.product-block__part.product-block__time ul li::before,
.product-block__part_button-next::after,
.product-block__part_button-prev::after,
.product-block__thumbs_button-next::after,
.product-block__thumbs_button-prev::after {
	display: none
}

.contacts-page__map {
	overflow: hidden;
	height: 77.4rem;
	border-radius: 3.8rem;
	width: 100%;
	filter: grayscale(1)
}

.contacts-page__map iframe {
	width: 100%;
	height: 100%;
	border: 0
}

.contacts-page__info {
	position: absolute;
	top: 2rem;
	left: 2rem;
	width: 42.9rem;
	background: var(--white);
	border-radius: 3.8rem;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 3.7rem;
	padding: 4.4rem
}

.partners-teaser__link,
.special-item__link {
	top: 0;
	left: 0;
	position: absolute;
	bottom: 0;
	right: 0
}

.contact-block {
	display: flex;
	flex-direction: column;
	gap: 1.3rem
}

.contact-block__title {
	font-weight: 400;
	font-size: 2.4rem;
	line-height: 1;
	color: var(--black)
}

.contact-block__value,
.contact-block__value a {
	font-weight: 500;
	font-size: 2.8rem;
	line-height: 1;
	color: var(--green)
}

.contact-block__value {
	letter-spacing: -.015em
}

.contact-block__value a {
	text-decoration: none;
	transition: .3s
}

.special-item__link {
	z-index: 2
}

.special-item__media {
	height: 45rem;
	margin-bottom: 2.4rem
}

.special-item__date,
.special-item__title {
	font-family: var(--font-family);
	font-weight: 400;
	line-height: 1;
	letter-spacing: -.045em
}

.special-item__title {
	font-size: 2.4rem;
	color: var(--blue);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 2.1rem
}

.special-item__date {
	font-size: 2.2rem;
	color: var(--black-50)
}

.section-blue:has(.feedback-block) {
	padding: 6rem 0 8rem
}

.feedback-block__title {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 6rem;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
	color: var(--blue);
	margin-bottom: 3.4rem;
	letter-spacing: .02em
}

.feedback-block__text,
.product-block__part ol,
.product-block__part ul,
.recipe__desc h5 {
	letter-spacing: -.045em
}

.feedback-block__text {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 1.2;
	text-align: center;
	color: var(--blue);
	margin-bottom: 4.5rem
}

.feedback-block__link {
	text-align: center;
	margin-bottom: 3.8rem
}

.feedback-block__action {
	text-align: center
}

.yandex-map {
	margin-top: 4.8rem;
	border-radius: 3.2rem 3.2rem 0 0;
	overflow: hidden
}

.product-block__row .product-block__list,
.product-block__tabs .tabs__body>:first-child {
	margin-top: 0
}

.elevation-control {
	height: 30rem !important
}

.elevation-summary,
.elevation-toggle-icon {
	display: none !important
}

.elevation-control .background {
	height: 100%;
	background: #121212 !important;
	border-radius: 0 0 3.2rem 3.2rem !important;
	border-left: 1px solid var(--border-default-3);
	border-right: 1px solid var(--border-default-3);
	border-bottom: 1px solid var(--border-default-3)
}

.elevation-detached.lightblue-theme .area {
	stroke: var(--brand-accent-1-100) !important;
	fill: rgba(237, 175, 101, .12)
}

.elevation-control .axis text,
.elevation-control .legend text,
.elevation-control .point text {
	stroke: #fff !important;
	stroke-width: 0 !important;
	paint-order: stroke fill !important;
	font-family: var(--font-family) !important;
	font-weight: 700 !important;
	font-size: 1rem !important;
	text-transform: uppercase !important;
	fill: var(--fill-gray-1) !important
}

g.point circle,
g.point line {
	fill: #fff !important
}

g.point line {
	stroke: #fff !important
}

.partners-list-block {
	margin-bottom: 10rem
}

.partners-teaser__link {
	z-index: 1
}

.partners-teaser:hover:has(.partners-teaser__link) {
	opacity: .5
}

.section-video-report__title {
	position: absolute;
	top: 12rem;
	left: 9rem;
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 2rem;
	line-height: 1;
	text-transform: uppercase;
	color: var(--text-accent-1-100);
	z-index: 9
}

.section-video-report .swiper-buttons-group {
	position: absolute;
	top: 12rem;
	right: 9rem
}

.personal-content-item span,
.register-block {
	border-radius: 3.2rem;
	background: var(--fill-gray-1)
}

.register-block {
	padding: 7.2rem 4rem 0;
	display: flex;
	flex-direction: column;
	gap: 4rem
}

.register-block__title {
	font-weight: 700;
	font-size: 2.6rem;
	text-transform: uppercase;
	color: #010101
}

.personal-content-item p,
.register-block__text {
	font-family: var(--second-family);
	font-weight: 400
}

.register-block__text {
	font-size: 2.4rem;
	line-height: 1.2;
	color: #010101
}

#progress-container {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: .4rem;
	background-color: transparent;
	z-index: 9999
}

#progress-bar {
	width: 0;
	height: 100%;
	background-color: var(--fill-accent-1-1);
	transition: width .1s
}

.broadcasts {
	display: flex;
	flex-wrap: wrap;
	gap: 9rem
}

.broadcasts__media {
	width: 43rem;
	position: relative
}

.broadcasts__media img {
	position: sticky;
	top: 10rem
}

.broadcasts__content {
	width: calc(100% - 9rem - 43rem)
}

.product-block__slider,
.product-block__swiper,
.product-block__thumbs,
.product-block__thumbs_button-next svg,
.product-block__thumbs_button-prev svg,
.product-block__thumbs_slider,
.product-block__thumbs_swiper {
	width: 100%;
	height: 100%
}

.personal-content,
.personal-content-item {
	display: flex;
	flex-direction: column;
	gap: 3.2rem
}

.personal-content-item {
	align-items: flex-start;
	gap: 1.2rem
}

.personal-content-item span {
	padding: 1.2rem;
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1;
	text-transform: uppercase;
	color: var(--text-default-100);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: left
}

.personal-content-item p {
	font-size: 2rem;
	line-height: 1.4;
	color: var(--text-inverse-100)
}

.product-block {
	padding-bottom: 6.2rem;
	overflow: hidden
}

.product-block__wrapper {
	display: flex;
	justify-content: space-between;
	gap: 4rem
}

.product-block__slide--video::before {
	content: "";
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='151' height='151' viewBox='0 0 151 151' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='75.5' cy='75.5' r='75' fill='%233B5291' fill-opacity='0.5'/%3e%3cpath d='M105.25 64.3779C113.25 68.9967 117.25 71.3061 117.25 74.7702C117.25 78.2343 113.25 80.5437 105.25 85.1625L71.5 104.648C63.5 109.267 59.5 111.576 56.5 109.844C53.5 108.112 53.5 103.493 53.5 94.2558L53.5 55.2846C53.5 46.047 53.5 41.4282 56.5 39.6962C59.5 37.9641 63.5 40.2735 71.5 44.8923L105.25 64.3779Z' fill='white'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 15rem;
	height: 15rem;
	pointer-events: none
}

.filter__modal.active,
header.header-visible {
	transform: translateY(0)
}

.product-block__thumbs_slide.product-block__slide--video::before {
	width: 6.8rem;
	height: 6.8rem
}

.product-block__picture {
	display: flex;
	gap: 4rem;
	max-height: 78.4rem;
	max-width: 95rem;
	width: 100%
}

.product-block__slider {
	background: #f4faff;
	border-radius: 3.6rem;
	overflow: hidden
}

.product-block__slide img,
.product-block__thumbs_slide img {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	pointer-events: none;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.product-block__thumbs_slide {
	border-radius: 2rem;
	overflow: hidden;
	background: #f4faff;
	opacity: .4;
	transition: opacity .3s
}

.product-block__thumbs_slide img {
	-o-object-fit: contain;
	object-fit: contain
}

.product-block__thumbs_slide.swiper-slide-thumb-active {
	opacity: 1
}

.product-block__thumbs_button-next,
.product-block__thumbs_button-prev {
	--size: 2.8rem;
	min-width: var(--size) !important;
	min-height: var(--size) !important;
	width: var(--size) !important;
	height: var(--size) !important;
	flex-shrink: 0;
	background-color: transparent !important;
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	margin-top: 0;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	transition: .3s cubic-bezier(.77, 0, .175, 1)
}

.product-block__desc {
	width: 100%;
	flex: 1 1 auto
}

.product-block__tabs .tabs__navigation {
	display: flex;
	gap: 1.4rem;
	flex-wrap: wrap
}

.product-block__tabs .tabs__title {
	background: 0 0;
	text-align: left;
	font-weight: 400;
	font-size: 2rem;
	line-height: 121%;
	border-radius: 1.6rem;
	padding: 2rem 3.6rem;
	border: 1px solid #c1c1c1;
	color: rgba(0, 0, 0, .5);
	transition: .3s
}

.product-block__tabs .tabs__title._tab-active,
.product-block__tabs .tabs__title[data-opened=true] {
	border-color: var(--green);
	color: var(--green)
}

.product-block__tabs .tabs__content {
	padding-top: 4rem;
	position: relative
}

.product-block__tabs .tabs__body {
	width: 100%;
	height: 100%;
	font-weight: 400;
	font-size: 2.2rem;
	letter-spacing: -.045em;
	line-height: 123%;
	color: var(--blue)
}

.product-block__tabs .tabs__body p {
	margin-top: 2.2rem;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit
}

.product-block__list {
	margin-top: 4.4rem
}

.filter__modal_list li,
.product-block__list ul li {
	list-style: none
}

.product-block__value ul {
	display: flex;
	align-items: flex-start;
	gap: 5.5rem
}

.product-block__tag,
.product-block__value ul li {
	color: #858585
}

.product-block__value ul li span {
	color: var(--blue);
	font-size: 2.8rem;
	font-weight: 500;
	display: block;
	margin-bottom: 1rem
}

.product-block__tag ul {
	margin-top: .8rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 2.5rem
}

.product-block__tag ul li {
	color: var(--green)
}

.product-block__tag ul li::before {
	content: "#"
}

.product-block__part {
	width: 100%;
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 121%;
	color: #000;
	letter-spacing: -.015em
}

.product-block__part:not(:last-child) {
	margin-bottom: 4.4rem
}

.product-block__part h4 {
	font-weight: 500;
	font-size: 2.8rem;
	line-height: 120%;
	color: var(--blue);
	margin-bottom: 2.6rem
}

.product-block__part_desc p,
.recipe__desc h5,
.recipe__desc ul li {
	font-weight: 400;
	line-height: 160%
}

.product-block__part ul li {
	list-style: none;
	padding-left: 3.2rem;
	position: relative
}

.product-block__part ul li:not(:last-child) {
	margin-bottom: 1.28rem
}

.product-block__part ul li::before {
	content: "";
	position: absolute;
	left: 1.4rem;
	top: 1rem;
	width: .5rem;
	height: .5rem;
	background-color: currentColor;
	border-radius: 50%
}

.product-block__part ol {
	counter-reset: list-number
}

.product-block__part ol li {
	display: flex;
	align-items: flex-start;
	position: relative;
	padding-left: 3.2rem;
	list-style: none
}

.product-block__part ol li:not(:last-child) {
	margin-bottom: 1.2rem
}

.product-block__part ol li::before {
	counter-increment: list-number;
	content: counter(list-number, decimal) ". ";
	position: absolute;
	left: 0;
	top: 0
}

.product-block__part.product-block__time ul {
	display: flex;
	align-items: center;
	gap: 1.9rem
}

.product-block__part.product-block__time ul li {
	list-style: none;
	padding-left: 0;
	display: flex;
	align-items: center;
	gap: 12px
}

.category__link svg,
.filter__title::after,
.product-block__part.product-block__time ul li svg {
	width: 2.4rem;
	height: 2.4rem
}

.product-block__part.product-block__time ul li.difficult::before {
	content: "";
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: var(--green);
	border-radius: 50%
}

.product-block__part_block {
	display: flex;
	align-items: center;
	position: relative;
	gap: 2rem;
	width: 100%
}

.product-block__part_button-next,
.product-block__part_button-prev {
	position: relative;
	margin: 0 !important;
	top: 0 !important;
	width: 2.8rem !important;
	height: 13.3rem !important;
	left: 0 !important;
	right: 0 !important;
	background-color: transparent !important
}

.product-block__part_slider {
	width: 100%;
	flex: 1 1 auto;
	max-width: 100%
}

.product-block__part_slide {
	min-height: 1px;
	height: auto
}

.product-block__part_slide a {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column
}

.product-block__part_img {
	width: 100%;
	background: #f4faff;
	border-radius: 3.8rem
}

.product-block__part_img img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.product-block__part_desc {
	padding: 1.5rem 1rem 0
}

.history__pagination span.swiper-pagination-bullet-active,
.product-block__part_desc h5,
.recipe__desc h5 {
	color: var(--blue)
}

.product-block__part_desc p {
	font-size: 2rem;
	color: rgba(24, 24, 24, .5);
	margin-top: 1.5rem
}

.product-block__row {
	display: flex;
	align-items: flex-end;
	gap: 4rem;
	margin-top: 4.4rem
}

.recipe {
	padding: 0 0 6rem
}

.recipe h1 {
	margin-bottom: 2.6rem;
	margin-top: 2.1rem
}

.recipe__content {
	margin-top: 4.2rem
}

.recipe__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 5.5rem 2.7rem
}

.recipe__add {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 3.6rem
}

.recipe__block {
	align-items: flex-start
}

.recipe__block>a {
	flex-direction: column;
	display: flex;
	width: 100%;
	height: 100%;
}

.recipe__img {
	width: 100%;
	position: relative;
	padding-bottom: 102.33%;
	overflow: hidden;
	border-radius: 3.8rem
}

.products__img a,
.recipe__img a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block
}

.category__banner img,
.category__list_img li img,
.products__img img,
.recipe__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.recipe__img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.products__desc,
.recipe__desc {
	padding: 1.6rem 2.8rem 0
}

.recipe__desc h5 {
	font-size: 2.6rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 1
}

.recipe__desc ul {
	margin-top: .6rem;
	gap: 1.4rem
}

.recipe__desc ul li {
	list-style: none;
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	color: var(--green)
}

.filter__row,
.filter__title {
	align-items: center;
	display: flex
}

.filter {
	position: relative;
	z-index: 100000
}

.filter__row {
	justify-content: center;
	gap: 10px
}

.filter__item {
	width: 100%;
	max-width: 30rem;
	position: relative;
	pointer-events: all;
	z-index: 10
}

.filter__modal,
.filter__title {
	width: 100%;
	background-color: #fff;
	border: 1px solid var(--green)
}

.filter__title {
	min-width: 198px;
	cursor: pointer;
	justify-content: space-between;
	border-radius: 3.3rem;
	padding: 1.8rem 3.1rem;
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 121%;
	color: var(--green);
	z-index: 100;
	position: relative
}

.category__subtitle,
.category__tabs .tabs__title,
.products__desc h5 {
	font-weight: 400;
	font-size: 2.4rem;
	line-height: 120%;
	letter-spacing: -.045em
}

.filter__title::after {
	content: "";
	background-color: var(--green);
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.5 7.5L12.5 16.5L3.5 7.5' stroke='currentColor'/%3e%3c/svg%3e ");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.5 7.5L12.5 16.5L3.5 7.5' stroke='currentColor'/%3e%3c/svg%3e ");
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain
}

.filter__modal {
	margin-top: -5rem;
	z-index: 10;
	border-radius: 2rem;
	padding: 7rem 2rem 2rem;
	transform: translateY(-.5rem);
	transition: .3s
}

.filter__modal_list li:not(:last-child) {
	margin-bottom: 5px
}

.filter__modal_list li .checkbox__item {
	display: flex;
	align-items: center;
	cursor: pointer
}

.filter__modal_list li .checkbox__emulator {
	display: block;
	height: 2.4rem;
	flex: 0 0 2.4rem;
	position: relative;
	background-color: transparent;
	border: 1px solid #d6dbe0;
	border-radius: .4rem;
	margin-right: 1rem;
	transition: .3s
}

.filter__modal_list li .checkbox__emulator::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	opacity: 0;
	z-index: 1;
	transform: translate(-50%, -50%) scale(1.5);
	transition: .15s ease-out;
	background-color: var(--green);
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20 7L9 18L4 13' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20 7L9 18L4 13' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain
}

.filter__modal_list li .checkbox__label {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 140%;
	color: #000;
	display: flex;
	align-items: center;
	cursor: pointer
}

.filter__modal_list li .checkbox__input {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	font-size: 0
}

.filter__modal_list li .checkbox__input:checked~.checkbox__emulator {
	border-color: var(--green)
}

.popup-window {
	background-color: transparent !important;
	box-shadow: unset !important;
	padding: unset !important;
	border-radius: unset !important;
	width: 100% !important;
	max-width: 30rem !important
}

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

.products__img {
	width: 100%;
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
	background: #f4faff;
	border-radius: 3.8rem
}

.products__desc h5 {
	color: var(--blue)
}

.products__desc ul {
	margin-top: .8rem;
	display: flex;
	align-items: center;
	gap: 2.5rem
}

.products__desc ul li {
	list-style: none;
	font-weight: 400;
	font-size: 2rem;
	line-height: 160%;
	color: rgba(0, 0, 0, .5);
	display: flex;
	align-items: center
}

.category__banner,
.category__img::after {
	width: 100%;
	height: 100%;
	border-radius: 3.8rem
}

.category__banner {
	overflow: hidden
}

.category__tabs {
	margin-top: 6rem
}

.category__tabs .tabs__navigation {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem
}

.category__tabs .tabs__title {
	border: 1px solid #d8e4f3;
	border-radius: 5rem;
	padding: 1.2rem 2.4rem;
	background-color: #fff;
	cursor: pointer;
	color: var(--blue);
	transition: .3s
}

.category__tabs .tabs__title._filter-active,
.category__tabs .tabs__title[data-opened=true] {
	color: #fff;
	background-color: var(--blue);
	border-color: var(--blue)
}

.category__tabs .tabs__content {
	position: relative;
	padding-top: 4rem
}

.category__item {
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	width: 100%;
	margin-bottom: 2.4rem;
	opacity: 0;
	display: none;
	transform: translateY(20px);
	transition: opacity .6s, transform .6s;
	transition-behavior: allow-discrete
}

.category__item._category-active {
	display: flex;
	animation: .6s forwards fadeInUp
}

.category__img,
.category__img img {
	max-width: 51.5rem;
	width: 100%;
	height: 100%
}

.category__img img {
	-o-object-fit: contain;
	object-fit: contain
}

.category__img::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	background: #f4faff;
	max-width: 100%;
	max-height: 36.6rem;
	z-index: -1;
	pointer-events: none
}

.category__body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	flex-grow: 1;
	width: 100%
}

.category__subtitle {
	color: #213a7f;
	margin-bottom: 2rem
}

.category__title,
.features-accordion h2,
.history h2 {
	font-family: var(--second-family);
	font-weight: 600;
	line-height: 106%;
	text-transform: uppercase
}

.category__title {
	font-size: 6rem;
	color: #213a7f;
	letter-spacing: .031em
}

.category__link,
.category__list {
	font-weight: 400;
	font-size: 2.2rem;
	letter-spacing: -.045em
}

.category__link {
	display: inline-flex;
	align-items: center;
	margin-top: 1.6rem;
	line-height: 121%;
	color: #213a7f;
	gap: 6px
}

.category__list {
	line-height: 129%;
	color: var(--blue)
}

.category__list_img {
	display: flex;
	gap: 1.4rem;
	margin-bottom: 3rem
}

.category__list_img li {
	list-style: none;
	border-radius: 1rem;
	overflow: hidden
}

.features-accordion {
	padding: 8.8rem 0
}

.features-accordion h2,
.history h2 {
	font-size: 7rem;
	text-align: center;
	color: var(--blue);
	letter-spacing: .02em
}

.features-accordion__spollers,
.history__block {
	margin-top: 4.6rem
}

.features-accordion__spollers_item {
	border-radius: 3.8rem;
	padding: 5.5rem 6.6rem;
	border: 1px solid currentColor;
	color: var(--blue);
	position: relative;
	overflow: hidden;
	z-index: 1
}

.features-accordion__spollers_item:nth-child(3) {
	display: none !important;
}

.features-accordion__spollers_title {
	font-family: var(--second-family);
	text-align: left;
	font-weight: 600;
	font-size: 5rem;
	line-height: 110%;
	text-transform: uppercase;
	background-color: transparent;
	letter-spacing: .02em;
	border: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	transition: color .3s
}

.features-accordion__spollers_title[data-opened=true] {
	color: #fff
}

.features-accordion__spollers_title[data-opened=true]::after {
	transform: rotate(180deg);
	color: #fff
}

.features-accordion__spollers_title::after {
	content: "";
	width: 5.5rem;
	height: 5.5rem;
	display: block;
	background-color: currentColor;
	-webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M47 18L27.5 37L8 18' stroke='%233B5291' stroke-width='2'/%3e%3c/svg%3e ");
	mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M47 18L27.5 37L8 18' stroke='%233B5291' stroke-width='2'/%3e%3c/svg%3e ");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: .3s
}

.features-accordion__spollers_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: .3s
}

.features-accordion__spollers_bg img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.features-accordion__spollers_bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(197deg, rgba(33, 58, 127, .25)0, #213a7f 100%)
}

.features-accordion__spollers_body {
	margin-top: 2rem;
	opacity: 0;
	display: none;
	transition: opacity .5s cubic-bezier(.4, 0, .2, 1), color .3s;
	transition-behavior: allow-discrete
}

.features-accordion__spollers_body[data-opened=true] {
	display: block;
	opacity: 1;
	color: #fff
}

.features-accordion__spollers_body ul li:not(:last-child) {
	margin-bottom: 12px
}

.features-accordion__spollers_body ul li {
	list-style: none;
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 121%;
}

.features-accordion__spollers_body ul li::before {
	content: "—";
	margin-right: 8px
}

.history {
	padding: 8.8rem 0;
	overflow: hidden;
	position: relative
}

.history__pagination {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	position: relative !important;
	bottom: 0 !important;
	left: 0 !important;
	border-top: 1px solid #c1c1c1;
	margin-bottom: 4.6rem
}

.history__pagination span {
	font-weight: 400;
	font-size: 5rem;
	line-height: 110%;
	text-transform: uppercase;
	color: #c1c1c1;
	transition: color .3s !important;
	width: auto !important;
	height: auto !important;
	position: relative;
	padding-top: 3rem
}

.history__pagination span::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: .1rem;
	height: 2.5rem;
	background-color: currentColor
}

.history__item {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 6rem
}

.history__img {
	width: 57.7%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem
}

.history__img img {
	border-radius: 3.8rem;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.history__img img:only-child {
	grid-column: 1/-1
}

.history__desc {
	width: 37%;
	flex-grow: 1;
	padding: 3.35rem 0
}

.history__desc p,
.section-error .container p {
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 121%;
	color: #000
}

.history__desc .quote {
	margin-top: 3rem;
	color: var(--blue)
}

.video {
	padding: 8.2rem 0
}

.video__block {
	width: 100%;
	position: relative;
	height: 83.5rem
}

.video__block iframe,
.video__block video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 3.8rem
}

.header-row,
header,
header .container {
	height: 11rem
}

.section-error {
	padding: 6rem 0 22.7rem
}

.section-error .container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center
}

.section-error .container h1,
.section-error .container h2 {
	line-height: 106%;
	text-transform: uppercase;
	text-align: center;
	color: #2c2f80
}

.section-error .container h1 {
	font-family: var(--second-family);
	font-weight: 600;
	font-size: 18rem;
	margin-bottom: 1rem
}

.section-error .container h2 {
	font-weight: 400;
	font-size: 6rem
}

.section-error .container p {
	text-align: center;
	margin-top: 1.7rem
}

.section-error .error__block {
	position: relative;
	width: 100%
}

.section-error .error__block::after {
	content: "";
	position: absolute;
	top: 6.5rem;
	left: 0;
	width: 100%;
	height: calc(100% + 12.5rem);
	background: #f4faff;
	border-radius: 3.8rem;
	display: block;
	z-index: -1;
	pointer-events: none
}

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	transition: .3s;
	z-index: 100
}

header.header-hidden {
	transform: translateY(-100%)
}

.header-logo img {
	height: 7.8rem
}

.header-nav ul,
.header-row {
	display: flex;
	align-items: center
}

.header-row {
	justify-content: space-between
}

.header-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 4rem
}

.header-nav-item__link {
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 121%;
	color: var(--blue);
	text-decoration: none;
	transition: .3s
}

.header-nav-item__link.is-current {
	text-decoration: underline
}

.footer-nav-main a:hover,
.footer-nav-second a:hover,
.header-nav-item__link:hover {
	opacity: .7
}

.mobile-menu-trigger {
	background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 27H31.5556M9 19H38' stroke='%233B5291' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: transparent;
	border: 0;
	width: 4.6rem;
	height: 4.6rem;
	min-width: 4.6rem;
	min-height: 4.6rem;
	transition: .3s;
	position: relative;
	z-index: 3
}

html.is-mobile-menu {
	overflow: hidden;
	touch-action: none
}

footer .container {
	padding: 0 8rem
}

.footer-logo a,
.footer-row {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.footer-logo {
	width: 12.5rem
}

.footer-logo a {
	justify-content: center;
	width: 100%;
	height: 100%
}

.footer-logo img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	margin: 0 auto
}

.footer-social {
	display: flex;
	justify-content: flex-end;
	width: 20rem;
	gap: 1.8rem;
	height: 100%;
	padding-top: .9rem
}

.footer-social a {
	transition: .3s
}

.footer-nav-main,
.footer-nav-second {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0
}

.footer-nav-main {
	gap: 4.1rem;
	margin: 0 0 2.7rem
}

.footer-nav-main a,
.footer-nav-second a {
	font-family: var(--font-family);
	font-weight: 400;
	transition: .3s;
	text-decoration: none;
	letter-spacing: -.045em
}

.footer-nav-main a {
	font-size: 2.2rem;
	line-height: 1;
	color: var(--blue)
}

.footer-nav-second {
	gap: 3.7rem;
	margin: 0
}

.footer-nav-second a {
	font-size: 2rem;
	line-height: 160%;
	color: #5d5d5d
}

@media (min-width:481px) {
	.swiper--thumbs .swiper-slide {
		width: 70px !important;
		height: 70px !important
	}
}

@media (min-width:767.98px) {
	.color-cards-item {
		position: sticky;
		top: 3rem
	}

	.color-cards-item:not(:last-child) .color-cards-item-wrap {
		margin-bottom: 3rem
	}

	.color-cards-item .color-cards-item-img {
		display: none
	}
}

@media (min-width:767.98px) and (max-width:767.98px) {
	.color-cards-item {
		margin-bottom: 1rem
	}
}

@media (min-width:767.98px) and (max-width:992px) {
	.color-cards-item:not(:last-child) .color-cards-item-wrap {
		margin-bottom: 1rem
	}
}

@media (min-width:991.98px) {
	.product-block__slider {
		max-width: 78.5rem
	}

	.product-block__thumbs {
		max-width: 12.5rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		max-height: 78.4rem;
		padding: 2.1rem 0
	}

	.product-block__thumbs_slider {
		margin: 1rem 0
	}

	.product-block__desc {
		max-width: 81rem
	}

	.category {
		margin-top: -.8rem
	}

	.category__item:has(.category__body:nth-child(2)) {
		padding-left: 0;
		padding-right: 0
	}

	.category__item:has(.category__body:nth-child(2)) .category__body {
		justify-content: flex-end
	}

	.category__item:has(.category__body:nth-child(2)) .category__body::after {
		left: auto;
		right: 0
	}

	.category__item:has(.category__body:nth-child(2)) .category__desc {
		margin-right: -3rem
	}

	.category__list {
		max-width: 48rem
	}

	.history .section-action {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10;
		max-width: 68rem;
		width: 100%;
		padding: 3.35rem 0
	}

	.header-row>* {
		flex-grow: 1;
		flex-shrink: 1
	}

	.header-row .header-action,
	.header-row .header-logo {
		flex-basis: 20%
	}

	.header-row .header-nav {
		flex-basis: 60%
	}

	.header-nav ul {
		justify-content: center
	}

	.header-action {
		display: flex;
		justify-content: flex-end
	}
}

@media (min-width:991.98px) and (max-width:1024.98px) {
	.product-block__desc {
		max-width: 61rem
	}
}

@media (min-width:991.98px) and (min-width:1439.98px) {
	.category__item:has(.category__body:nth-child(2)) .category__body {
		padding-left: 0;
		padding-right: 5.5rem
	}
}

@media (min-width:992px) {
	.section.section-assortiment {
		padding-bottom: 6.7rem
	}

	.section.section--pt h1 {
		margin-top: 2.1rem;
		margin-bottom: 6.2rem
	}

	.section.section-news-detail {
		padding-bottom: 5rem
	}

	.section.section-news-detail h1 {
		margin: 2rem 0 2.3rem
	}

	.section.section-contact {
		padding-bottom: 6rem
	}

	.section.section-contact h1 {
		margin: 2.1rem 0 5rem
	}

	.section-slider.section-manufactures-slider {
		padding-top: 11.2rem;
		padding-bottom: 5.2rem
	}

	.section-slider.section-special-slider {
		padding-top: 11.2rem;
		padding-bottom: 8.2rem
	}

	.section-manufactures-slider .section-title,
	.section-special-slider .section-title {
		font-size: 7rem;
		letter-spacing: .015em
	}
}

@media (min-width:993px) {

	.header-mobile-button,
	.header-nav .button,
	.mobile-menu-trigger,
	.mobile-only,
	.mobile-tabs-wrapper .tab-arrow.tab-arrow--left,
	.mobile-tabs-wrapper .tab-arrow.tab-arrow--right,
	.section-hero .hero-slide-main .hero-slide__img--mobile,
	.swiper-pagination,
	.tab-trigger-select {
		display: none
	}

	.product-tab-button[data-opened=true] div {
		background: linear-gradient(220deg, rgba(33, 58, 127, 0)0, #213a7f 100%);
		color: #fff
	}

	.product-tab-button[data-opened=true] div span {
		color: #fff
	}

	.product-tab-button[data-opened=true] img {
		opacity: 1
	}
}

@media (min-width:1024px) {
	.form-field-action .button-filter {
		display: none
	}
}

@media (min-width:1025px) {
	.partners-list-block .swiper-pagination {
		display: none
	}

	.partners-list-block .swiper-wrapper {
		flex-wrap: wrap;
		gap: 1.8rem
	}

	.partners-list-block .swiper-wrapper .partners-teaser {
		width: calc((100% - 9rem)/ 6);
		height: auto;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 5.8rem 0;
		transition: .5s cubic-bezier(0, 0, .2, 1) !important
	}

	.partners-list-block .swiper-wrapper .partners-teaser img {
		width: 19.6rem;
		height: 8rem;
		-o-object-fit: contain;
		object-fit: contain
	}
}

@media (min-width:1439.98px) {
	.product-block__desc {
		padding-right: 4rem
	}

	.category__item {
		padding-right: 20px
	}

	.category__body {
		padding-right: 0;
		padding-left: 5.5rem
	}

	.category__desc {
		max-width: 61.2rem;
		margin-top: -3rem
	}
}

@media (max-width:1852px) {
	.footer-nav-second {
		gap: 2.5rem
	}

	.footer-nav-second a {
		font-size: 1.8rem
	}
}

@media screen and (max-width:1840px) {

	body,
	html {
		font-size: .5435vw
	}
}

@media (max-width:1300px) {
	.row[data-cols="5"] .col {
		width: calc(33.3333333333% - 24px)
	}
}

@media (max-width:1200px) {
	.form-row[data-cols="9"] .form-field {
		width: auto
	}

	.form-field-car-radio label {
		padding: 0 26px
	}
}

@media (max-width:1024px) {
	.container {
		padding: 0 2rem
	}

	.broadcasts__content,
	.row[data-cols="2"] .col {
		width: 100%
	}

	.row[data-cols="4"] .col {
		width: calc((100% - 26px)/ 2)
	}

	.row[data-cols="5"] .col {
		width: calc(50% - 30px);
		margin: 15px
	}

	.row[data-cols="5"] {
		margin: -15px
	}

	.row--sale[data-cols="2"] .col {
		width: calc((100% - 12px)/ 2)
	}

	.partners-list-block .swiper-wrapper .partners-teaser {
		padding: 4rem 0
	}

	.partners-list-block .swiper-wrapper .partners-teaser img {
		width: 19.6rem;
		height: 8rem;
		-o-object-fit: contain;
		object-fit: contain;
		margin: 0 auto
	}

	.register-block {
		border-radius: 3.2rem;
		padding: 4rem 2.8rem 0;
		gap: 2rem
	}

	.register-block__title {
		font-size: 2rem
	}

	.register-block__text {
		font-size: 1.6rem
	}

	.register-block__action .button {
		width: 100%;
		justify-content: space-between
	}

	.register-block__screen img {
		margin: 0 auto
	}

	.broadcasts__media {
		display: none
	}
}

@media screen and (max-width:1024px) {

	body,
	html {
		font-size: .65vw
	}
}

@media (max-width:1023px) {
	.page-error {
		padding-top: 80px
	}
}

@media (max-width:992px) {

	.header-nav-item__link,
	.product-tab-button div {
		font-family: var(--second-family);
		font-weight: 400;
		line-height: 1
	}

	body {
		padding-top: 6.6rem
	}

	.section-slider {
		padding: 3.2rem 0
	}

	.section-blocks {
		padding-top: 1rem;
		padding-bottom: 3rem
	}

	.section-top--mt {
		margin-bottom: 6rem
	}

	.section-top {
		margin-bottom: 2rem
	}

	.section-action {
		margin-top: 2rem;
		justify-content: center
	}

	.section-action .button {
		flex-grow: 1
	}

	.section-action .section-slider-nav {
		margin-top: 0
	}

	.section-main-title h1,
	.section-title {
		font-size: 3.8rem
	}

	.section-slider-nav {
		margin-top: 1rem;
		justify-content: center
	}

	.desktop-only,
	.form-row--filter-hide,
	.header-action,
	.header-nav,
	.product-tab-content-wrap__action,
	.section-hero .hero-slide-main .hero-slide__img--desktop,
	.section-hero .hero-slide-thumb,
	.section-hero .hero-slide-thumb-next,
	.section-hero .hero-slide-thumb-prev {
		display: none
	}

	.link,
	.special-item__title {
		font-size: 1.8rem
	}

	.tabs-nav-list--select {
		position: relative
	}

	.tabs-nav-list--select .tabs-nav-list__select {
		display: none;
		position: absolute;
		top: calc(100% + 1rem);
		left: 0;
		right: 0;
		background: #010101;
		z-index: 5
	}

	.tabs-nav-list--select .tabs-nav-list__select .tab-trigger {
		text-align: left
	}

	.tabs-nav-list--select.is-opened .tabs-nav-list__select {
		display: flex;
		flex-direction: column
	}

	.form-row[data-cols="4"] {
		gap: 32px
	}

	.form-row[data-cols="4"] .form-field {
		width: calc((100% - 32px)/ 2)
	}

	.contact-form {
		flex-wrap: wrap
	}

	.contact-form__media,
	.header-nav-item:last-child .button,
	.product-tabs__nav,
	.row[data-cols="1"] .col,
	.row[data-cols="3"] .col {
		width: 100%
	}

	.contact-form__form {
		width: 100%;
		text-align: center;
		padding: 40px 20px
	}

	.contact-form__form .form-text,
	.contact-form__form .form-title,
	.footer-nav-main li,
	.footer-nav-second li {
		text-align: center
	}

	.row[data-cols="3"] {
		gap: 16px
	}

	.product-tabs__nav .mobile-tabs-wrapper {
		width: 100%;
		display: flex;
		align-items: center
	}

	.product-tabs {
		flex-wrap: wrap
	}

	.product-tabs__content {
		width: 100%;
		padding-left: 0;
		max-width: 80rem;
		margin: 0 auto
	}

	.product-tab-button {
		border-radius: 1.8rem;
		padding: 2.2rem
	}

	.product-tab-button div {
		padding: 0;
		text-align: center;
		font-size: 2.6rem
	}

	.product-tab-button div span {
		font-size: 1.6rem;
		line-height: 1;
		color: var(--blue)
	}

	.product-tab-content {
		padding-top: 8rem
	}

	.product-tab-content__top-img {
		width: 19.6rem;
		height: 19.6rem;
		margin: 0
	}

	.product-tab-content-wrap {
		padding-right: 0;
		margin-top: 2.6rem
	}

	.product-tab-content-wrap__title {
		font-size: 3rem;
		margin-bottom: 1.4rem
	}

	.product-tab-content-wrap__text,
	.section-hero .hero-slide-main .hero-slide__subtitle {
		font-size: 1.6rem
	}

	.product-tab-circle {
		width: 24.2rem;
		height: 24.2rem;
		right: -10rem;
		top: 3rem
	}

	.product-tab-circle img {
		padding: 1.5rem
	}

	.manufactures-item__media img,
	.section-hero .hero-slide-main .hero-slide__img,
	.special-item__media img {
		border-radius: 2.4rem
	}

	.section-hero .hero-slide-main .hero-slide__text {
		left: 2rem;
		bottom: 4rem
	}

	.section-hero .hero-slide-main .hero-slide__title {
		font-size: 4.5rem
	}

	.mute-video {
		top: 2rem;
		right: 2rem;
		width: 3.8rem;
		height: 3.8rem
	}

	.manufactures-item__media {
		height: 24rem
	}

	.manufactures-item__content {
		border-radius: 2.4rem;
		padding: 3rem 3.4rem;
		margin-top: -5rem;
		min-height: calc(100% - 20rem)
	}

	.manufactures-item__content__title {
		font-size: 3rem
	}

	.manufactures-item__content__text,
	.special-item__date {
		font-size: 1.6rem
	}

	.special-item__media {
		height: 25rem
	}

	.section-blue:has(.feedback-block) {
		padding: 4rem 0
	}

	.feedback-block__title {
		font-size: 3.8rem;
		margin-bottom: 1.2rem
	}

	.feedback-block__text {
		font-size: 1.6rem;
		margin-bottom: 1.2rem
	}

	.feedback-block__link,
	.footer-logo,
	.footer-social {
		margin-bottom: 3rem
	}

	.header-row,
	body.is-mobile-menu header .container,
	header,
	header .container {
		height: 6.6rem
	}

	.header-logo img {
		height: 5.4rem
	}

	.header-nav {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding-top: 7.6rem
	}

	.header-nav ul {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 0 1.8rem;
		overflow: auto;
		max-height: calc(100dvh - 7.6rem)
	}

	.header-nav-item__link {
		font-size: 3rem;
		text-transform: uppercase;
		text-align: left;
		color: var(--white)
	}

	.header-nav-item {
		padding-bottom: 2rem;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
		width: 100%
	}

	.header-nav-item:last-child {
		border-bottom: none
	}

	body.is-mobile-menu .mobile-menu-trigger {
		background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.999 12.9999L33.5051 33.506M33.5059 13L12.9998 33.5061' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
	}

	body.is-mobile-menu header {
		bottom: 0;
		background: var(--blue);
		height: 100dvh
	}

	body.is-mobile-menu .header-nav {
		display: block
	}

	.footer-row {
		flex-direction: column;
		justify-content: center;
		align-items: center
	}

	.footer-logo {
		text-align: center;
		order: 1
	}

	.footer-social {
		width: 100%;
		order: 2;
		justify-content: center
	}

	.footer-nav {
		order: 3
	}

	.footer-nav-main {
		gap: 3rem
	}

	.footer-nav-main a,
	.footer-nav-second a {
		font-size: 1.8rem;
		text-align: center
	}

	.footer-nav-main,
	.footer-nav-second {
		flex-direction: column
	}
}

@media (max-width:991.98px) {

	.filter__row,
	.recipe__filter {
		pointer-events: none
	}

	.js-swiper-destroy-max .swiper-wrapper {
		flex-direction: column;
		gap: 3.6rem
	}

	.form .form-field-text {
		padding: 2rem
	}

	.form .form-field-text label,
	.popup__text,
	.product-block__part,
	.products__desc ul li {
		font-size: 1.6rem
	}

	.form-field-select::after,
	.hero-slide-main .swiper-button-next,
	.hero-slide-main .swiper-rtl .swiper-button-prev {
		right: 2rem
	}

	.popup {
		padding: 3rem
	}

	.category__title,
	.popup__title {
		font-size: 3rem
	}

	.popup__close {
		top: 1rem;
		right: 1rem;
		width: 5rem;
		height: 5rem
	}

	.hero-slide-main .swiper-button-prev,
	.hero-slide-main .swiper-rtl .swiper-button-next {
		left: 2rem
	}

	.hero-slide-main .swiper-button-next,
	.hero-slide-main .swiper-button-prev,
	.section-page-news-detail .swiper-button-next,
	.section-page-news-detail .swiper-button-prev {
		width: 4rem !important;
		min-width: 4rem;
		height: 4rem !important;
		min-height: 4rem
	}

	.hero-slide-main .swiper-button-next:after,
	.hero-slide-main .swiper-button-prev:after,
	.section-page-news-detail .swiper-button-next:after,
	.section-page-news-detail .swiper-button-prev:after {
		width: 4rem;
		min-width: 4rem;
		height: 4rem;
		min-height: 4rem
	}

	.product-block__wrapper {
		gap: 2rem;
		flex-direction: column
	}

	.product-block__picture {
		gap: 1rem;
		max-height: 100%;
		max-width: 100%;
		flex-direction: column-reverse;
		align-items: flex-start;
		justify-content: flex-start
	}

	.history__slider,
	.product-block__part_slider,
	.product-block__thumbs_slider {
		overflow: visible
	}

	.product-block__part_button-next,
	.product-block__part_button-prev,
	.product-block__thumbs_button-next,
	.product-block__thumbs_button-prev {
		display: none
	}

	.product-block__tabs .tabs__navigation {
		gap: 1rem
	}

	.product-block__tabs .tabs__title {
		font-size: 1.8rem;
		line-height: 130%;
		border-radius: 2rem
	}

	.product-block__tabs .tabs__content {
		padding-top: 2.7rem
	}

	.product-block__tabs .tabs__body {
		font-size: 1.6rem;
		color: #000
	}

	.product-block__tabs .tabs__body p {
		margin-top: 1rem
	}

	.product-block__list {
		margin-top: 2.7rem
	}

	.product-block__value ul {
		gap: 3rem
	}

	.product-block__value ul li span {
		font-size: 2.2rem;
		line-height: 110%;
		margin-bottom: .3rem
	}

	.product-block__tag ul {
		font-size: 1.4rem;
		margin-top: .3rem;
		gap: 1.2rem
	}

	.product-block__part h4 {
		font-size: 2.2rem
	}

	.product-block__row {
		flex-direction: column;
		align-items: flex-start;
		gap: 2rem;
		margin-top: 2.7rem
	}

	.recipe__img {
		padding-bottom: 77.78%
	}

	.recipe__desc {
		padding: 2rem 0 0
	}

	.products__desc h5,
	.recipe__desc h5 {
		font-size: 1.8rem;
		line-height: 130%
	}

	.filter__row {
		overflow-y: hidden;
		overflow-x: auto;
		padding: 50rem 2rem;
		margin: -50rem -2rem;
		justify-content: flex-start
	}

	.category__tabs .tabs__navigation::-webkit-scrollbar,
	.filter__row::-webkit-scrollbar {
		height: 0
	}

	.filter__item {
		min-width: 30rem
	}

	.filter__title {
		font-size: 1.8rem;
		padding: 1.6rem 2.5rem;
		white-space: none
	}

	.filter__title::after {
		width: 1.4rem;
		height: 1.4rem
	}

	.products__desc {
		padding: 2rem 0 0
	}

	.category__tabs {
		margin-top: 2.5rem
	}

	.category__tabs .tabs__navigation {
		justify-content: flex-start;
		gap: .8rem;
		overflow-y: hidden;
		overflow-x: auto;
		padding: 0 2rem;
		margin: 0-2rem
	}

	.category__tabs .tabs__title {
		white-space: nowrap;
		flex: 0 0 auto;
		font-size: 1.8rem;
		padding: 1rem 1.7rem
	}

	.category__tabs .tabs__content {
		padding-top: 2.6rem
	}

	.category__item {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		margin-bottom: 5rem
	}

	.category__img {
		max-width: 100%;
		order: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative
	}

	.category__img::after {
		max-width: 100%;
		max-height: 100%;
		height: calc(100% - 32px);
		border-radius: 2.4rem;
		top: 16px;
		transform: translateY(0);
		left: 0
	}

	.category__body {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		order: 1
	}

	.category__desc {
		order: 2;
		margin-top: .6rem
	}

	.category__subtitle {
		font-size: 1.8rem;
		margin-bottom: 1.7rem
	}

	.category__link {
		font-size: 1.8rem;
		margin-top: 1.7rem
	}

	.category__list {
		order: 2
	}

	.category__list_img {
		gap: 1.2rem;
		margin-bottom: 2.4rem
	}

	.category__list,
	.features-accordion__spollers_body ul li,
	.history__desc p,
	.section-error .container p {
		font-size: 1.6rem
	}

	.features-accordion,
	.history,
	.video {
		padding: 3rem 0
	}

	.features-accordion__spollers,
	.history__block {
		margin-top: 2rem
	}

	.features-accordion__spollers_item {
		border-radius: 2.4rem;
		padding: 2.5rem 2rem
	}

	.features-accordion__spollers_title {
		font-weight: 400;
		font-size: 2.6rem
	}

	.features-accordion__spollers_title::after {
		width: 3.3rem;
		height: 3.3rem
	}

	.features-accordion__spollers_body,
	.history__desc .quote {
		margin-top: 1.6rem
	}

	.history__pagination {
		width: auto !important;
		overflow-y: hidden;
		overflow-x: scroll;
		padding: 0 2rem;
		margin: 0-2rem 2rem;
		gap: 3rem
	}

	.history__pagination::-webkit-scrollbar {
		height: 0
	}

	@supports not selector(::-webkit-scrollbar) {

		.category__tabs .tabs__navigation,
		.filter__row,
		.history__pagination {
			scrollbar-width: none
		}
	}

	.history__pagination span {
		font-size: 2.8rem
	}

	.history__pagination span::before {
		height: 1.4rem
	}

	.history__item {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 2rem
	}

	.history__desc {
		width: 100%;
		padding: 0
	}

	.video__block {
		height: 57.8rem
	}

	.section-error {
		padding: 4rem 0 12.5rem
	}

	.section-error .container h1 {
		font-size: 12rem
	}

	.section-error .container h2 {
		font-size: 3.6rem
	}

	.section-error .error__block::after {
		height: calc(100% + 8rem)
	}
}

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

@media (max-width:767.98px) {

	.color-cards .color-cards__right,
	.color-cards-item__bottom-left-text br,
	.color-cards-item__bottom-right-text br,
	.color-cards-item__top-left-text br,
	.color-cards-item__top-right-text br {
		display: none
	}

	.color-cards-item {
		display: contents;
	}

	.color-cards .color-cards__left {
		width: 100%
	}

	.color-cards-item .color-cards-item-wrap {
		height: 31.1rem;
		border-radius: 2.4rem;
		padding: 3rem;
		margin-bottom: 1rem;
		position: sticky;
		top: 3rem;
	}

	.color-cards-item__bottom-left-text,
	.color-cards-item__bottom-right-text,
	.color-cards-item__top-left-text,
	.color-cards-item__top-right-text {
		font-size: 1.4rem
	}

	.color-cards-item__title-text {
		font-size: 3rem
	}

	.color-cards-item__subtitle-text {
		font-size: 1.6rem;
		margin-top: .5rem
	}

	.color-cards-item-img {
		margin-bottom: 1rem;
		height: 31.1rem;
		position: sticky;
		top: 3rem;
	}

	.color-cards-item-img img {
		border-radius: 2.4rem
	}

	.recipe__list {
		grid-template-columns: repeat(3, 1fr);
		gap: 3.6rem 2rem
	}

	.features-accordion h2,
	.history h2 {
		font-size: 3.6rem;
		text-align: left
	}

	.history__img {
		width: 100%;
		grid-template-columns: repeat(1, 1fr)
	}
}

@media (max-width:767px) {

	.news-date,
	h1 {
		text-align: left
	}

	h1 {
		font-size: 3.6rem;
		margin-top: 2.2rem;
		margin-bottom: 2.2rem
	}

	.breadcrumbs-item__link,
	.button.button-transparent,
	.button.button-white-transparent,
	.news-detail__text p {
		font-size: 1.6rem
	}

	.form-row {
		gap: 8px
	}

	.form-row .form-row[data-cols="2"] .form-field,
	.form-row[data-cols="2"] .form-field,
	.form-row[data-cols="4"] .form-field,
	.form-row[data-cols=custom-1-3] .form-field,
	.form-row[data-cols=custom-1-3] .form-field--long,
	.row--sale[data-cols="2"] .col,
	.two-col-block__left,
	.two-col-block__left--compact {
		width: 100%
	}

	.form-row .form-row,
	.form-row[data-cols="4"] {
		gap: 16px
	}

	.form-field label {
		margin-bottom: 6px
	}

	.form-field-action {
		margin-top: 16px
	}

	.form-field-action--custom .button {
		border-radius: 6px;
		max-width: calc(100% - 5px);
		width: calc(100% - 5px)
	}

	.row[data-cols="5"] .col {
		width: calc(100% - 30px)
	}

	.two-col-block {
		flex-direction: column;
		gap: 3.2rem
	}

	.two-col-block__right {
		width: 100%;
		padding-left: 0
	}

	.two-col-block__right--compact {
		width: 100%;
		padding-right: 0
	}

	.section--breadcrumbs {
		padding-top: 1.8rem
	}

	.breadcrumbs {
		justify-content: flex-start
	}

	.breadcrumbs-item {
		font-size: 1.6rem;
		gap: 1rem
	}

	.breadcrumbs-item:before {
		margin-left: 1rem
	}

	.page-error__title {
		font-size: 180px
	}

	.page-error__title:after {
		width: 146px
	}

	.assortiment-list {
		gap: 1rem
	}

	.assortiment-list-row {
		flex-direction: column;
		gap: 1rem
	}

	.assortiment-list-row:nth-child(2n) {
		flex-direction: column
	}

	.assortiment-item {
		width: 100%;
		min-height: 31.2rem;
		gap: 1rem
	}

	.assortiment-item--image img {
		border-radius: 2.4rem
	}

	.assortiment-item--color {
		border-radius: 2.4rem;
		padding: 2.6rem 1rem 1rem
	}

	.assortiment-item__action {
		margin-top: auto;
		width: 100%;
		padding-top: 1.8rem
	}

	.assortiment-item__action .button {
		width: 100%
	}

	.assortiment-item__title {
		font-size: 3rem
	}

	.assortiment-item__text {
		font-size: 1.6rem;
		line-height: 1.2
	}

	.section-page-news .swiper-wrapper {
		flex-direction: column;
		gap: 3.6rem
	}

	.news-date {
		font-size: 1.6rem
	}

	.section-page-news-detail .swiper {
		margin: 2rem auto
	}

	.section-page-news-detail .swiper-slide {
		padding: 0
	}

	.news-detail-img img {
		height: 38.6rem
	}

	.news-detail__title {
		font-size: 2.2rem;
		margin-bottom: 1.6rem
	}

	.news-detail__text {
		font-size: 1.6rem;
		gap: 1rem
	}

	.contacts-page__map {
		height: 51rem
	}

	.contacts-page__info {
		position: static;
		width: 100%;
		padding: 0;
		border-radius: 0
	}

	.contacts-page {
		display: flex;
		flex-direction: column;
		gap: 3rem
	}

	.contact-block__title {
		font-size: 1.8rem
	}

	.contact-block__value,
	.contact-block__value a {
		font-size: 2.2rem
	}
}

@media screen and (max-width:767px) {

	body,
	html {
		font-size: 1.1vw
	}
}

@media (max-width:600px) {
	.form-city-list {
		-moz-columns: 2;
		columns: 2
	}
}

@media (max-width:539.98px) {
	.recipe__list {
		grid-template-columns: repeat(2, 1fr)
	}

	.category__img img {
		max-width: 21.2rem
	}
}

@media (max-width:479.98px) {
	.recipe__list {
		grid-template-columns: repeat(1, 1fr)
	}
}

@media screen and (max-width:449px) {

	body,
	html {
		font-size: 1.55vw
	}
}

@media (max-width:400px) {
	.form-city-list {
		-moz-columns: 1;
		columns: 1
	}

	.page-error {
		padding-left: 20px;
		padding-right: 20px
	}

	.page-error__title {
		font-size: 100px
	}

	.page-error__title:after {
		width: 86px
	}

	.page-error__sub-title,
	.page-error__text {
		font-weight: 700;
		font-size: 18px;
		text-align: center;
		color: #000
	}

	.page-error__text {
		font-weight: 400;
		font-size: 14px;
		line-height: 1.5
	}
}

@media screen and (max-width:400px) {

	body,
	html {
		font-size: 2.5vw
	}
}

/* ==================================================================================================================================================== */
.hero-slide {
	position: relative;
	border-radius: 3.8rem;
	overflow: hidden;
}

.hero-slide.loading::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
}

.hero-slide.loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	border: 4px solid white;
	border-top-color: transparent;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	z-index: 2;
}

@keyframes spin {
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}


.hero-slide__erid {
	bottom: 1.4rem;
	right: 1.4rem;
	position: absolute;
	z-index: 10;
}

@media (max-width:991.98px) {
	.hero-slide__erid {
		bottom: 1rem;
		right: 1rem;
	}
}

@media (max-width:991.98px) {
	.hero-slide__erid:hover .hero-slide__erid_body {
		opacity: 1;
		visibility: visible;
	}
}

.hero-slide__erid_icon {
	width: 4rem;
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (min-width:991.98px) {
	.hero-slide__erid_icon {
		display: none;
	}
}

.hero-slide__erid_body {
	font-weight: 400;
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 0%;
	padding: 1.4rem 1.7rem;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 1rem;
	max-width: 38rem;
	width: 100%;
	color: #fff;
}


@media (max-width:991.98px) {
	.hero-slide__erid_body {
		position: absolute;
		width: 23.5rem;
		font-weight: 400;
		font-size: 8px;
		line-height: 141%;
		letter-spacing: 0%;
		right: calc(100% + 0.6rem);
		bottom: 0;
		padding: 0.7rem 1.4rem;
		border-radius: 1.4rem;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease 0s;
	}
}