/**
 * Theme Name:  Catalog
 * Author:      DIRWEB
 * Version:     2.0
 */


@charset "UTF-8";

:root {
	--font-family: PT, sans-serif;
	--sec-font-family: Akrobat, sans-serif;
	--content-width: 1224px;
	--container-offset: 28px;
	--container-width: calc(var(--content-width) + (var(--container-offset) * 2));
	--corner-size: 14px;
	--radius: 20px;
	--b-radius-8: 8px;
	--color-white: #ffffff;
	--main-color: #1a73b7;
	--sec-color: #1a73b7;
	--color-blue: #f2f9ff;
	--color-secondary: #4a4e55;
	--color-gray: #f9f9f9;
	--color-black: #201E1F;
	--border-color: #f1dee6;
	--transition-normal: all 0.3s ease 0s;
	--gradient-1: linear-gradient(160deg, #6d3795 1.57%, #f08482 99.48%);
	--bg-pattern: url(/wp-content/uploads/main-pattern.svg);
}

@font-face {
	font-family: Akrobat;
	src: url('/wp-content/themes/catalog/fonts/Akrobat-ExtraBold.otf');
	src: url('/wp-content/themes/catalog/fonts/Akrobat-ExtraBold.otf?#iefix') format('opentype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'PT';
	src: url('/wp-content/themes/catalog/fonts/PT-Light.eot');
	src:
		url('/wp-content/themes/catalog/fonts/PT-Light.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/catalog/fonts/PT-Light.woff') format('woff'),
		url('/wp-content/themes/catalog/fonts/PT-Light.woff2') format('woff2'),
		url('/wp-content/themes/catalog/fonts/PT-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'PT';
	src: url('/wp-content/themes/catalog/fonts/PT-Regular.eot');
	src:
		url('/wp-content/themes/catalog/fonts/PT-Regular.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/catalog/fonts/PT-Regular.woff') format('woff'),
		url('/wp-content/themes/catalog/fonts/PT-Regular.woff2') format('woff2'),
		url('/wp-content/themes/catalog/fonts/PT-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'PT';
	src: url('/wp-content/themes/catalog/fonts/PT-Medium.eot');
	src:
		url('/wp-content/themes/catalog/fonts/PT-Medium.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/catalog/fonts/PT-Medium.woff') format('woff'),
		url('/wp-content/themes/catalog/fonts/PT-Medium.woff2') format('woff2'),
		url('/wp-content/themes/catalog/fonts/PT-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'PT';
	src: url('/wp-content/themes/catalog/fonts/PT-Bold.eot');
	src:
		url('/wp-content/themes/catalog/fonts/PT-Bold.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/catalog/fonts/PT-Bold.woff') format('woff'),
		url('/wp-content/themes/catalog/fonts/PT-Bold.woff2') format('woff2'),
		url('/wp-content/themes/catalog/fonts/PT-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

* {
	padding: 0;
	margin: 0;
	border: 0;
}

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

:active,
:focus {
	outline: 0;
}

::-webkit-scrollbar {
	width: 8px
}

::-webkit-scrollbar-thumb {
	background: var(--main-color);
	border-radius: 0
}

::-webkit-scrollbar-track-piece {
	background: #f8f8f8;
}

@media screen and (max-width: 767px) {
	::-webkit-scrollbar {
		width: 4px
	}

	::-webkit-scrollbar-thumb {
		background: var(--main-color);
		border-radius: 0
	}

	::-webkit-scrollbar-track-piece {
		background: #f8f8f8;
	}
}

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

aside,
footer,
header,
nav {
	display: block;
}

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

html {
	scroll-behavior: smooth;
	scroll-padding-top: 8rem;
	background: #ffffff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html::-webkit-scrollbar {
	width: 7px;
	height: 5px;
}



html::-webkit-scrollbar-button:end:increment,
html::-webkit-scrollbar-button:start:decrement {
	display: block;
	height: 0;
	background-color: transparent;
}

html::-webkit-scrollbar-track-piece {
	border-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

html::-webkit-scrollbar-thumb:vertical {
	height: 50px;
	background-color: var(--accent-color);
	border-radius: 0;
}

html::-webkit-scrollbar-thumb:horizontal {
	width: 50px;
	background-color: var(--accent-color);
	border-radius: 0;
}

html::-webkit-scrollbar-track {
	background-color: none;
}

body {
	font-weight: 400;
	font-family: var(--font-family), sans-serif;
	font-size: 16px;
	line-height: 1.3;
	color: var(--color-black);
	background-color: #fff;
	transition: opacity .25s;
}

body.loading {
	opacity: 0;
}

body.lock,
body.fancybox-active {
	overflow: hidden;
}

button,
input,
textarea {
	font-family: inherit;
}

input::-ms-clear {
	display: none;
}

button {
	cursor: pointer;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.button {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	padding: 0 20px;
	max-width: 100%;
	min-width: 44px;
	user-select: none;
	background-color: var(--main-color);
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	white-space: nowrap;
}

@media ((hover: hover) and (pointer: fine)) {
	.button:hover {
		background-color: #e48b26;
		color: #ffffff;
	}
}

.button--xl {
	font-size: 14px;
	min-height: 56px;
	min-width: 56px;
}

.button--lg {
	font-size: 16px;
	font-weight: 500;
	padding: 19px 36px 19px;
}

.button--md {
	font-size: 16px;
	font-weight: 500;
	padding: 16px 31px 16px;
}

.button--xs {
	font-size: 14px;
	font-weight: 500;
	padding: 14px 24px 14px;
}

.button--invert {
	background-color: var(--color-white);
	color: var(--main-color);
}

@media ((hover: hover) and (pointer: fine)) {
	.button--invert:hover {
		background-color: #e48b26;
		color: var(--color-white);
	}
}

.button--outline {
	border: 2px solid var(--main-color);
	background-color: transparent;
	color: var(--main-color);
}

.button--outline:hover {
	background-color: var(--main-color);
	color: var(--color-white);
}

.button--outline-light {
	border: 2px solid var(--color-white);
	background-color: transparent;
	color: var(--color-white);
}

.button--outline-light:hover {
	background-color: var(--main-color);
	color: var(--color-white);
}

@media screen and (max-width: 1023.98px) {
	.button {
		min-width: 48px;
		min-height: 48px;
		padding: 0 16px;
		font-size: 14px;
	}

	.button--default {
		min-width: 44px;
		min-height: 44px;
	}
}

.button-simple {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 1;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1;
	white-space: nowrap;
	padding: 6px 0 6px 1px;
	max-width: 100%;
	color: var(--color-black);
	border-bottom: 2px solid var(--main-color);
	transition: 0.4s;
	overflow: hidden;
}

.button-simple svg {
	width: 20px;
	height: 24px;
	line-height: 1;
	position: relative;
	font-weight: normal;
	margin-left: 16px;
	transition: transform 0.4s;
	letter-spacing: 0;
	fill: var(--main-color);
	overflow: hidden;
}

.button-simple:hover svg {
	transform: translateX(150%);
}

.button--color {
	background-color: #e48b26;
}

.button-more {
	position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none;
	border: 0;
	vertical-align: middle;
	text-decoration: none;
	background: transparent;
	padding: 0;
	font-size: inherit;
	font-family: inherit;
}

.button-more {
	width: 14rem;
	height: auto;
}

.button-more .circle {
	transition: all 0.45s cubic-bezier(0.65, 0, .076, 1);
	position: relative;
	display: block;
	margin: 0;
	width: 3rem;
	height: 3rem;
	border: 2px solid var(--main-color);
	border-radius: 4px;
	background-repeat: no-repeat;
	color: var(--color-white);
}

.button-more .circle .icon {
	transition: all 0.45s cubic-bezier(0.65, 0, .076, 1);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background: var(--color-white);
}

.button-more .circle .icon.arrow {
	transition: all 0.45s cubic-bezier(0.65, 0, .076, 1);
	left: 0.625rem;
	width: 1.125rem;
	height: 0.125rem;
	background: none;
}

.button-more .circle .icon.arrow::before {
	position: absolute;
	content: '';
	top: -0.25rem;
	right: 0.0625rem;
	width: 0.625rem;
	height: 0.625rem;
	border-top: 0.125rem solid var(--main-color);
	border-right: 0.125rem solid var(--main-color);
	transform: rotate(45deg);
}

.button-more .button-text {
	transition: all 0.45s cubic-bezier(0.65, 0, .076, 1);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.75rem 0;
	margin: 0 0 0 3rem;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
}

.button-more:hover .circle {
	width: 100%;
}

.button-more:hover .circle .icon.arrow {
	background: var(--main-color);
	transform: translate(0.5rem, 0);
}

.button-more:hover .button-text {
	color: var(--main-color);
}



.form-inputs-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 32px;
}

@media screen and (max-width: 992px) {
	.form-inputs-grid {
		grid-template-columns: auto;
	}
}

.form-input,
.form-textarea {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	position: relative;
	border: 1px solid #999999;
	border-radius: 4px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	width: 100%;
}

.form-input,
.form-input input {
	background-color: transparent;
}

.form-input input {
	background: #ffffff;
	border-radius: 6px;
	border: none;
	font-size: 16px;
	padding: 18px 30px;
	width: 100%;
}

.form-input label,
.form-textarea label {
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	position: absolute;
	top: 50%;
	left: 30px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 160%;
	color: #828a99;
	-o-text-overflow: clip;
	text-overflow: clip;
	cursor: text;
	pointer-events: none;
}

.form-textarea label {
	top: 25%;
}

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

	.form-input label,
	.form-textarea label {
		font-size: 14px;
	}
}

.form-input:focus-within,
.form-textarea:focus-within {
	border-color: var(--main-color);
}

.form-input.input--filled label,
.form-input input:focus+label,
.form-textarea.input--filled label,
.form-textarea textarea:focus+label {
	font-size: 14px;
	line-height: 1;
	background: #f8f8f8;
	padding: 10px;
	top: 0;
	left: 20px;
	border-radius: 6px;
}

.card-order .form-input.input--filled label,
.card-order .form-input input:focus+label {
	background: #ffffff;
}

.form-input span.error,
.form-textarea span.error,
.form-col span.error {
	position: absolute;
	padding: 0;
	color: red;
	font-size: 12px;
	top: auto;
	bottom: -20px;
	line-height: 1;
	left: 30px;
}

.form-textarea textarea {
	font-size: 16px;
	padding: 18px 30px;
	width: 100%;
	height: 100%;
	min-height: 100px;
	border-radius: 6px;
}



.form-select {
	position: relative;
	display: flex;
	width: 100%;
	height: 56px;
	line-height: 3;
	background: #ffffff;
	padding: 0 30px;
	border: 1px solid #999999;
	border-radius: 4px;
}

.select-hidden {
	display: none;
	visibility: hidden;
	padding-right: 10px;
}

.select {
	cursor: pointer;
	display: inline-block;
	position: relative;
	color: #818181;
	font-size: 16px;
	font-weight: 400;
	width: 100%;
	height: 100%;
}

.select-styled {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.select-styled:after {
	position: absolute;
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	top: 50%;
	right: -10px;
	border-bottom: 2px solid var(--main-color);
	border-right: 2px solid var(--main-color);
	-webkit-transform: rotate(45deg) translateY(-50%);
	-ms-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.select-styled:active:after,
.select-styled.active:after {
	top: 9px;
	border-color: transparent transparent #fff transparent;
}

.select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	padding: 0;
	margin: 10px -31px;
	border-radius: 6px;
	overflow: hidden;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #999999;
}

.select-options li {
	margin: 0;
	padding: 0;
	text-indent: 15px;
	border-top: 1px solid #f7f7f7;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.select-options li:nth-child(1) {
	display: none;
}

.select-options li:hover,
.select-options li.is-selected {
	color: var(--main-color);
	background: #fff;
}

.select-options li[rel=""] {
	display: none;
}

a {
	color: var(--accent-color);
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

ul li {
	list-style: none;
}

img {
	vertical-align: top;
	width: 100%;
	height: auto;
}

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

dl,
ol,
ul {
	margin-top: 0;
	margin-bottom: 0;
}

p {
	margin-bottom: 10px;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}

th,
td {
	padding: 12px;
	text-align: left;
	border: 1px solid #b7deff;
}

th {
	background-color: var(--main-color);
	color: var(--color-white);
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li {
	margin-bottom: 5px;
}

tr:nth-child(even) {
	background-color: #f9fcff;
}

.breadcrumbs {
	font-size: 14px;
	padding-bottom: 3px;
}

@media screen and (max-width: 1023.98px) {
	.breadcrumbs {
		padding: 16px 0;
	}
}

.breadcrumbs__separator {
	display: inline-flex;
	position: relative;
	font-size: 12px;
	margin: 0 8px;
	transform: translateY(-2px);
}

.breadcrumbs::-webkit-scrollbar {
	width: 100%;
	height: 2px;
	background: none;
}

.breadcrumbs::-webkit-scrollbar-thumb {
	background: #d4e2ff;
}

.breadcrumbs::-webkit-scrollbar-track-piece {
	background: #EEF0F3;
	margin: 0;
	cursor: pointer;
}

@media(min-width:992px) {
	.breadcrumbs {
		padding: 32px 0 56px;
	}
}

.breadcrumbs__link {
	color: var(--main-color);
}

.breadcrumbs__current {
	color: var(--color-secondary);
}

.container {
	max-width: var(--container-width);
	padding: 0 28px;
	margin: 0 auto;
}

@media screen and (max-width: 1023.98px) {
	.container {
		padding: 0 20px;
	}
}

@media screen and (max-width: 1023.98px) {
	.scroll-list {
		padding-bottom: 30px;
	}

	.scroll-list::-webkit-scrollbar {
		width: 100%;
		height: 3px;
		background: none;
		border-radius: 3px
	}

	.scroll-list::-webkit-scrollbar-thumb {
		background: var(--main-color);
	}

	.scroll-list::-webkit-scrollbar-track-piece {
		background: #EEF0F3;
		margin: 0;
		cursor: pointer;
	}
}

.search-wrap {
	display: flex;
	align-items: center;
	flex: none;
	transition: all ease .5s;
	width: 24px;
	overflow: hidden;
	min-height: 100%;
	position: relative;
}

@media(min-width:768px) {
	.search-active .search-wrap {
		width: calc(100% - 50px);
	}
}

@media(min-width:1024px) {
	.search-wrap::after {
		content: "";
		bottom: 0;
		height: 0;
		background-color: var(--main-color);
		position: absolute;
		width: 100%;
		transition: height .25s 0s;
	}
}

.search-active .search-wrap::after {
	height: 2px;
	transition-delay: 1s;
}

.search {
	cursor: pointer;
}

.search-panel {
	flex: auto;
	min-width: 0;
	position: relative;
	height: 100%;
	opacity: 0;
	transition: opacity .25s 0s;
}

@media(min-width:992px) and (max-width:1260px) {
	.search-panel {
		max-width: 400px;
	}
}

@media screen and (max-width: 1023.98px) {
	.search-panel {
		padding: 10px 20px;
		background: #f9f9f9;
		position: absolute;
		top: 100%;
		margin: 0 auto;
		z-index: 2;
		transform: translateY(-150%);
		width: 100%;
		height: fit-content;
		opacity: 0;
		visibility: hidden;
		transition: all ease .5s;
	}

	.search-panel.is-opened {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}
}

.search-active .search-panel {
	opacity: 1;
	transition-delay: .75s;
}

.search-panel__section {
	padding: 64px 0 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.search-panel__inner {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.search-panel__items {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
}

.search-panel__item {
	min-width: 100%;
}

.search-panel__logo {
	max-width: 160px;
}

.search-panel__item--center {
	-ms-flex: 1 1;
	-webkit-box-flex: 1;
	flex: 1 1;
}

.search-panel__item--right {
	position: relative;
}

.search-panel__search {
	margin-bottom: 36px;
}

.search-panel__search-title {
	font-family: var(--sec-font-family);
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	text-transform: uppercase;
	line-height: 1.2;
	color: var(--color-black);
	margin-bottom: 32px;
	font-weight: 600;
}

.search-panel__search-body {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	width: 100%;
	border-radius: 4px;
}

.search-panel__search-body input {
	-ms-flex: 1 1;
	-webkit-box-flex: 1;
	flex: 1 1;
	border: none;
	outline: none;
	padding: 0 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 65px;
	background: none;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
}

@media screen and (max-width: 767px) {
	.search-panel__search-body input {
		height: 48px;
		border: 1px solid var(--main-color);
		border-radius: 6px;
	}
}

.search-panel__search-body input:placeholder {
	color: #000000;
	font-size: 16px;
}

.search-panel__search-body span {
	position: absolute;
	right: 20px;
	top: 17px;
	background: none;
	border: none;
	padding: 0;
}

.search-panel__search-body button .svg-icon {
	width: 24px;
	height: 24px;
	min-width: 24px;
	min-height: 24px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	fill: #0c1428;
}

.search-panel__search-body .svg-icon {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	--fill: var(--main-color);
	display: inline-flex;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--fill, black);
	mask: var(--icon) no-repeat center / contain;
	-webkit-mask: var(--icon) no-repeat center / contain;
	transition: background-color 0.3s ease;
}

.search-panel__search-body .svg-icon--search {
	--icon: url(../catalog/assets/svg-sprite.svg#search-icon);
}

@media screen and (max-width: 991px) {
	.search-panel__search-body .svg-icon--search {
		display: none;
	}
}

.search-panel__search-body .svg-icon--close {
	right: 0px;
	--icon: url(../catalog/assets/svg-sprite.svg#close-icon);
	width: 18px;
	height: 18px;
}

.search-panel__close {
	position: absolute;
	right: 0;
	top: -40px;
}

@media(min-width:768px) {
	.search-panel__search-body .svg-icon--close {
		display: none;
	}
}

.search-panel__close .svg-icon {
	width: 22px;
	height: 22px;
	min-width: 22px;
	min-height: 22px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	fill: var(--color-black);
	cursor: pointer;
}

.svg-icon--nav-close:hover {
	fill: var(--main-color);
}

.search-panel__result {
	position: absolute;
	width: 100%;
	background: #ffffff;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
}

.search-panel__result-list {
	padding: 24px;
	max-height: 360px;
	overflow-y: scroll;
}

.search-panel__result-item {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	flx-wrap: wrap;
	-ms-flex-align: start;
	-webkit-box-align: start;
	align-items: flex-start;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f6f6f6;
}

.search-panel__result-item:last-child {
	margin-bottom: 0;
	color: var(--color-black);
	font-weight: 400;
	font-size: 14px;
	padding-bottom: 0;
	border: none;
}

.search-panel__item-pic {
	min-width: 80px;
	margin-right: 20px;
	font-size: 0;
	line-height: 0;
}

.search-panel__item-pic img {
	height: 80px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top;
	max-width: 80px;
	width: 100%;
}

.search-panel__item-body {
	-ms-flex: 1 1;
	-webkit-box-flex: 1;
	flex: 1 1;
}

.search-panel__item-title {
	font-family: var(--sec-font-family);
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	position: relative;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	font-size: 20px;
	margin-right: auto;
}

@media screen and (max-width: 767px) {
	.search-panel__item-title {
		font-size: 16px;
		line-height: 20px;
	}
}

.search-panel__item-model {
	font-size: 12px;
	color: #999999;
}

.search-panel__item-title:hover {
	color: var(--main-color);
}

.search-panel__item-desc {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-black);
	margin-bottom: 12px;
}

.search-panel__item-link {
	color: var(--main-sec-color);
}

.search-panel__item-link a {
	font-size: 16px;
	color: var(--main-color);
	line-height: 18px;
	font-weight: 500;
}

.search-panel__item-link a:hover {
	color: var(--color-black);
}

.search-panel__all-results {
	background: var(--main-color);
	padding: 14px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 14px;
}

.search-panel__options-item {
	margin-bottom: 36px;
}

.search-panel__options-item:last-child {
	margin-bottom: 0;
}

.search-panel__options-name {
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 12px;
}

.search-panel__options-desk {
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 12px;
}

.search-panel__options-link a {
	font-size: 12px;
	line-height: 16px;
}

.search-panel__no-result {
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 24px;
	letter-spacing: -0.01em;
	color: #fff;
}

.search__btn {
	cursor: pointer;
	width: 24px;
	height: 24px;
}

.search__btn-icon {
	--icon: url(../catalog/assets/svg-sprite.svg#search-icon);
	--fill: var(--main-color);
	display: inline-flex;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--fill, black);
	mask: var(--icon) no-repeat center / contain;
	-webkit-mask: var(--icon) no-repeat center / contain;
	transition: background-color 0.3s ease;
}

.search:hover .svg-icon {
	fill: var(--main-color);
}


.search-panel__result-list::-webkit-scrollbar {
	width: 4px;
	height: 5px
}

.search-panel__result-list::-webkit-scrollbar-button:end:increment,
.search-panel__result-list::-webkit-scrollbar-button:start:decrement {
	display: block;
	height: 0;
	background-color: transparent
}

.search-panel__result-list::-webkit-scrollbar-track-piece {
	border-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.search-panel__result-list::-webkit-scrollbar-thumb:vertical {
	height: 50px;
	background-color: var(--main-color);
	border-radius: 0
}


.wrapper {
	position: relative;
	width: 100%;
	min-height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

/*.header {
	margin-bottom: -100px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 8;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: #FFFFFF;
	box-shadow: 8px 9px 18px 0px rgba(0, 0, 0, 0.08);
	background-color: #FFFFFF33;
	transition: transform .5s cubic-bezier(.215, .61, .355, 1), box-shadow .5s cubic-bezier(.215, .61, .355, 1);
}*/

.header {
	background: var(--color-blue);
	position: absolute;
	width: 100%;
	z-index: 999;
	top: 0;
}

@media screen and (max-width: 1023.98px) {
	.header {
		position: fixed;
		width: 100%;
		z-index: 99;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 72px;
	}

	.header:before {
		content: "";
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		border-radius: 50%;
		position: absolute;
		z-index: 2;
		top: -100%;
		left: -100%;
	}

	@media (prefers-reduced-motion: no-preference) {
		.header::before {
			will-change: width, height;
			-webkit-transition: width .25s cubic-bezier(0.04, -0.1, 0.29, 0.98), height .25s cubic-bezier(0.04, -0.1, 0.29, 0.98), -webkit-transform .25s cubic-bezier(0.04, -0.1, 0.29, 0.98);
			transition: width .25s cubic-bezier(0.04, -0.1, 0.29, 0.98), height .25s cubic-bezier(0.04, -0.1, 0.29, 0.98), -webkit-transform .25s cubic-bezier(0.04, -0.1, 0.29, 0.98);
			-o-transition: transform .25s cubic-bezier(0.04, -0.1, 0.29, 0.98), width .25s cubic-bezier(0.04, -0.1, 0.29, 0.98), height .25s cubic-bezier(0.04, -0.1, 0.29, 0.98);
			transition: transform .25s cubic-bezier(0.04, -0.1, 0.29, 0.98), width .25s cubic-bezier(0.04, -0.1, 0.29, 0.98), height .25s cubic-bezier(0.04, -0.1, 0.29, 0.98);
			transition: transform .25s cubic-bezier(0.04, -0.1, 0.29, 0.98), width .25s cubic-bezier(0.04, -0.1, 0.29, 0.98), height .25s cubic-bezier(0.04, -0.1, 0.29, 0.98), -webkit-transform .25s cubic-bezier(0.04, -0.1, 0.29, 0.98);
		}
	}

	@media screen and (max-width: 1023.98px) {
		.header:after {
			position: absolute;
			opacity: 0;
			visibility: hidden;
			z-index: 3;
			top: 72px;
			content: "";
			width: 100%;
			height: 1px;
			border-bottom: 1px solid rgba(32, 30, 31, .2);
			transition: all ease .5s;
		}

		.header.menu-open:after {
			opacity: 1;
			visibility: visible;
		}
	}


	.header.menu-open::before {
		inline-size: 100vmax;
		block-size: 100vmax;
		-webkit-transform: translate3d(-50vh, -50vh, 0) scale(5);
		transform: translate3d(-50vh, -50vh, 0) scale(5);
	}

	@media (prefers-reduced-motion: no-preference) {
		.header.menu-open::before {
			-webkit-transition-duration: 0.6s;
			-o-transition-duration: 0.6s;
			transition-duration: 0.6s;
		}
	}
}


/*.scroll .header {
	position: fixed;
	background: #ffffff;
	box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
}

@media(min-width:1024px) {
	.scroll .header {
		top: -82px;
	}
}*/

.header__container {
	margin-top: 0px;
	padding: 0 15px;
}

@media screen and (max-width: 1023.98px) {
	.header-top__container {
		padding-right: 0;
	}
}

.header-top__wrapper {
	display: grid;
	grid-gap: 0 24px;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	padding: 10px 0 15px;
}

@media screen and (max-width: 1023.98px) {
	.header-top__wrapper {
		grid-gap: 0;
		padding: 0;
		border: none;
	}
}

.header__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	display: block;
	position: relative;
	z-index: 5;
}

.logo {
	display: flex;
}

.header__logo img {
	width: 220px;
	height: auto;
}

@media screen and (max-width: 1023.98px) {
	.header__logo img {
		width: 100%;
		max-width: 200px;
		height: auto;
	}
}

.header__logo-title {
	position: relative;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: .03em;
	padding: 0 0 0 14px;
	margin: 0 0 0 14px;
	box-sizing: border-box;
	max-width: 196px;
	display: flex;
	align-items: center;
}

@media(max-width:1170px) {
	.header__logo-title {
		display: none;
	}
}

.header__logo-title:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 40px;
	top: calc(50% - 20px);
	left: 0;
	background: var(--main-color);
}

@media screen and (max-width: 1023.98px) {
	.header__logo-title {
		display: none;
	}
}

@media screen and (max-width: 1023.98px) {
	.header__action {
		display: none;
	}
}

.quick-order-btn {
	width: fit-content;
}

.header__contacts {
	display: flex;
	align-items: center;
}

.header-contacts__phone {
	display: flex;
}

.contacts-action {
	display: block;
}

@media(min-width:992px) {
	.contacts-action {
		display: none;
	}
}

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

	.header-contacts__phone,
	.header-contacts__email {
		display: none;
	}
}

.header-contacts__link {
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
}

@media(min-width:1024px) {
	.header-contacts__link {
		padding: 10px 20px;
	}

	.header-contacts__link:after {
		content: "";
		position: absolute;
		width: 1px;
		height: 44px;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		background: #dddddd;
	}
}

.header-phone__icon,
.header-email__icon {
	position: relative;
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

.header-phone-icon,
.header-email-icon {
	--fill: #e48b26;
	display: inline-flex;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--fill, black);
	mask: var(--icon) no-repeat center / contain;
	-webkit-mask: var(--icon) no-repeat center / contain;
	transition: background-color 0.3s ease;
}

.header-phone-icon {
	--icon: url(../catalog/assets/svg-sprite.svg#phone-dark-icon);
}

.header-email-icon {
	--icon: url(../catalog/assets/svg-sprite.svg#envelope-icon);
}

.header-email__link {
	display: block;
	font-family: var(--sec-font-family);
	font-size: 18px;
	line-height: 1;
	text-transform: uppercase;
	color: var(--color-black);
	white-space: nowrap;
}

.header-phone__value span,
.header-email__value {
	font-family: var(--sec-font-family);
	font-size: 22px;
	color: #2a2a2a;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

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

	.header-phone__value span,
	.header-email__value,
	.header-contacts__phone-online,
	.header-contacts__phone {
		display: none;
	}
}

.header-contacts__phone-online {
	display: flex;
	align-items: baseline;
}

.online {
	display: inline-block;
	width: 7px;
	height: 7px;
	background-color: #d0e3ec;
	border-radius: 50%;
	position: relative;
	margin-right: 4px;
	animation: blink 1.5s infinite;
}

@keyframes blink {
	0% {
		background-color: #d0e3ec;
	}

	50% {
		background-color: #13b626;
	}

	100% {
		background-color: #d0e3ec;
	}
}

.online__text {
	font-size: 14px;
	line-height: 1.1;
}

.offline {
	margin-top: 4px;
	font-size: 12px;
	line-height: 1.1;
}

@media screen and (max-width: 1023.98px) {
	.header__bottom {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}

.header-bottom__wrapper {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-bottom__logo {
	display: flex;
	align-items: center;
	background: 0 0;
	transition: all .3s cubic-bezier(.215, .61, .355, 1);
	position: relative;
	z-index: 2;
	margin-right: 20px;
}

.header-bottom__logo img {
	width: 3rem;
	padding: 10px 0;
}

@media(min-width:1024px) {
	.header-bottom__logo img {
		width: 4rem;
	}
}

.header-bottom__logo-title {
	position: relative;
	font-size: 12px;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: .03em;
	padding: 0 0 0 14px;
	margin: 0 0 0 14px;
	box-sizing: border-box;
	max-width: 128px;
	display: flex;
	align-items: center;
	font-family: var(--sec-font-family);
}

@media screen and (max-width: 360px) {
	.header-bottom__logo-title {
		display: none;
	}
}

.header-bottom__logo-title:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 40px;
	top: calc(50% - 20px);
	left: 0;
	background: var(--main-color);
}

@media(min-width:1024px) {

	.header-bottom__logo {
		opacity: 0;
		visibility: hidden;
		width: 0;
		overflow: hidden;
		margin-right: 0;
	}

	.scroll .header-bottom__logo {
		opacity: 1;
		visibility: visible;
		width: 4rem;
		margin-right: 40px;
	}

	.header-bottom__logo-title {
		display: none;
	}
}

.header-sticky {
	display: none;
}

@media(min-width:1024px) {
	.scroll .header-sticky {
		background: #ffffff;
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		box-shadow: 0px 4px 15px rgb(104 94 214 / 10%);
		animation: smoothScroll 1s forwards;
	}
}

@-webkit-keyframes smoothScroll {
	0% {
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes smoothScroll {
	0% {
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}


.header-sticky__wrapper {
	display: grid;
	grid-gap: 0 32px;
	grid-template-columns: auto 1fr auto auto;
	align-items: center;
	padding: 10px 0 15px;
}

.header-sticky__menu-btn {
	background: none;
}

.header-sticky__menu {
	display: none;
	position: absolute;
	width: 100%;
	min-height: calc(100vh - 90px);
	max-height: calc(100vh - 90px);
	overflow-y: auto;
	background: #ffffff;
}

.header-sticky__menu._active {
	display: block;
}

.fullscreen-menu__link {
	display: block;
	font-family: var(--sec-font-family);
	font-size: 32px;
	color: #2a2a2a;
	line-height: 1.3;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 24px;
}

.fullscreen-menu__link:hover {
	color: var(--main-color);
}

.fullscreen-menu__list {
	padding: 112px 0;
	max-width: none;
	display: grid;
	grid-gap: 36px 24px;
	grid-template-columns: auto auto auto;
	flex: none;
	align-items: flex-start;
}

.fullscreen-menu__sub-list {
	display: grid;
	grid-template-columns: auto;
	grid-gap: 16px;
}

.fullscreen-menu__link.dropdown .menu__arrow {
	display: none;
}

.fullscreen-menu__sub-item {
	position: relative;
	display: inline-flex;
	align-items: center;
	font-size: 18px;
}

.fullscreen-menu__sub-link:hover {
	color: var(--main-color);
}

@media screen and (max-width: 767px) {
	.catalog-menu {
		display: none;
	}
}

.catalog-menu__btn {
	font-size: 16px;
	font-weight: 500;
	padding: 10px 28px;
	white-space: nowrap;
	display: flex;
	align-items: center;
	background: var(--main-color);
	color: #ffffff;
	background-image: linear-gradient(-45deg, var(--main-color) var(--gradient-size), transparent var(--gradient-size));
}

.catalog-menu__btn:hover {
	background: var(--main-color);
	color: #ffffff;
}

.catalog-menu__btn-arrow {
	width: 18px;
	height: 18px;
	margin-right: 8px;
	display: inline-flex;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../catalog/assets/svg-sprite.svg#menu);
}

.catalog-menu__body {
	position: absolute;
	top: calc(100% + 5px);
	left: -1px;
	background: #ffffff;
	z-index: 999;
	width: 305px;
	opacity: 0;
	visibility: hidden;
	display: none !important;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	box-shadow: 0 5px 30px rgba(34, 34, 34, .1);
}

.catalog-menu__body.show {
	opacity: 1;
	visibility: visible;
	display: block !important;
}

.catalog-menu__list {
	padding: 10px 10px 10px 0;
	list-style: none;
	margin-bottom: 0;
	min-width: 270px;
	position: relative;
}

.catalog-menu__item {
	line-height: 20px;
	display: block;
	width: 100%;
	border-bottom: none;
}


.catalog-menu__link {
	min-height: 53px;
	position: relative;
	display: flex;
	align-items: center;
	padding: 11px 40px 11px 14px;
}

.catalog-menu__image {
	width: 38px;
	flex: 0 0 38px;
}

.catalog-menu__title {
	padding-left: 13px;
	color: #343434;
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 1px;
}

.catalog-menu__arrow {
	position: absolute;
	right: 9px;
	top: 20px;
	width: 15px;
	height: 14px;
	text-align: center;
	line-height: 11px;
	border-radius: 3px;
	margin: 0;
}

.catalog-menu__dropdown {
	width: 100%;
	height: 100%;
	position: absolute;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	top: 0;
	left: 100%;
	display: none;
	min-height: fit-content;
	max-width: 1040px;
	padding: 30px 30px 20px 24px;
	background: #fff;
	z-index: 999;
	opacity: 0;
}

.catalog-menu__dropdown-list {
	list-style: none;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 40px;
}

.catalog-menu__dropdown-item {
	position: relative;
}

.catalog-menu__dropdown-link {
	display: flex;
	align-items: center;
	height: 50px;
}

.catalog-menu__dropdown-image {
	position: absolute;
	width: 40px;
	top: 0;
	left: 0;
}

.catalog-menu__dropdown-name {
	padding-left: 60px;
	font-size: 13px;
	line-height: 1.3;
	font-weight: 300;
	color: #000000;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.catalog-menu__dropdown-more {
	margin-top: 8px;
}

.catalog-menu__dropdown-more a {
	font-size: 12px;
	text-decoration: underline;
}

.header__menu {
	flex: 1;
}

.menu {
	flex: auto;
	min-width: 0;
	transition: opacity .25s .75s;
}

@media(max-width:1400px) {
.menu-short {
	display: none;
}
}

@media(min-width:1024px) {
	.search-active .menu {
		overflow: hidden;
		pointer-events: none;
		opacity: 0;
		transition-delay: 0s;
	}
}

.menu__body {
	height: 100%;
}

@media screen and (max-width: 1023.98px) {
	.menu__body {
		position: fixed;
		display: flex;
		gap: 20px;
		flex-direction: column;
		z-index: 3;
		width: 100%;
		max-width: 100%;
		height: 100%;
		overflow: auto;
		top: 0;
		left: -100%;
		background-color: transparent;
		margin: 90px 0 0;
		padding: 0 20px 90px;
		transition: opacity .2s ease-out;
		opacity: 0;
	}

	.menu__body._active {
		left: 0;
		opacity: 1;
		transition-duration: .1s;
		transition-delay: .2s;
	}

	.menu__body::-webkit-scrollbar {
		width: 0;
	}
}

.menu__list {
	display: flex;
	height: 100%;
}

@media screen and (max-width: 1023.98px) {
	.menu__list {
		display: block;
		height: auto;
		position: relative;
		transition: transform 0.15s ease-in-out;
	}
}

@media screen and (max-width: 1023.98px) {
	.menu__action {
		margin-bottom: 8px;
	}
}

@media(min-width:1024px) {
	.menu__action {
		display: none;
	}
}

.menu__item {
	padding: 0;
}

.menu__item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0;
}

@media screen and (max-width: 1023.98px) {
	.menu__item {
		margin: 0;
		padding: 12px 0;
	}

	.menu__item:not(:first-child) {
		border-top: 1px solid rgba(32, 30, 31, .1);
	}

	.menu__item:last-child {
		margin-bottom: 0;
	}

	.menu__contacts {
		margin-top: auto;
		margin-left: -20px;
		margin-right: -20px;
		padding: 20px;
		border: 1px solid #f7f7f7;
		border-radius: 16px 16px 0 0;
		border-bottom: 0;
		box-shadow: 0px 6px 34px #99999936;
	}
}

.menu__link {
	color: inherit;
	display: flex;
	align-items: center;
	transition: color .3s ease 0s;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.08em;
	white-space: nowrap;
}

@media(min-width:1024px) {
	.menu__link {
		padding: 16px 20px;
		min-height: 65px;
	}
}

.menu__item:last-child .menu__link {
	padding-right: 0;
}

@media (hover: hover) {
	.menu__link:hover {
		color: var(--main-color);
	}
}

.menu__item:nth-child(1) .menu__link {
	padding-left: 0;
}

.menu__arrow {
	flex: 0 0 auto;
	--icon: url(../catalog/assets/svg-sprite.svg#arrow-right-icon);
	--fill: var(--main-color);
	display: inline-flex;
	width: 14px;
	height: 14px;
	margin: 0 0 0 5px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--fill, black);
	mask: var(--icon) no-repeat center / contain;
	-webkit-mask: var(--icon) no-repeat center / contain;
	transition: background-color 0.3s ease;
}

.menu__arrow {
	transform: rotate(90deg);
}

@media(min-width:1024px) {
	.menu__sub-list--level-1 {
		position: absolute;
		width: fit-content;
		left: 0;
		right: auto;
		margin: 0 auto;
		background-color: #ffffff;
		flex: 1 1 100%;
		opacity: 0;
		transition: all .3s ease 0s;
		transform: translate(0, 10px);
		visibility: hidden;
		left: 0;
		top: calc(100% - 8px);
		z-index: 5;
	}

	.menu__sub-list--level-1::before {
		content: "";
		bottom: 100%;
		left: 20%;
		width: 8px;
		height: 8px;
		background-color: #fff;
		position: absolute;
		margin-left: -12px;
		clip-path: polygon(0 0, 100% 100%, 0 100%);
	}

	.menu__sub-list--level-1 {
		background-color: #fff;
		border-radius: 6px;
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1), 0px 20px 30px rgba(0, 0, 0, 0.1);
		padding: 32px;
		min-width: 400px;
	}

	.menu__sub-item:not(:last-child) {
		margin-bottom: 14px;
	}

}

.menu__item._hover .menu__sub-list {
	transform: translate(0, 0);
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.menu__sub-link {
	font-size: 18px;
}

.menu__sub-link .menu__arrow {
	margin: 0;
}

@media(min-width:992px) {
	.menu__sub-link.dropdown .menu__arrow {
		display: none;
	}
}


@media (hover: hover) {
	.menu__sub-link:hover {
		color: var(--main-color);
	}

	.menu__item:hover .menu__sub-list:not(.menu__sub-list--level-2) {
		transform: translate(0, 0);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.menu__item:hover .menu__arrow {
		transform: rotate(270deg);
	}

}

@media screen and (max-width: 1023.98px) {
	.menu__sub-list {
		display: none;
		padding: 16px 0 4px;
	}

	.menu__sub-item {
		margin-bottom: 0;
	}

	.menu__sub-item:not(:first-child) {
		margin-top: 12px;
	}

	.menu__sub-link {
		font-family: var(--font-family);
		text-transform: uppercase;
		letter-spacing: 0.08em;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.5;
	}

	.menu__back-btn {
		display: flex;
		background: transparent;
		color: var(--main-color);
	}

	.menu__back-btn-icon {
		transform: rotate(180deg);
		--icon: url(../catalog/assets/svg-sprite.svg#arrow-right-icon);
		--fill: var(--main-color);
		display: inline-flex;
		width: 12px;
		height: 16px;
		margin-right: 8px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		background-color: var(--fill, black);
		mask: var(--icon) no-repeat center / contain;
		-webkit-mask: var(--icon) no-repeat center / contain;
		transition: background-color 0.3s ease;
	}

	.menu__back-btn svg {
		width: 20px;
		height: 20px;
		margin-right: 6px;
	}

	.menu__link {
		width: 100%;
		font-size: 20px;
		margin-right: auto;
		font-family: var(--sec-font-family);
		font-weight: 400;
		text-transform: uppercase;
		line-height: 1.1;
		letter-spacing: 0.01em;
	}

	.menu__arrow {
		width: 18px;
		height: 18px;
		margin: 0 0 0 auto;
	}

	.dropdown.active .menu__arrow {
		transform: rotate(270deg);
	}
}

.header__controls {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
}

.cart {
	padding: 10px;
	cursor: pointer;
}

@media(min-width:1024px) {
	.cart {
		padding: 10px 6px 10px 20px;
	}
}

.cart__btn {
	position: relative;
	width: 24px;
	height: 24px;
}

.cart__btn-icon {
	--icon: url(../catalog/assets/svg-sprite.svg#fan-icon);
	--fill: var(--main-color);
	display: inline-flex;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--fill, black);
	mask: var(--icon) no-repeat center / contain;
	-webkit-mask: var(--icon) no-repeat center / contain;
	transition: background-color 0.3s ease;
}

.cart-btn__icon:hover .svg-icon {
	fill: var(--main-color);
}

.cart__btn-counter {
	font-family: var(--num-font-family);
	position: absolute;
	width: 16px;
	height: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	top: -8px;
	right: -8px;
	border-radius: 50%;
	background-color: var(--main-color);
	color: #fff;
	font-size: 10px;
}

.header__menu-btn,
.header__contacts-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	background: transparent;
	padding: 0 0 0 12px;
	position: relative;
}

@media (min-width: 1024px) {

	.header__menu-btn,
	.header__contacts-btn {
		display: none;
	}
}

.menu-burger {
	cursor: pointer;
	z-index: 2;
	position: relative;
}

.header__menu-btn._active .menu-burger,
.header-sticky__menu-btn._active .menu-burger {
	background-color: #fff;
	color: var(--color-black);
	border: 1px solid #EAE7E0;
}

.menu-burger svg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	stroke: #ffffff;
	transition: stroke 0.2s, transform 0.2s;
}

.menu-burger svg g:first-child {
	opacity: 1;
	transition: opacity 0.2s, transform 0.2s;
}

.menu-burger svg g:first-child line {
	transition: transform 0.2s, opacity 0.2s;
	transform: translateY(0px);
}

.menu-burger svg g:last-child {
	opacity: 0;
	transition: opacity 0.2s, transform 0.2s;
}

.menu-burger svg g:last-child line {
	transition: transform 0.2s, opacity 0.2s;
	transform: rotate(0deg);
	transform-origin: center;
}

.header__menu-btn._active .menu-burger svg,
.header-sticky__menu-btn._active .menu-burger svg {
	stroke: #333333;
}

.header__menu-btn._active .menu-burger svg g:first-child,
.header-sticky__menu-btn._active .menu-burger svg g:first-child {
	opacity: 0;
	transition: opacity 0.2s, transform 0.2s;
}

.header__menu-btn._active .menu-burger svg g:first-child line:first-child,
.header-sticky__menu-btn._active .menu-burger svg g:first-child line:first-child {
	transform: translateY(7px);
	transition: transform 0.2s;
}

.header__menu-btn._active .menu-burger svg g:first-child line:last-child,
.header-sticky__menu-btn._active .menu-burger svg g:first-child line:last-child {
	transform: translateY(-7px);
	transition: transform 0.2s;
}

.header__menu-btn._active .menu-burger svg g:last-child,
.header-sticky__menu-btn._active .menu-burger svg g:last-child {
	opacity: 1;
	transition: opacity 0.2s, transform 0.2s;
}

.header__menu-btn._active .menu-burger svg g:last-child line:first-child,
.header-sticky__menu-btn._active .menu-burger svg g:last-child line:first-child {
	transform: rotate(45deg);
	transition: transform 0.2s;
}

.header__menu-btn._active .menu-burger svg g:last-child line:last-child,
.header-sticky__menu-btn._active .menu-burger svg g:last-child line:last-child {
	transform: rotate(-45deg);
	transition: transform 0.2s;
}

.header__contacts-btn {
	color: var(--color-violet);
	margin-right: 10px;
}

.header-icon {
	width: 24px;
	height: 24px;
	fill: #ffffff;
}

.header-phones {
	display: none;
}

@media(min-width:1440px) {
	.header-phones {
		display: block;
		margin-right: 20px;
		padding-right: 20px;
		border-right: 1px solid;
	}
}

.header-phones__link {
	display: block;
	font-family: var(--sec-font-family);
	font-size: 18px;
	line-height: 1;
	text-transform: uppercase;
	color: var(--color-black);
	white-space: nowrap;
}

.socials {
	display: flex;
	gap: 10px;
}

.header__contacts .socials {
	padding: 10px 0 10px 20px;
}

@media(max-width:1023.98px) {
	.header__contacts .socials {
		padding: 0 10px 0 0;
	}
}

.socials__item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	border-radius: 4px;
}

@media(max-width:1023.98px) {
	.socials__item {
		width: 24px;
		height: 24px;
	}
}

.socials__icon {
	--fill: var(--color-black);
	display: inline-flex;
	width: 32px;
	height: 32px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--fill, black);
	mask: var(--icon) no-repeat center / contain;
	-webkit-mask: var(--icon) no-repeat center / contain;
	transition: background-color 0.3s ease;
}

.socials__icon:hover {
	--fill: var(--main-color);
}

.socials__icon--wa {
	--icon: url("../catalog/assets/svg-sprite.svg#wa");
}

.socials__icon--vk {
	--icon: url("../catalog/assets/svg-sprite.svg#vk");
}

.socials__icon--tg {
	--icon: url("../catalog/assets/svg-sprite.svg#tg");
}

.socials__item--wa .socials__icon--wa {
	--fill: #25D366;
}

.socials__item--vk .socials__icon--vk {
	--fill: #0077ff;
}

.socials__item--tg .socials__icon--tg {
	--fill: #24A1DE;
}

.mobile-contacts {
	display: none;
}

@media screen and (max-width: 1023.98px) {
	.mobile-contacts {
		display: block;
	}

	.mobile-contacts__item span {
		display: block;
		font-size: 12px;
		color: var(--main-color);
		line-height: 16px;
		margin-bottom: 4px;
	}

	.mobile-contacts__phone a,
	.mobile-contacts__email a {
		display: block;
		font-family: var(--sec-font-family);
		font-size: 20px;
		line-height: 1.3;
		text-transform: uppercase;
		color: var(--color-black);
	}

	.mobile-contacts__item+.mobile-contacts__item {
		margin-top: 10px;
	}

	.mobile-contacts__item .socials {
		margin-top: 8px;
		margin-bottom: 8px;
		gap: 14px;
	}

	.mobile-contacts__socials a {
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 10px;
	}
}

.header__catalog-link {
	margin-left: 24px;
}

@media screen and (max-width: 992px) {
	.header__catalog-link {
		display: none;
	}
}

.main {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-top: -1px;
	position: relative;
	padding-top: 72px;
}

@media(min-width:1024px) {
	.main {
		padding-top: 153px;
	}
}

.main.is-opened {
	filter: blur(5px);
}

.controls-slider-top-block__dotts {
	position: relative;
	z-index: 2;
	height: 36px;
	border-radius: 999px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4px;
}

.controls-slider-top-block {
	margin-top: -32px;
	margin-bottom: 12px;
}

@media(min-width:1024px) {
	.controls-slider-top-block {
		margin-top: -56px;
		margin-bottom: 24px;
	}
}

.controls-slider-top-block__dotts .swiper-pagination-bullet {
	margin: 0 4px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: var(--main-color);
	opacity: 0.5;
	cursor: pointer;
	position: relative;
	padding: 6px;
	background-clip: content-box;
}

.controls-slider-top-block__dotts .swiper-pagination-bullet svg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
}

.controls-slider-top-block__dotts .swiper-pagination-bullet circle {
	display: block;
	fill: transparent;
	stroke: var(--main-color);
	opacity: 0.3;
	stroke-linecap: round;
	stroke-dasharray: 283;
	stroke-dashoffset: 283;
	stroke-width: 10px;
	transition: stroke-dashoffset 5s linear;
}

.controls-slider-top-block__dotts .swiper-pagination-bullet-active {
	background-color: var(--main-color);
	opacity: 1;
	box-shadow: inset 0 0 0 2px rgba(32, 30, 31, 0.1);
}

.controls-slider-top-block__dotts .swiper-pagination-bullet-active circle {
	stroke-dashoffset: 0;
	animation: 5s linear both circle-animation;
}

@keyframes circle-animation {
	from {
		stroke-dashoffset: 283;
	}

	to {
		stroke-dashoffset: 0;
	}
}

.controls-slider-top-block__arrows {
	position: absolute;
	z-index: 2;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

@media screen and (max-width: 1023.98px) {
	.controls-slider-top-block__arrows {
		display: none;
	}
}

.controls-slider-top-block__arrows .slider-arrow {
	position: absolute;
	top: 50%;
	z-index: 2;
	background-color: var(--color-blue);
	transform: translateY(-50%);
	width: 52px;
	height: 72px;
	box-shadow: 0 0 0 1px rgba(160, 173, 151, 0.5);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 14px;
}

.controls-slider-top-block__arrows .slider-arrow_prev {
	left: 0;
	border-radius: 0 6px 6px 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='26' viewBox='0 0 11 26' fill='none'%3E%3Cpath d='M8 23L3.48175 15.4696C2.94301 14.5717 2.67364 14.1227 2.56839 13.6435C2.4753 13.2195 2.4753 12.7805 2.56839 12.3565C2.67364 11.8773 2.94301 11.4283 3.48175 10.5304L8 3' stroke='%23201E1F' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.controls-slider-top-block__arrows .slider-arrow_next {
	right: 0;
	border-radius: 6px 0 0 6px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='26' viewBox='0 0 11 26' fill='none'%3E%3Cpath d='M3 23L7.51825 15.4696C8.05699 14.5717 8.32636 14.1227 8.43161 13.6435C8.5247 13.2195 8.5247 12.7805 8.43161 12.3565C8.32636 11.8773 8.05699 11.4283 7.51825 10.5304L3 3' stroke='%23201E1F' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.slider-arrows:not(.controls-slider-top-block__arrows) {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(2, 48px);
	-webkit-column-gap: 8px;
	-moz-column-gap: 8px;
	column-gap: 8px;
}

.slider-arrows:not(.controls-slider-top-block__arrows) .slider-arrow {
	pointer-events: auto;
	border: 2px solid var(--main-color);
	border-radius: 4px;
	width: 48px;
	height: 48px;
	background-color: transparent;
	color: var(--main-color);
	font-size: 12px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: relative;
}

.slider-arrows:not(.controls-slider-top-block__arrows) .slider-arrow_prev::before {
	position: absolute;
	content: '';
	top: 1.1rem;
	left: 1.2rem;
	width: 0.625rem;
	height: 0.625rem;
	border-bottom: 0.125rem solid var(--main-color);
	border-left: 0.125rem solid var(--main-color);
	transform: rotate(45deg);
}

.slider-arrows:not(.controls-slider-top-block__arrows) .slider-arrow_next::before {
	position: absolute;
	content: '';
	top: 1.1rem;
	right: 1.1rem;
	width: 0.625rem;
	height: 0.625rem;
	border-top: 0.125rem solid var(--main-color);
	border-right: 0.125rem solid var(--main-color);
	transform: rotate(45deg);
}

@media screen and (max-width: 1023.98px) {
	.slider-top-block__body {
		padding: 0;
	}
}

.top-block-slide__wrap {
	height: 100%;
	display: flex;
	justify-content: center;
}

.top-block-slide__body {
	overflow: hidden;
}

.top-block-slide__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	min-height: 100%;
}


.top-block-slide__media {
	margin: 0;
	position: relative;
	z-index: 1;
}

.top-block-slide__image {
	max-width: 550px;
	padding: 30px 30px 62px;
}

@media(max-width:1023.98px) {
	.top-block-slide__image {
		padding: 0 0 40px;
	}
}

.top-block-slide__image img {
	filter: drop-shadow(0px 10px 20px rgb(0 0 0 / 15%));
}

.top-block {
	position: relative;
	min-height: calc(100vh - 153px);
	background: rgba(34, 40, 45, 0.4);
	overflow: hidden;
	height: 800px;
}

@media(max-width:1023.98px) {
	.top-block {
		height: fit-content;
	}
}

.top-block:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: #1A73B7;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='600' y1='25' x2='600' y2='777'%3E%3Cstop offset='0' stop-color='%231A73B7'/%3E%3Cstop offset='1' stop-color='%233A94D9'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='650' y1='25' x2='650' y2='777'%3E%3Cstop offset='0' stop-color='%231b76bc'/%3E%3Cstop offset='1' stop-color='%233a94d9'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='700' y1='25' x2='700' y2='777'%3E%3Cstop offset='0' stop-color='%231d79c0'/%3E%3Cstop offset='1' stop-color='%233a94d9'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' gradientUnits='userSpaceOnUse' x1='750' y1='25' x2='750' y2='777'%3E%3Cstop offset='0' stop-color='%231f7dc4'/%3E%3Cstop offset='1' stop-color='%233a94d9'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' gradientUnits='userSpaceOnUse' x1='800' y1='25' x2='800' y2='777'%3E%3Cstop offset='0' stop-color='%232080c9'/%3E%3Cstop offset='1' stop-color='%233a94d9'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' gradientUnits='userSpaceOnUse' x1='850' y1='25' x2='850' y2='777'%3E%3Cstop offset='0' stop-color='%232283cd'/%3E%3Cstop offset='1' stop-color='%233a94d9'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='900' y1='25' x2='900' y2='777'%3E%3Cstop offset='0' stop-color='%232386d2'/%3E%3Cstop offset='1' stop-color='%233a94d9'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' gradientUnits='userSpaceOnUse' x1='950' y1='25' x2='950' y2='777'%3E%3Cstop offset='0' stop-color='%232589d6'/%3E%3Cstop offset='1' stop-color='%233a94d9'/%3E%3C/linearGradient%3E%3ClinearGradient id='i' gradientUnits='userSpaceOnUse' x1='1000' y1='25' x2='1000' y2='777'%3E%3Cstop offset='0' stop-color='%23288cd9'/%3E%3Cstop offset='1' stop-color='%233a94d9'/%3E%3C/linearGradient%3E%3ClinearGradient id='j' gradientUnits='userSpaceOnUse' x1='1050' y1='25' x2='1050' y2='777'%3E%3Cstop offset='0' stop-color='%232e8fd9'/%3E%3Cstop offset='1' stop-color='%233a94d9'/%3E%3C/linearGradient%3E%3ClinearGradient id='k' gradientUnits='userSpaceOnUse' x1='1100' y1='25' x2='1100' y2='777'%3E%3Cstop offset='0' stop-color='%233491d9'/%3E%3Cstop offset='1' stop-color='%233a94d9'/%3E%3C/linearGradient%3E%3ClinearGradient id='l' gradientUnits='userSpaceOnUse' x1='1150' y1='25' x2='1150' y2='777'%3E%3Cstop offset='0' stop-color='%233A94D9'/%3E%3Cstop offset='1' stop-color='%233A94D9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg %3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' x='100' width='1100' height='800'/%3E%3Crect fill='url(%23c)' x='200' width='1000' height='800'/%3E%3Crect fill='url(%23d)' x='300' width='900' height='800'/%3E%3Crect fill='url(%23e)' x='400' width='800' height='800'/%3E%3Crect fill='url(%23f)' x='500' width='700' height='800'/%3E%3Crect fill='url(%23g)' x='600' width='600' height='800'/%3E%3Crect fill='url(%23h)' x='700' width='500' height='800'/%3E%3Crect fill='url(%23i)' x='800' width='400' height='800'/%3E%3Crect fill='url(%23j)' x='900' width='300' height='800'/%3E%3Crect fill='url(%23k)' x='1000' width='200' height='800'/%3E%3Crect fill='url(%23l)' x='1100' width='100' height='800'/%3E%3C/g%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;
}

.top-block__figure {
	position: absolute;
	z-index: 2;
	bottom: 0;
}

@media(min-width: 768px) and (max-width:1486px) {
	.top-block__figure {
		margin: 0 -310px;
		right: 0;
	}
}

@media(max-width:767px) {
	.top-block__figure {
		right: -73%;
		width: 400%;
	}
}

.top-block__container {
	height: 100%;
	position: relative;
	z-index: 3;
}

.top-block__wrapper {
	display: flex;
	min-width: 0;
	padding: 32px 0 0;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	min-height: 600px;
}

@media(max-width:1023.98px) {
	.top-block__wrapper {
		flex-direction: column;
	}
}

.top-block__caption {
	flex: 0 0 52%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media(max-width:1023.98px) {
	.top-block__caption {
		flex: 0 0 100%;
		order: 2;
	}
}

.top-block__slider {
	flex: 1;
	min-width: 0;
	position: relative;
	display: flex;
	flex-direction: column;
	height: fit-content;
}

@media(max-width:767.98px) {
	.top-block__slider {
		padding-bottom: 200px;
		margin-bottom: 32px;
		position: relative;
		z-index: 3;
	}
}

.slider-top-block__wrap {
	position: relative;
	height: fit-content;
	position: relative;
	z-index: 3;
}

.slider-top-block__wrap:before {
	content: "";
	position: absolute;
	width: 80%;
	top: -32px;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	max-width: 400px;
	background: #ffffff;
	display: flex;
	border-color: #FFFFFF;
	box-shadow: 8px 9px 18px 0px rgba(0, 0, 0, 0.08);
	background-color: #ffffffd9;
	clip-path: polygon(0% 0%, 100% 0, 100% 90%, 50% 100%, 0 90%);
}

@media(max-width:1023.98px) {
	.top-block__slider:before {
		width: 84%;
	}
}

.slider-top-block__body {
	overflow: hidden;
	position: relative;
}

.top-block__ribbon {
	width: 80%;
	margin: 0 auto;
	padding: 0 24px 72px;
	font-family: var(--sec-font-family);
	line-height: 1.2;
	text-transform: uppercase;
	font-size: 28px;
	text-align: center;
	clip-path: polygon(0% 0%, 100% 0, 100% 90%, 50% 100%, 0 90%);
}

@media(max-width:1023.98px) {
	.top-block__ribbon {
		width: 84%;
		padding: 0 12px 72px;
	}
}

.top-ribbon__title {
	margin-bottom: 24px;
}

@media(max-width:440px) {
	.top-ribbon__title {
		font-size: 22px;
	}
}

.top-ribbon__price {
	color: var(--main-color);
	font-size: 36px;
}

.top-ribbon__price span {
	font-size: 32px;
	text-transform: lowercase;
}

.ribbon-contacts__list {
	width: 100%;
	justify-content: center;
	display: flex;
	gap: 14px;
}

.ribbon-contacts__icon {
	--fill: var(--color-black);
	display: inline-flex;
	width: 44px;
	height: 44px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--fill, black);
	mask: var(--icon) no-repeat center / contain;
	-webkit-mask: var(--icon) no-repeat center / contain;
	transition: background-color 0.3s ease;
}

.ribbon-contacts__icon:hover {
	--fill: var(--main-color);
}

.ribbon-contacts__icon--phone {
	--icon: url("../catalog/assets/svg-sprite.svg#phone-dark-icon");
}

.ribbon-contacts__icon--wa {
	--icon: url("../catalog/assets/svg-sprite.svg#wa");
}

.ribbon-contacts__icon--vk {
	--icon: url("../catalog/assets/svg-sprite.svg#vk");
}

.ribbon-contacts__icon--tg {
	--icon: url("../catalog/assets/svg-sprite.svg#tg");
}

.ribbon-contacts__item--phone .ribbon-contacts__icon--phone {
	--fill: #e48b26;
}

.ribbon-contacts__item--wa .ribbon-contacts__icon--wa {
	--fill: #25D366;
}

.ribbon-contacts__item--vk .ribbon-contacts__icon--vk {
	--fill: #0077ff;
}

.ribbon-contacts__item--tg .ribbon-contacts__icon--tg {
	--fill: #24A1DE;
}


.top-block__title {
	font-family: var(--sec-font-family);
	color: #ffffff;
	line-height: 1.2;
	text-transform: uppercase;
}

@media (max-width: 767px) {
	.top-block__title {
		font-size: 32px;
		text-align: center;
	}
}

@media (min-width: 768px) and (max-width: 1023.98px) {
	.top-block__title {
		font-size: 36px;
		text-align: center;
	}
}

@media (min-width: 1024px) {
	.top-block__title {
		font-size: 60px;
		padding-top: 28px;
		padding-right: 70px;
	}
}

.top-block__controls {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: min-content;
	grid-gap: 24px;
	margin-top: 40px;
	margin-bottom: 80px;
}

@media (max-width: 540px) {
	.top-block__controls {
		margin-bottom: 32px;
	}
}

@media (min-width: 768px) and (max-width: 1023.98px) {
	.top-block__controls {
		margin-left: auto;
		margin-right: auto;
	}
}

@media ((hover: hover) and (pointer: fine)) {

	.top-block__catalog-link:hover,
	.top-block__callback-link:hover {
		border-color: #ffffff;
		background: #4d70762b;
		color: #ffffff;
	}
}

@media (max-width: 540px) {
	.top-block__controls {
		display: flex;
		flex-direction: column;
		width: 100%;
		gap: 14px;
	}
}

.top-block__controls>a {
	width: 100%;
}

.grade {
	position: absolute;
	bottom: 0;
	padding: 24px;
	border-radius: 6px 6px 0 0;
}

.top-block__image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.top-block__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.top-block__circle {
	position: absolute;
	bottom: -25%;
	left: 30px;
	color: #ffffff;
	font-size: 30px;
	z-index: 2;
	text-transform: uppercase;
	display: inline-block;
}

@media(max-width:767px) {
	.top-block__circle {
		bottom: -18%;
		left: 10px;
	}
}

@media (min-width: 768px) and (max-width: 1023.98px) {
	.top-block__circle {
		bottom: 5%;
		left: auto;
		right: 20px;
	}
}

.circle-button {
	position: relative;
	background: #ffffff;
	border-radius: 50%;
}

.rotate-circle {
	-webkit-animation-name: rotateCircle;
	animation-name: rotateCircle;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	width: 150px;
	height: 150px;
}

@media(max-width:767px) {
	.rotate-circle {
		width: 100px;
		height: 100px;
	}
}

.circle-button .rotate-circle svg {
	width: 150px;
	fill: #000000;
}

@media(max-width:767px) {
	.circle-button .rotate-circle svg {
		width: 100px;
	}
}

@media(max-width:767px) {
	.circle-button text {
		font-size: 40px;
	}
}

.circle-button.in-bord:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border: 1px solid #f8604a;
	border-radius: 50%;
}

@media(max-width:767px) {
	.circle-button.in-bord:before {
		content: "";
		position: absolute;
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: 5px;
		border: 1px solid #eee;
		border-radius: 50%;
	}
}

.circle-button .arrow {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-30px) translateY(-30px);
	-ms-transform: translateX(-30px) translateY(-30px);
	transform: translateX(-30px) translateY(-30px);
	display: inline-block;
	width: 0;
	height: 0;
}

@media(max-width:767px) {
	.circle-button .arrow {
		-webkit-transform: translateX(-15px) translateY(-15px);
		-ms-transform: translateX(-15px) translateY(-15px);
		transform: translateX(-15px) translateY(-15px);
	}
}

.circle-button .arrow svg {
	width: 60px;
	height: 60px;
}

@media(max-width:767px) {
	.circle-button .arrow svg {
		width: 30px;
		height: 30px;
	}
}

@-webkit-keyframes rotateCircle {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotateCircle {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


.main-advantages {
	padding: 126px 0 56px;
	background-color: var(--color-blue);
}



@media screen and (max-width: 1023.98px) {
	.main-advantages {
		padding: 32px 0;
	}
}

.main-advantages__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 680px) {
	.main-advantages__list {
		grid-template-columns: 1fr 1fr;
	}
}

.main-advantages__btn--outline {
	margin-top: 20px;
	color: var(--main-color);
}

.main-advantages__item {
	display: flex;
	flex-direction: column;
	padding-right: 24px;
	border: 0 solid #d5d5d5;
}

.main-advantages__item:nth-child(2) {
	padding-bottom: 48px;
	padding-left: 24px;
	border-right-width: 1px;
	border-bottom-width: 1px;
}

@media screen and (max-width: 680px) {
	.main-advantages__item:nth-child(2) {
		padding: 24px 20px 24px 0;
		border-bottom-width: 1px;
	}
}

.main-advantages__item:nth-child(3) {
	padding-bottom: 48px;
	padding-left: 24px;
	padding-right: 0;
	border-bottom-width: 1px;
}

@media screen and (max-width: 680px) {
	.main-advantages__item:nth-child(3) {
		padding: 24px 0 24px 20px;
		border-bottom-width: 1px;
		border-right-width: 0;
	}
}

.main-advantages__item:nth-child(4) {
	padding-top: 56px;
	border-right-width: 1px;
}

@media screen and (max-width: 680px) {
	.main-advantages__item:nth-child(4) {
		padding: 24px 20px 24px 0;
		border-bottom-width: 1px;
	}
}

.main-advantages__item:nth-child(5) {
	padding-top: 56px;
	padding-left: 24px;
	border-right-width: 1px;
}

@media screen and (max-width: 680px) {
	.main-advantages__item:nth-child(5) {
		padding: 24px 0 24px 20px;
		border-bottom-width: 1px;
		border-right-width: 0;
	}
}

.main-advantages__item:nth-child(6) {
	padding-top: 56px;
	padding-left: 24px;
	border-right-width: 1px;
}

@media screen and (max-width: 680px) {
	.main-advantages__item:nth-child(6) {
		padding: 24px 20px 24px 0;
		border-bottom-width: 1px;
	}
}

.main-advantages__item:nth-child(7) {
	padding-top: 56px;
	padding-left: 24px;
	padding-right: 0;
}

@media screen and (max-width: 680px) {
	.main-advantages__item:nth-child(7) {
		padding: 24px 0 24px 20px;
		border-bottom-width: 1px;
		border-right-width: 0;
	}
}

.main-advantages-caption {
	padding-bottom: 48px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	grid-column-end: span 2;
}

@media screen and (max-width: 767px) {
	.main-advantages-caption {
		padding: 0 0 16px;
		border-right-width: 0;
		grid-column-end: span 2;
	}
}

.main-advantages-caption__title {
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	font-size: 64px;
	margin-top: -72px;
}

@media screen and (max-width: 1179.98px) {
	.main-advantages-caption__title {
		font-size: 48px;
	}
}

@media screen and (max-width: 1023.98px) {
	.main-advantages-caption__title {
		font-size: 32px;
		margin-top: 0;
	}
}


.main-advantages-caption__text {
	font-size: 18px;
	margin-top: 16px;
}

@media screen and (max-width: 1179.98px) {
	.main-advantages-caption__text {
		font-size: 16px;
	}
}

@media screen and (max-width: 1023.98px) {
	.main-advantages-caption__text {
		font-size: 14px;
	}
}


@media screen and (max-width: 1023.98px) {
	.main-advantages__btn--outline {
		display: none;
	}
}

.main-advantages__title {
	font-family: var(--sec-font-family);
	font-size: 64px;
	white-space: nowrap;
	color: var(--main-color);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

@media screen and (max-width: 1023.98px) {
	.main-advantages__title {
		font-size: 32px;
	}
}

.main-advantages__text {
	font-size: 20px;
	margin-top: 16px;
	line-height: 1.3;
}

@media screen and (max-width: 1180px) {
	.main-advantages__text {
		font-size: 16px;
	}
}

@media screen and (max-width: 519px) {
	.main-advantages__text {
		font-size: 14px;
		margin-top: 4px;
	}
}

.main-advantages__btn {
	display: flex;
	margin-top: 20px;
}

@media(min-width:1024px) {
	.main-advantages__btn {
		display: none;
	}
}

.main-features__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 24px;
	margin-top: 80px;
}

@media screen and (max-width: 1023.98px) {
	.main-features__grid {
		margin-top: 32px;
		grid-template-columns: auto;
	}
}

@media screen and (min-width: 680px) and (max-width: 1023.98px) {
	.main-features__grid {
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 16px;
	}
}

.main-features__item {
	background-color: var(--color-white);
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	padding: 32px 32px 40px;
	position: relative;
	width: 100%;
}

@media screen and (max-width: 1023.98px) {
	.main-features__item {
		padding: 16px;
	}
}

.main-features__img {
	position: absolute;
	width: 60px;
	top: 40px;
	right: 30px;
	height: 100px;
}

@media screen and (max-width: 991px) {
	.main-features__img {
		width: 60px;
		top: 16px;
		right: 10px;
		height: auto;
	}
}

@media screen and (min-width: 680px) and (max-width: 1023.98px) {
	.main-features__img {
		display: none;
	}
}

.main-features__title {
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: 0.01em;
	font-size: 32px;
	padding-right: 50px;
	position: relative;
}

@media screen and (max-width: 1179.98px) {
	.main-features__title {
		padding-right: 70px;
		font-size: 28px;
	}
}

@media screen and (min-width: 680px) and (max-width: 1023.98px) {
	.main-features__title {
		font-size: 20px;
		padding-right: 0;
	}
}

.main-features__text {
	margin-top: 16px;
	font-size: 20px;
	max-width: 320px;
}

@media screen and (max-width: 1179.98px) {
	.main-features__text {
		font-size: 14px;
	}
}

@media screen and (max-width: 1023.98px) {
	.main-features__text {
		margin-top: 4px;
	}
}

.catalog {
	padding: 112px 0;
	position: relative;
}

@media screen and (max-width: 1023.98px) {
	.catalog {
		padding: 32px 0 0;
	}
}

.catalog__wrap {
	position: relative;
}

@media(min-width:1024px) {
	.catalog__caption {
		padding: 32px 0;
		max-width: 340px;
		min-height: 360px;
		margin-bottom: -360px;
		position: relative;
		z-index: 2;
	}
}

@media screen and (max-width: 1023.98px) {
	.catalog__btn {
		display: flex;
		max-width: 100%;
		width: 100%;
	}
}

.product-list {
	display: grid;
	grid-gap: 24px;
}

@media screen and (max-width: 1023.98px) {
	.product-list {
		display: flex;
		gap: 8px;
		overflow-y: hidden;
		padding-bottom: 30px;
		margin-bottom: 30px;
		margin-right: -20px;
	}
}

@media(min-width:1024px) {
	.product-list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
}

.catalog__title {
	font-family: var(--sec-font-family);
	font-size: 32px;
	color: #2a2a2a;
	line-height: 1.3;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 16px;
}

.catalog__desc {
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 36px;
}

@media screen and (max-width: 1023.98px) {
	.catalog__title {
		font-size: 32px;
	}

	.catalog__desc {
		max-width: 260px;
		font-size: 16px;
	}
}

.product-list__item {
	position: relative;
	background: #fafafa;
	min-height: 280px;
	width: 256px;
	border-radius: 6px;
	overflow: hidden;
	flex-shrink: 0;
	position: relative;
	transition-property: transform;
}

@media screen and (max-width: 680px) {
	.product-list__item {
		width: 256px;
	}
}

@media(min-width:681px) and (max-width:1023px) {
	.product-list__item {
		width: 340px;
	}
}

@media(min-width:1024px) {
	.product-list__item {
		min-height: 360px;
		width: 100%;
	}
}

.product-list__item:after {
	content: "";
	position: absolute;
	z-index: 0;
	width: 135%;
	height: 110%;
	background-image: var(--bg-pattern);
	background-size: cover;
	background-position: top;
}

.product-list__item--all {
	background: var(--color-white);
}

@media(min-width:1024px) {

	.catalog .product-list__item:nth-child(1) {
		grid-area: 1 / 2 / 2 / 3;
	}

	.catalog .product-list__item:nth-child(2) {
		grid-area: 1 / 3 / 2 / 4;
	}

	.catalog .product-list__item:nth-child(3) {
		grid-area: 2 / 1 / 3 / 2;
	}

	.catalog .product-list__item:nth-child(4) {
		grid-area: 2 / 2 / 3 / 3;
	}

	.catalog .product-list__item:nth-child(5) {
		grid-area: 2 / 3 / 3 / 4;
	}

	.catalog .product-list__item:nth-child(6) {
		grid-area: 3 / 1 / 4 / 2;
	}

	.catalog .product-list__item:nth-child(7) {
		grid-area: 3 / 2 / 4 / 3;
	}

	.catalog .product-list__item:nth-child(8) {
		grid-area: 3 / 3 / 4 / 4;
	}

}

.product__link {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	padding: 32px;
	align-items: flex-end;
	background-size: cover;
	overflow: hidden;
}

@media screen and (max-width: 1023.98px) {
	.product__link {
		padding: 30px;
		align-items: flex-start;
	}
}

.product__image {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 370px;
}

.product__image:after {
	content: "";
	position: absolute;
	width: 150%;
	height: 150%;
	background: linear-gradient(160deg, #3a94d9 1.57%, #1a73b7 99.48%);
	bottom: -96%;
	right: -65%;
	transform: rotate(-45deg);
}

.product__image picture {
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 1179.98px) {
	.product__image {
		max-width: 270px;
	}
}

.product__caption {
	text-transform: uppercase;
}

@media(min-width:1024px) {
	.product__caption {
		position: absolute;
		z-index: 1;
		max-width: 300px;
		line-height: 1;
		top: 32px;
		flex: 0 0 44%;
	}
}


.product__title {
	font-family: var(--sec-font-family);
	font-size: 22px;
	line-height: 1.2;
	color: var(--color-black);
	margin-bottom: 10px;
}

@media(min-width:768px) {
	.product__title {
		font-size: 30px;
	}
}

.product__description {
	font-size: 12px;
	max-width: 60%;
	line-height: 1.3;
}

@media(max-width:767px) {
	.product__description {
		font-size: 10px;
	}
}

.product__tags {
	display: flex;
	gap: 10px;
	margin-top: 20px;
}

.product-tag {
	font-family: var(--sec-font-family);
	font-size: 16px;
	letter-spacing: 0.5px;
	width: fit-content;
	text-transform: uppercase;
	padding: 4px 12px;
	background: #fafafa24;
	border-radius: 6px;
	font-weight: 400;
	color: #ffffff;
}

@media screen and (max-width: 767px) {
	.product__tags {
		display: none;
	}
}

.product__count {
	font-size: 12px;
	margin-top: 0;
	color: #ffffff;
}

.product__value {
	font-size: 12px;
	font-family: var(--num-font-family);
}

@media(min-width:768px) {
	.product__count {
		font-size: 14px;
	}

	.product__value {
		font-size: 14px;
	}
}

.catalog-content {
	margin-bottom: 112px;
}

@media screen and (max-width: 1023.98px) {
	.catalog-content {
		margin-bottom: 32px;
	}
}

@media screen and (max-width: 1023.98px) {
	.catalog-content .product-list {
		display: grid;
		grid-gap: 24px;
		overflow: hidden;
		padding-bottom: 0;
		margin-bottom: 0;
		margin-right: -0;
	}
}

@media screen and (max-width: 680px) {
	.catalog-content .product-list__item {
		width: 100%;
	}
}

.offer {
	position: relative;
	background-color: var(--color-blue);
	padding: 0 0 56px 0;
}

.offer:after {
	content: "";
	background-color: rgb(232 245 255);
	-webkit-mask-image: url(/wp-content/uploads/waves.svg);
	mask-image: url(/wp-content/uploads/waves.svg);
	-webkit-mask-size: 64px 32px;
	mask-size: 64px 32px;
	-webkit-mask-repeat: repeat;
	mask-repeat: repeat;
	position: absolute;
	opacity: 1;
	-webkit-mask-position: center center;
	mask-position: center center;
	inset: 0px;
	top: 0;
}

.offer:before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 18.75em;
	background: #ffffff;
}

@media(max-width: 1023.98px) {
	.offer {
		padding: 32px 0;
	}
}

.offer__body {
	margin: 0 auto;
	width: 100%;
	position: relative;
	z-index: 2;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (max-width: 767px) {
	.offer__body {
		position: relative;
		z-index: 5;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		max-width: 100%;
		padding: 0;
	}
}

.offer__caption {
	background: linear-gradient(268deg, #3a94d9 1.57%, #1a73b7 99.48%);
	padding-top: 4em;
	padding-bottom: 4em;
	padding: 50px 50px;
	border-radius: 6px;
	-ms-flex-preferred-size: 930px;
	flex-shrink: 0;
	flex-basis: 690px;
}

@media (max-width: 1180px) {
	.offer__caption {
		-ms-flex-preferred-size: 450px;
		flex-basis: 450px;
	}
}

@media (max-width: 767px) {
	.offer__caption {
		width: 100%;
		padding: 32px 20px 35px;
		position: relative;
		z-index: 3;
		border-radius: 6px 6px 0 0;
	}
}

.offer__title {
	font-size: 56px;
	line-height: 1.1;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	position: relative;
	margin-bottom: 32px;
	max-width: 650px;
	color: #ffffff;
}

@media screen and (max-width: 1023.98px) {
	.offer__title {
		font-size: 32px;
	}
}

.tags-row {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 8px;
}

.tag {
	font-size: 18px;
	font-weight: 500;
	background-color: #ffffff;
	border-radius: 4px;
	color: var(--main-color);
	max-width: 100%;
	overflow: hidden;
	padding: 0 16px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	user-select: none;
	position: relative;
}

.tag--invert {
	background-color: var(--main-color);
	color: #ffffff;
}

.offer__list {
	margin: 32px 0;
}

.offer__list-item {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 16px;
}

.offer__list-icon {
	flex: none;
	width: 52px;
	height: 52px;
	border-radius: 6px;
	background-color: #f2f9ff2b;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	position: relative;
}

.offer__list-icon img {
	filter: invert(1);
}

.offer__list-text {
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
}

@media(max-width:767px) {
	.offer__list-text {
		font-size: 16px;
	}
}

.offer__image {
	height: 270px;
	border-radius: 0 0 6px 6px;
	overflow: hidden;
}

@media (min-width: 768px) {
	.offer__image {
		height: 642px;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		position: relative;
		z-index: 3;
		border-radius: 0 6px 6px 0;
	}
}

.offer__image img {
	object-fit: cover;
	height: 100%;
}


.quiz {
	padding: 56px 0;
}

@media screen and (max-width: 1023.98px) {
	.quiz {
		padding: 32px 0 0;
	}
}

.quiz__title {
	font-size: 64px;
	line-height: 1.1;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	position: relative;
	margin-bottom: 56px;
}

@media(max-width:767px) {
	.quiz__title {
		font-size: 32px;
		margin-bottom: 32px;
	}
}

.quiz__body {
	z-index: 10;
	background-color: #f7f7f7;
	background-position: 0 0;
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 32px;
	border-radius: 6px;
}

/*.quiz__body::after {
	content: "";
	background-color: rgb(255 255 255);
	-webkit-mask-image: url(/wp-content/uploads/waves.svg);
	mask-image: url(/wp-content/uploads/waves.svg);
	-webkit-mask-size: 64px 32px;
	mask-size: 64px 32px;
	-webkit-mask-repeat: repeat;
	mask-repeat: repeat;
	position: absolute;
	opacity: 1;
	-webkit-mask-position: center center;
	mask-position: center center;
	inset: 0px;
}*/

@media(max-width:767px) {
	.quiz__body {
		background: #ffffff;
		padding: 0 20px 32px;
		margin-left: -20px;
		margin-right: -20px;
	}
}

.quiz__caption--service {
	display: flex;
	grid-template-columns: 0.8fr 2fr;
	border-radius: 6px;
	background: #ffffff;
	position: relative;
	z-index: 2;
	margin-bottom: 32px;
}

@media(min-width:1024px) {
	.quiz__caption--service {
		padding: 32px;
	}
}

.quiz__img {
	position: relative;
	z-index: 1;
	flex: 0 0 200px;
}

@media(max-width:767px) {
	.quiz__img {
		display: none;
	}
}

.quiz__img img {
	position: absolute;
	width: 100%;
	left: 50%;
	transform: translateX(-70%);
	bottom: -40px;
	max-width: 120px;
}

.quiz-form {
	border-radius: 6px;
	padding: 32px;
	background: #ffffff;
	position: relative;
	z-index: 2;
}

@media(max-width:767px) {
	.quiz-form {
		background: #f7f7f7;
		padding: 24px;
	}
}

.quiz-form__title {
	font-family: var(--sec-font-family);
	color: #131313;
	font-size: 20px;
	line-height: 1.3;
	max-width: 100%;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.quiz__title-service {
	font-family: var(--sec-font-family);
	font-size: 26px;
	color: #2a2a2a;
	line-height: 1.4;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 0;
}

.quiz-form__first {
	display: -ms-grid;
	display: grid;
	column-gap: 50px;
	row-gap: 50px;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	margin-bottom: 40px;
}

@media(max-width:767px) {
	.quiz-form__first {
		grid-template-columns: 1fr;
		margin-bottom: 32px;
		gap: 32px;
	}
}

.quiz-form__second {
	display: -ms-grid;
	display: grid;
	column-gap: 40px;
	row-gap: 30px;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 1050px) {
	.quiz-form__second {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(max-width:767px) {
	.quiz-form__second {
		grid-template-columns: 1fr;
		margin-bottom: 0;
		gap: 32px;
	}
}

.form-col {
	position: relative;
}

@media(min-width:1024px) {
	.form-col--wide {
		grid-column-end: span 2;
	}
}

.form-col__title {
	color: var(--main-color);
	font-size: 12px;
	line-height: 1.5;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.form-col__title span {
	font-size: 16px;
	font-weight: 700;
	margin-right: 10px;
}

.form-col__choices {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: center;
}

.form-col__btn {
	height: 50px;
	width: 100%;
}

.form-col__submit {
	height: 100%;
	display: flex;
	align-items: flex-end;
}

label.error {
	display: block;
	font-size: 12px;
	color: red;
	margin-top: 5px;
}

.quiz-form__agree {
	font-size: 12px;
	color: #999999;
}

@media(max-width:767px) {
	.quiz-form__agree {
		margin-top: 18px;
	}
}

.quiz__input {
	color: #131313;
	font-size: 16px;
	display: block;
	width: 100%;
	height: 59px;
	padding: 0 24px;
	transition: border-color .2s linear;
	border: 1px solid #9297ad;
	border-radius: 5px;
	background: #fff;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #787878;
	font-weight: 500;
	font-size: 15px;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}

[type="radio"]:checked+label:before {
	border: 1px solid var(--main-color);
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
	content: '';
	width: 10px;
	height: 10px;
	background: var(--main-color);
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

[type="radio"]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:checked+label,
[type="checkbox"]:not(:checked)+label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #787878;
	font-weight: 500;
	font-size: 15px;
}

[type="checkbox"]:checked+label:before,
[type="checkbox"]:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 4px;
}

[type="checkbox"]:checked+label:before {
	border-color: var(--main-color);
}

[type="checkbox"]:checked+label:after,
[type="checkbox"]:not(:checked)+label:after {
	content: '';
	position: absolute;
	left: 6px;
	top: 2px;
	width: 6px;
	height: 12px;
	border: solid var(--main-color);
	border-width: 0 3px 3px 0;
	transform: rotate(45deg);
	opacity: 1;
	transition: all 0.2s ease;
}

[type="checkbox"]:not(:checked)+label:after {
	opacity: 0;
	transform: scale(0);
}


.product-selector {
	padding: 56px 0;
	background-color: var(--color-blue);
}

@media(max-width:1023.98px) {
	.product-selector {
		padding: 32px 0;
	}
}

.product-selector__body {
	display: grid;
	grid-gap: 32px;
}

@media(min-width:1199px) {
	.product-selector__body {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 60px;
	}
}

.product-selector__img {
	display: flex;
	align-items: center;
}

.product-selector__title {
	font-family: var(--sec-font-family);
	font-size: 26px;
	color: #2a2a2a;
	line-height: 1.3;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 16px;
}

.product-selector__link {
	color: var(--main-color);
}

.selector-form__cols {
	display: grid;
	gap: 24px;
}

@media(min-width:1024px) {
	.selector-form__cols {
		grid-template-columns: repeat(2, 1fr);
		align-items: center;
	}
}

.selector-form__agree {
	font-size: 12px;
	color: #999999;
}

.how-work {
	padding: 56px 0;
}

@media screen and (max-width: 1023.98px) {
	.how-work {
		padding: 32px 0 0;
	}
}

.how-work__title {
	font-size: 64px;
	line-height: 1.1;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	position: relative;
	margin-bottom: 32px;
}

@media screen and (max-width: 1179.98px) {
	.how-work__title {
		font-size: 48px;
	}
}

@media screen and (max-width: 1023.98px) {
	.how-work__title {
		font-size: 32px;
	}
}

.how-work__body {
	counter-reset: how-work__steps;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin: 0 -40px;
}

@media screen and (max-width: 1023.98px) {
	.how-work__body {
		grid-template-columns: auto;
		margin: 0 0;
	}
}

@media screen and (min-width: 520px) and (max-width: 1023.98px) {
	.how-work__body {
		grid-template-columns: 1fr 1fr;
	}
}



.how-work__steps {
	position: relative;
}

.how-work__steps:before {
	color: #f2f9ff;
	font-size: 130px;
	font-weight: bold;
	line-height: 50px;
	position: absolute;
	bottom: 32px;
	right: 24px;
	display: inline-block;
	content: counter(how-work__steps, decimal);
	counter-increment: how-work__steps;
	vertical-align: top;
	opacity: 1;
}

@media(max-width:767px) {
	.how-work__steps:before {
		font-size: 80px;
		font-weight: bold;
		line-height: 1;
		position: absolute;
		bottom: 22px;
	}
}


@media(min-width:1024px) {
	.how-work__steps:nth-child(1) {
		border-right: 1px solid #d5d5d5;
		border-bottom: 1px solid #d5d5d5;
	}

	.how-work__steps:nth-child(2) {
		border-bottom: 1px solid #d5d5d5;
	}

	.how-work__steps:nth-child(3) {
		border-right: 1px solid #d5d5d5;
	}
}

.steps__item {
	position: relative;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 100%;
	padding: 40px;
}

@media screen and (max-width: 1023.98px) {
	.steps__item {
		padding: 16px;
	}
}


@media(min-width:1024px) {
	.step__body {
		display: flex;
		align-items: center;
		gap: 20px;
	}
}

@media(max-width:767px) {
	.how-work__steps {
		position: relative;
		padding-bottom: 32px;
		margin-bottom: 32px;
		border-bottom: 1px solid #d5d5d5;
	}

	.how-work__steps:last-child {
		border-bottom: none;
		margin-bottom: 0;
	}

	.steps__item {
		padding: 0;
	}
}

/*.steps__item:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 200%;
	top: -100%;
	left: 0;
	background: linear-gradient(to bottom, rgba(26, 115, 183, 0) 0%, rgb(219 233 243) 50%, rgba(26, 115, 183, 0) 100%);
}*/

.step__caption {
	display: flex;
	align-items: end;
	gap: 20px;
}

@media screen and (max-width: 1023.98px) {
	.step__caption {
		align-items: center;
	}
}

.step__title {
	font-family: var(--sec-font-family);
	line-height: 1.2;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media screen and (max-width: 1179.98px) {
	.step__title {
		font-size: 20px;
	}
}

.step__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	flex: none;
	height: 80px;
	width: 80px;
	margin-bottom: 16px;
}

@media screen and (max-width: 1023.98px) {
	.step__icon {
		min-width: 0;
		height: 64px;
		width: 64px;
	}
}

.step__text {
	margin-top: 18px;
	display: grid;
	grid-template-columns: auto;
	grid-gap: 16px;
	margin-bottom: auto;
}

.step__btn {
	margin-top: 24px;
	width: fit-content;
}


.projects-block {
	padding: 56px 0;
}

@media screen and (max-width: 1023.98px) {
	.projects-block {
		padding: 32px 0 0;
		font-size: 32px;
	}
}

.projects-block__caption {
	margin-bottom: 32px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 40px;
}

.projects-block__title {
	font-size: 64px;
	line-height: 1.1;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	padding-right: 100px;
	position: relative;
	max-width: 654px;
}

@media screen and (max-width: 1179.98px) {
	.projects-block__title {
		font-size: 48px;
	}
}

@media screen and (max-width: 1023.98px) {
	.projects-block__title {
		font-size: 32px;
		padding-right: 40px;
	}
}

.projects-block__btn--outline {
	transform: translateY(-8px);
}

@media screen and (max-width: 1023.98px) {
	.projects-block__btn--outline {
		display: none;
	}
}

.projects-block__btn {
	display: none;
}

@media screen and (max-width: 1023.98px) {
	.projects-block__btn {
		display: flex;
		margin-top: 20px;
	}
}

.projects-content {
	margin-bottom: 112px;
}

@media screen and (max-width: 1023.98px) {
	.projects-content {
		margin-bottom: 32px;
	}
}

@media screen and (max-width: 1023.98px) {
	.projects-content .projects-grid {
		display: grid;
		grid-template-columns: auto;
		gap: 24px;
		overflow: hidden;
		padding-bottom: 0;
		margin-top: 32px;
		margin-bottom: 0;
		margin-right: 0;
	}

	.projects-content .projects-grid__item {
		width: 100%;
	}

	.projects-content .projects-grid-item__link {
		width: 100%;
		min-height: 280px;
	}

	.projects-content .projects-grid-item__title {
		font-size: 22px;
	}
}

.project-card__wrap {
	padding-bottom: 32px;
}

.project-card__gallery {
	margin-bottom: 32px;
}

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

	.project-card__wrap {
		padding-bottom: 112px;
	}

	.project-card__body {
		display: flex;
		gap: 32px;
	}

	.project-card__gallery {
		flex: 0 0 49%;
		min-width: 0;
	}

	.project-card__details {
		flex: 1 1 auto;
	}
}

.project-card__slider {
	margin-bottom: 20px;
}

.project-card__bottom {
	position: relative;
}

.project-card__slider-thumbs {
	width: 75%;
	margin-right: auto;
	margin-left: 0;
}

@media screen and (max-width: 1023.98px) {
	.project-card__slider-thumbs {
		width: 66.6%;
	}
}

.project-card__all-photos {
	position: absolute;
	z-index: 1;
	width: calc(25% + -15px);
	background: var(--main-color);
	border-radius: 6px;
	overflow: hidden;
	top: 0;
	right: 0;
	height: calc(100% + 1px);
}

@media screen and (max-width: 1023.98px) {
	.project-card__all-photos {
		width: calc(33% + -13px);
	}
}

.project-card__gallery-all-icon {
	--icon: url(../catalog/assets/svg-sprite.svg#camera-icon);
	--fill: #f9f9f9;
	display: inline-flex;
	width: 36px;
	height: 36px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--fill, black);
	mask: var(--icon) no-repeat center / contain;
	-webkit-mask: var(--icon) no-repeat center / contain;
	transition: background-color 0.3s ease;
}

.project-card__gallery-all-title {
	font-weight: 500;
}

.project-card__gallery-all-text {
	color: #ffffff;
}

.project-card__image {
	display: block;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	max-height: 450px;
	border-radius: 6px;
}

.project-card__image:before,
.project-card__thumb:before {
	content: "";
	display: block;
	padding-top: 80%;
}

.project-card__thumb {
	display: block;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	max-height: 120px;
	border-radius: 5px;
	opacity: 0.8;
}

@media screen and (max-width: 679.98px) {
	.project-card__thumb {
		max-height: 80px;
	}
}

.project-card__thumb:hover {
	cursor: pointer;
	opacity: 1;
}

.project-card__slider-thumbs .swiper-wrapper {
	flex: 0 0 75%;
}

.project-card__slide {
	cursor: pointer;
}

.swiper-slide-thumb-active .project-card__thumb {
	opacity: 1;
}

.project-card__title {
	font-family: var(--sec-font-family);
	font-size: 44px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 32px;
	padding-bottom: 32px;
	border-bottom: 1px solid #d9d9d9;
}

@media screen and (max-width: 1023.98px) {
	.project-card__title {
		font-size: 32px;
		margin-bottom: 32px;
		padding-bottom: 0;
		border-bottom: none;
	}
}

.project-attributes {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 16px;
	margin-bottom: 32px;
	padding-bottom: 32px;
	border-bottom: 1px solid #d9d9d9;
}

@media screen and (max-width: 1023.98px) {
	.project-attributes {
		grid-template-columns: auto;
		grid-gap: 0;
		border: none;
		margin-bottom: 20px;
		padding-bottom: 0;
	}
}

@media screen and (max-width: 1023.98px) {
	.project-attributes__item {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		margin-bottom: 16px;
	}
}

.project-attrib__caption {
	display: flex;
	align-items: end;
	gap: 8px;
	position: relative;
}

@media screen and (max-width: 1023.98px) {
	.project-attrib__caption {
		align-items: flex-end;
		gap: 8px;
		width: 100%;
		line-height: 1;
	}

	.project-attrib__caption::after {
		content: "";
		flex: 1 1 auto;
		max-width: 100%;
		width: max-content;
		height: 1px;
		border-bottom: 1px dotted #2a2a2a;
		margin-left: auto;
		align-self: flex-end;
	}
}

.project-attrib__icon {
	max-width: 24px;
}

.project-attrib__text {
	font-size: 20px;
	margin-top: 8px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

@media screen and (max-width: 1023.98px) {
	.project-attrib__text {
		font-size: 18px;
		margin-top: 0;
		margin-left: 8px;
		white-space: nowrap;
		line-height: 1;
	}
}

.project-description__title {
	font-size: 32px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 20px;
}

.project-description__text {
	color: #2a2a2a;
}

.project-bottom__wrap {
	position: relative;
	overflow: hidden;
	background-color: #f7f7f7;
	border-radius: 6px;
	margin-top: 24px;
}

.project-bottom__wrap:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: var(--bg-pattern);
	background-size: cover;
	background-position: center;
	opacity: 0.06;
	filter: contrast(0.5);
}

.project-bottom__body {
	position: relative;
	z-index: 2;
	padding: 32px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 32px;
}

@media screen and (max-width: 1023.98px) {
	.project-bottom__body {
		grid-template-columns: auto;
		grid-gap: 32px;
		padding: 16px;
	}
}

.project-bottom__title {
	font-size: 32px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 10px;
}

@media screen and (max-width: 680px) {
	.project-bottom__title {
		font-size: 24px;
	}
}

.project-bottom__controls {
	display: flex;
	gap: 16px;
	height: 100%;
	width: 100%;
	justify-content: flex-end;
	align-items: center;
}

@media screen and (max-width: 1023.98px) {
	.project-bottom__controls {
		flex-direction: column;
		justify-content: center;
	}

	.project-bottom__controls>a {
		width: 100%;
	}
}

.reviews {
	padding: 112px 0;
	overflow: hidden;
}

@media(max-width:767px) {
	.reviews {
		padding: 32px 0;
	}
}

.reviews__container {
	display: flex;
}

@media(max-width:767px) {
	.reviews__container {
		display: block;
	}
}

.reviews__title {
	font-size: 64px;
	line-height: 1.1;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	position: relative;
	margin-bottom: 32px;
	text-align: left;
}

@media screen and (max-width: 1023.98px) {
	.reviews__title {
		font-size: 32px;
		margin-bottom: 16px;
		padding-right: 40px;
	}
}

.reviews__text {
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 36px;
}

@media(max-width:1023.98px) {
	.reviews__text {
		font-size: 16px;
		margin-bottom: 16px;
	}
}

.reviews__body {
	flex: 0 0 37.5%;
	padding-right: 80px;
	position: relative;
	z-index: 6;
}

.reviews__slider {
	flex: 1 1 auto;
	min-width: 0;
	align-self: flex-start;
	position: relative;
}

.slider-reviews__body {
	width: auto;
	margin-right: -47%;
	position: relative;
}

@media(max-width:1023.98px) {
	.slider-reviews__body {
		margin-right: 0;
	}
}

@media(min-width:1024px) {
	.slider-reviews__body:after {
		content: "";
		position: absolute;
		z-index: 2;
		top: -20px;
		left: -24px;
		width: calc(100% + 24px);
		height: 200px;
		background: var(--color-blue);
		border-radius: 6px;
	}
}

.slider-reviews .swiper-wrapper {
	z-index: 4;
}

.slider-reviews__body:before {
	background-color: #ffffff;
	content: "";
	height: 100%;
	position: absolute;
	right: calc(100% + 24px);
	top: 0;
	width: 100vw;
	z-index: 5;
}

.slider-reviews__slide {
	width: 372px;
	position: relative;
	min-height: 240px;
}

.slider-reviews__slide.swiper-slide-active .slider-reviews__image {
	height: 100%;
}

.slider-reviews__content {
	color: inherit;
	max-width: 100%;
	width: 100%;
	background: rgb(255 255 255);
	border-radius: 6px;
	border: 1px solid #e3eef6;
	overflow: hidden;
	min-height: 360px;
	display: flex;
	flex-direction: column;
	padding: 20px;
	height: 100%;
}

.slider-reviews__gallery {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-top: auto;
}

.slider-reviews__gallery img {
	border-radius: 4px;
	width: 80px;
	max-height: 80px;
	object-fit: cover;
}

.slider-reviews__content-item {
	margin-bottom: 20px;
}

.slider-reviews__text {
	font-size: 16px;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-transition: max-height 0.3s ease;
	-o-transition: max-height 0.3s ease;
	transition: max-height 0.3s ease;
	margin-top: 0px;
	font-style: normal;
	letter-spacing: 0px;
	margin-bottom: 12px;
	text-align: left;
	width: 100%;
	-webkit-line-clamp: 6;
}

.slider-reviews__text.expanded {
	-webkit-line-clamp: unset;
	max-height: none;
}

.slider-reviews__more {
	display: block;
	background-color: transparent;
	color: var(--main-color);
	border: none;
	font-weight: 500;
	border-bottom: 1px solid;
	cursor: pointer;
	font-size: 14px;
	margin-top: 10px;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
	width: fit-content;
}

.slider-reviews__caption {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.slider-reviews__name {
	font-weight: 600;
	font-size: 16px;
	color: #333;
}

.slider-reviews__rating {
	width: 84px;
	height: 16px;
}

.slider-reviews__dotts {
	margin-top: 30px;
	text-align: center;
	width: 100%;
}

@media (max-width: 992px) {
	.reviews__body {
		padding-right: 0;
		margin-bottom: 30px;
	}

	.reviews__container {
		flex-direction: column;
	}
}

@media (max-width: 480px) {
	.slider-reviews__slide {
		width: 100%;
	}
}

@media (min-width: 992px) and (max-width:1270px) {
	.reviews__body {
		padding-right: calc(30px + 50 * ((100vw - 320px)/ 950));
	}
}

.controls-slider-reviews {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.controls-slider-reviews__dotts {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

@media (min-width: 991.98px) {
	.controls-slider-reviews__dotts {
		margin-top: 0;
		padding: 0;
		transform: translateY(24px);
	}
}

.controls-slider-reviews__dotts .swiper-pagination-bullet {
	cursor: pointer;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 27px;
	flex: 0 0 27px;
	height: 27px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 2px 0;
	background: transparent;
}

.controls-slider-reviews__dotts .swiper-pagination-bullet::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid var(--main-color);
	-webkit-transition: -webkit-transform .3s ease 0s;
	transition: -webkit-transform .3s ease 0s;
	-o-transition: transform .3s ease 0s;
	transition: transform .3s ease 0s;
	transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.controls-slider-reviews__dotts .swiper-pagination-bullet::after {
	content: "";
	width: 11px;
	height: 11px;
	background-color: #9b9b9b;
	border-radius: 50%;
	-webkit-transition: background-color .3s ease 0s;
	-o-transition: background-color .3s ease 0s;
	transition: background-color .3s ease 0s;
}

.controls-slider-reviews__dotts .swiper-pagination-bullet:before {
	border: 1px solid var(--main-color);
}

.controls-slider-reviews__dotts .swiper-pagination-bullet::after {
	background-color: var(--main-color);
}

.controls-slider-reviews__dotts .swiper-pagination-bullet-active::before {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.controls-slider-reviews__dotts .swiper-pagination-bullet-active::after {
	background-color: var(--main-color);
}

.articles {
	padding: 60px 0 80px;
}

@media(max-width:767px) {
	.articles {
		padding: 50px 0;
	}
}

@media(max-width:767px) {
	.articles__container {
		padding-right: 20px;
	}
}

.articles__title {
    font-size: 64px;
    line-height: 1.1;
    font-family: var(--sec-font-family);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    position: relative;
    margin-bottom: 56px;
}

@media screen and (max-width: 1023.98px) {
.articles__title {
        font-size: 32px;
        margin-bottom: 16px;
        padding-right: 40px;
    }
}

.articles__grid {
	display: flex;
	gap: 20px;
	overflow-y: hidden;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

@media(min-width:1024px) {
	.articles__grid {
		display: grid;
		grid-gap: 30px;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(3, 1fr);
		padding-bottom: 0;
		margin-bottom: 0;
	}
}

@media(max-width:991px) {
	.articles__item {
		min-height: calc(50vw - 30px);
		width: calc(50% - 30px);
	}
}

@media(max-width:767px) {
	.articles__item {
		height: 100%;
		position: relative;
		cursor: pointer;
		min-height: calc(63vw - 30px);
		width: calc(63% - 10px);
		border-radius: 6px;
		overflow: hidden;
		flex-shrink: 0;
		position: relative;
		transition-property: transform;
		border-radius: 6px;
	}
}

.articles__item {
	height: 100%;
	position: relative;
	cursor: pointer;
	display: flex;
	gap: 10px;
}

@media(min-width:1024px) {
	.articles__item:nth-child(1) {
		grid-area: 1 / 1 / 5 / 3;
	}

	.articles__item:nth-child(2) {
		grid-area: 1 / 3 / 2 / 5;
	}

	.articles__item:nth-child(3) {
		grid-area: 2 / 3 / 3 / 5;
	}

	.articles__item:nth-child(4) {
		grid-area: 3 / 3 / 4 / 5;
	}
}

@media(min-width:1024px) {

	.article-card__wrap {
		display: flex;
		gap: 10px;
	}

	.articles__item:nth-child(1) .article-card__wrap {
		display: flex;
		align-items: flex-end;
		width: 100%;
		height: 100%;
		position: relative;
		min-height: 500px;
		border-radius: 8px;
		overflow: hidden;
	}

	.articles__item:nth-child(1) .article-card__wrap {
		min-height: 300px;
	}

	.articles__item:nth-child(1) .article-card__image-wrap {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 0;
		max-height: 100%;
		overflow: hidden;
	}

	.articles__item:nth-child(1) .article-card__image {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 0;
		overflow: hidden;
		max-height: 100%;
	}

	.articles__item:nth-child(1) .article-card__image img {
		object-fit: cover;
		object-position: center;
		width: 100%;
		height: 100%;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	.articles__item:nth-child(1):hover .article-card__image img {
		transform: scale(1.15) translateZ(0);
	}

	.articles__item:nth-child(1) .article-card__overlay {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		outline: none;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
		background: linear-gradient(to top,
				hsl(222, 89%, 16%),
				hsla(222, 89%, 16%, 0.98032) 8.37%,
				hsla(222, 89%, 16%, 0.92593) 16.09%,
				hsla(222, 89%, 16%, 0.84375) 23.36%,
				hsla(222, 89%, 16%, 0.74074) 30.37%,
				hsla(222, 89%, 16%, 0.62384) 37.31%,
				hsla(222, 89%, 16%, 0.5) 44.38%,
				hsla(222, 89%, 16%, 0.37616) 51.75%,
				hsla(222, 89%, 16%, 0.25926) 59.63%,
				hsla(222, 89%, 16%, 0.15625) 68.2%,
				hsla(222, 89%, 16%, 0.07407) 77.66%,
				hsla(222, 89%, 16%, 0.01968) 88.2%,
				hsla(222, 89%, 16%, 0));
		opacity: 0.7;
	}

	.articles__item:nth-child(1) .article-card__content {
		position: relative;
		-webkit-box-flex: 1;
		-ms-flex: 1 1;
		flex: 1 1;
		width: 100%;
		padding: clamp(0px, 10%, calc(1.25em* 1.5)) clamp(0px, 10%, calc(1.25em* 2.5));
		color: #ffffff;
	}

	.articles__item:nth-child(1) .article-card__title {
		font-family: var(--sec-font-family);
		color: #ffffff;
		font-weight: 500;
		font-size: 30px;
		line-height: 1.2;
		text-transform: uppercase;
		margin-bottom: 12px;
	}

	.articles__item:nth-child(1) .article-card__time {
		text-transform: uppercase;
		color: #eeeeee;
		font-size: 12px;
	}
}

.article-card__image {
	flex: 0 0 28%;
}

.article-card__date {
	line-height: 1;
	margin-bottom: 10px;
	font-size: 12px;
}

.article-card__title {
	font-family: var(--sec-font-family);
	color: #333333;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin-bottom: 12px;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.articles__item:not(:nth-child(1)):hover .article-card__title {
	color: var(--main-color);
}

.article-card__time {
	line-height: 1;
	margin-bottom: 10px;
	font-size: 12px;
}

.article-card__image-wrap {
	flex: 0 0 28%;
}

.article-card__image {
	height: 110px;
	border-radius: 6px;
	overflow: hidden;
}

.article-card__image img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}

@media(max-width:1023.98px) {
	.article-card__wrap {
		display: flex;
		align-items: flex-end;
		width: 100%;
		height: 100%;
		position: relative;
		min-height: calc(80vw - 30px);
		width: 100%;
		border-radius: 8px;
		overflow: hidden;
	}

	.article-card__image-wrap {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 0;
		overflow: hidden;
		max-height: 100%;
	}

	.article-card__overlay {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		outline: none;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
		background: linear-gradient(to top, #1a73b7, rgba(26, 115, 183, 0.98032) 8.37%, rgba(26, 115, 183, 0.92593) 16.09%, rgba(26, 115, 183, 0.84375) 23.36%, rgba(26, 115, 183, 0.74074) 30.37%, rgba(26, 115, 183, 0.62384) 37.31%, rgba(26, 115, 183, 0.5) 44.38%, rgba(26, 115, 183, 0.37616) 51.75%, rgba(26, 115, 183, 0.25926) 59.63%, rgba(26, 115, 183, 0.15625) 68.2%, rgba(26, 115, 183, 0.07407) 77.66%, rgba(26, 115, 183, 0.01968) 88.2%, rgba(26, 115, 183, 0));
		opacity: 0.5;
	}

	.article-card__content {
		position: relative;
		padding: 10px;
		color: #ffffff;
	}

	.article-card__date {
		font-size: 12px;
		margin-bottom: 10px;
	}

	.article-card__title {
		font-family: var(--sec-font-family);
		color: #ffffff;
		font-weight: 500;
		font-size: 20px;
		line-height: 1.2;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		margin-bottom: 12px;
		-webkit-line-clamp: 3;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.article-card__image {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 0;
		overflow: hidden;
		max-height: 100%;
	}

	.article-card__title {
		font-family: var(--sec-font-family);
		color: #ffffff;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.2;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		margin-bottom: 12px;
		-webkit-line-clamp: 3;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	@media screen and (max-width: 1023.98px) {
		.articles__more {
			display: none;
		}
	}
}


.social-block {
	padding: 112px 0;
}

@media screen and (max-width: 1023.98px) {
	.social-block {
		padding: 32px 0;
	}
}

.social-block__caption {
	margin-bottom: 32px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 40px;
}

.social-block__title {
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	font-size: 64px;
	max-width: 654px;
}

@media screen and (max-width: 1179.98px) {
	.social-block__title {
		font-size: 48px;
	}
}

@media screen and (max-width: 1023.98px) {
	.social-block__title {
		font-size: 32px;
	}
}

.social-block__link {
	transform: translateY(-8px);
}

.vk-feed__slider-arrows.slider-arrows {
	position: absolute;
	height: 48px;
	z-index: 3;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}

@media screen and (max-width: 1023.98px) {
	.vk-feed__slider-arrows.slider-arrows {
		display: none;
	}
}

.vk-feed__slider-arrows.slider-arrows .slider-arrow {
	border: 2px solid var(--color-white);
	background-color: var(--color-white);
	opacity: 0.6;
}

.vk-feed__slider-arrows.slider-arrows .slider-arrow:hover {
	opacity: 1;
}

.vk-feed__slider-arrows.slider-arrows .slider-arrow_next {
	position: absolute;
	right: 24px;
}

.vk-feed__slider-arrows.slider-arrows .slider-arrow_prev {
	position: absolute;
	left: 24px;
}

.vk-feed__slider-arrows.slider-arrows .slider-arrow_next:before {
	border-top: 0.125rem solid var(--color-black);
	border-right: 0.125rem solid var(--color-black);
}

.vk-feed__slider-arrows.slider-arrows .slider-arrow_prev:before {
	border-bottom: 0.125rem solid var(--color-black);
	border-left: 0.125rem solid var(--color-black);
}

.vk-feed__slider-dotts {
	justify-content: center;
	height: 36px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	padding: 4px;
	margin-top: 16px;
}

@media(min-width:1024px) {
	.vk-feed__slider-dotts {
		display: none;
	}
}

.vk-feed__slider-dotts .swiper-pagination-bullet {
	margin: 0 4px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: var(--main-color);
	opacity: 0.5;
	cursor: pointer;
	position: relative;
	padding: 6px;
	background-clip: content-box;
}

.vk-feed__slider-dotts .swiper-pagination-bullet svg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
}

.vk-feed__slider-dotts .swiper-pagination-bullet circle {
	display: block;
	fill: transparent;
	stroke: var(--main-color);
	opacity: 0.3;
	stroke-linecap: round;
	stroke-dasharray: 283;
	stroke-dashoffset: 283;
	stroke-width: 10px;
	transition: stroke-dashoffset 5s linear;
}

.vk-feed__slider-dotts .swiper-pagination-bullet-active {
	background-color: var(--main-color);
	opacity: 1;
	box-shadow: inset 0 0 0 2px rgba(32, 30, 31, 0.1);
}

.vk-feed__slider-dotts .swiper-pagination-bullet-active circle {
	stroke-dashoffset: 0;
	animation: 5s linear both circle-animation;
}

.social-block__btn {
	display: none;
}

@media screen and (max-width: 1023.98px) {
	.social-block__btn {
		display: flex;
		margin-top: 20px;
	}
}

.features {
	background: #f8f8f8;
	padding: 60px 0 100px;
}

@media screen and (max-width: 767px) {
	.features {
		padding: 40px 0 60px;
	}
}

.features__container {
	max-width: 1500px;
}

.features__title {
	font-family: var(--sec-font-family);
	font-size: clamp(1.75rem, 1.625rem + 0.63vw, 2.375rem);
	color: #2a2a2a;
	letter-spacing: 1px;
	line-height: 120%;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
	margin: 0 auto 40px;
}

@media screen and (max-width: 991px) {
	.features__title {
		text-align: left;
		margin: 0;
	}
}

.features__body {
	display: grid;
}

@media(min-width:992px) {
	.features__body {
		grid-template-columns: repeat(3, 1fr);
	}
}

.features__col--left .feature-item__body {
	display: flex;
	justify-content: flex-start;
	flex-direction: row-reverse;
}

@media screen and (max-width: 991px) {
	.features__col--left .feature-item__body {
		flex-direction: row;
	}
}

.features__col--left .feature-item {
	text-align: right;
}

@media screen and (max-width: 991px) {
	.features__col--left .feature-item {
		text-align: left;
	}
}

.feature-item__image {
	width: 100%;
	max-width: 173px;
}

@media screen and (max-width: 991px) {
	.feature-item__image {
		display: none;
	}
}

.features__col--left .feature-item:nth-child(1) .feature-item__image {
	margin: 16px 0px 0px 22px;
}

.features__col--left .feature-item:nth-child(2) .feature-item__image {
	margin: 13px 0px 0px 22px;
}

.features__col--left .feature-item:nth-child(3) .feature-item__image {
	margin: -67px 0px 0px 22px;
}

.features__col--right .feature-item__body {
	display: flex;
	justify-content: flex-start;
}

.features__col--right .feature-item:nth-child(1) .feature-item__image {
	margin: 16px 22px 0px 0px;
}

.features__col--right .feature-item:nth-child(2) .feature-item__image {
	margin: 13px 22px 0px 0px;
}

.features__col--right .feature-item:nth-child(3) .feature-item__image {
	margin: -67px 22px 0px 0px;
}

.features__item {
	padding-top: 85px;
	position: relative;
}

@media screen and (max-width: 767px) {
	.features__item {
		padding-top: 40px;
	}
}

.feature-item__info {
	position: relative;
}

.feature-item__number {
	position: absolute;
	top: -22px;
	right: 0;
	bottom: 0;
	left: 0;
	font-size: 84px;
	line-height: 0.8;
	transition: 0.4s;
	max-width: 100%;
	max-height: 100%;
	z-index: 1;
	pointer-events: none;
	color: #02010100;
	font-family: var(--num-font-family);
	-webkit-text-stroke-width: 1px;
	stroke-width: 1px;
	-webkit-text-stroke-color: #ffffff;
	stroke: #ffffff;
}

@media screen and (max-width: 991px) {
	.feature-item__number {
		font-size: 64px;
	}
}

.feature-item__title {
	font-family: var(--sec-font-family);
	position: relative;
	z-index: 1;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.25;
	word-break: break-word;
	margin-bottom: 15px;
}

.feature-item__text {
	font-size: 16px;
	line-height: 1.4;
}

.page-top {
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center bottom;
	border-bottom: 1px solid rgba(32, 30, 31, 0.1);
	padding-bottom: 32px;
	margin-bottom: 56px;
}

@media screen and (max-width: 1023.98px) {
	.page-top {
		padding-bottom: 16px;
		margin-bottom: 32px;
	}
}

.page-top__title {
	font-family: var(--sec-font-family);
	font-size: 64px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

@media screen and (max-width: 1179.98px) {
	.page-top__title {
		font-size: 48px;
	}
}

@media screen and (max-width: 1023.98px) {
	.page-top__title {
		font-size: 32px;
	}
}

.product-item__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 160px;
	height: 100%;
	border: 1px solid #e1e1e1;
	padding: 15px;
}

@media(min-width:768px) {
	.product-item__link {
		min-height: 200px;
		height: 100%;
		padding: 30px;
	}
}

.product-item__img {
	max-width: 80px;
}

@media(min-width:768px) {
	.product-item__img {
		max-width: 120px;
	}
}

.product-item__title {
	text-align: center;
	font-family: var(--sec-font-family);
	font-size: 18px;
	letter-spacing: 0.5px;
	line-height: 1.3;
	margin-bottom: 5px;
}

.product-item__count {
	font-family: var(--num-font-family);
	font-size: 12px;
	color: #999999;
}

.single-hero {
	background-color: var(--color-blue);
	border-top: 1px solid rgba(0, 0, 0, .2);
	background-image: var(--bg-pattern);
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: -35% 50%;
	overflow: hidden;
	position: relative;
}

.single-hero:after {
	content: "";
	background-color: rgb(255 255 255);
	-webkit-mask-image: url(/wp-content/uploads/waves.svg);
	mask-image: url(/wp-content/uploads/waves.svg);
	-webkit-mask-size: 64px 32px;
	mask-size: 64px 32px;
	-webkit-mask-repeat: repeat;
	mask-repeat: repeat;
	position: absolute;
	opacity: 1;
	-webkit-mask-position: center center;
	mask-position: center center;
	inset: 0px;
	transform: rotate(45deg);
	width: 130%;
	height: 230%;
	left: -30%;
	top: 0;
}

@media screen and (max-width: 1023.98px) {
	.single-hero__container {
		margin: 0 -20px;
	}

	.single-hero:after {
		width: 200%;
		height: 200%;
		left: -100%;
	}
}

.single-hero__wrap {
	height: 100%;
	display: flex;
	position: relative;
	z-index: 1;
}

@media(min-width:768px) {
	.single-hero__wrap {
		padding: 88px 0 120px;
	}
}

.single-hero__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	min-height: 100%;
}

@media screen and (max-width: 1023.98px) {
	.single-hero__grid {
		display: flex;
		flex-direction: column;
	}

	.single-hero__caption {
		order: 2;
		padding: 24px 20px 40px;
	}
}

.single-hero__caption {
	padding-right: 20px;
}

.single-hero__caption .breadcrumbs {
	padding: 0 0 32px;
}

.single-hero__title {
	font-size: 64px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 42px;
}

@media screen and (max-width: 1179.98px) {
	.single-hero__title {
		font-size: 48px;
	}
}

@media screen and (max-width: 1023.98px) {
	.single-hero__title {
		font-size: 32px;
	}
}

.single-hero__attributes {
	padding: 0 0 42px;
}

.hero-attributes__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 4px;
}

@media(max-width:767px) {
	.hero-attributes__list {
		grid-template-columns: auto;
	}
}

.hero-attributes__item {
	position: relative;
	padding-left: 14px;
	color: #333333;
	font-size: 16px;
	line-height: 1.5;
}

.hero-attributes__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	width: 4px;
	height: 4px;
	background: var(--main-color);
	border-radius: 50%;
}

.single-hero__controls {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

@media(max-width:767px) {
	.single-hero__controls {
		gap: 14px;
	}
}

@media screen and (max-width: 1023.98px) {
	.single-hero__link {
		width: 100%;
	}
}

.single-hero__media {
	margin: 0;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-end;
}

.single-hero__image {
	width: 100%;
	padding-right: 0;
	z-index: -1;
	background-color: #EAE7E0;
	overflow: hidden;
}

@media(min-width:1023px) {
	.single-hero__image {
		position: absolute;
		top: -120px;
		bottom: -120px;
		left: 0;
		width: 100%;
		box-sizing: content-box;
		padding-right: clamp(28px, 50vw - 612px, 50vw);
		z-index: -1;
		background-color: #EAE7E0;
		overflow: hidden;
	}
}

@media(min-width:1024px) {
	.single-hero__image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}

.service {
	padding: 112px 0 56px;
}

@media(max-width:1023.98px) {
	.service {
		padding: 32px 0;
	}
}

.service__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
	border-top: 0px;
	gap: 30px;
	margin-bottom: 56px;
}

@media(max-width:1023.98px) {
	.service__list {
		margin-bottom: 32px;
	}
}

.service__item {
	min-width: 0;
	border: 1px solid #F4F3EF;
	border-radius: 6px;
}

@media (min-width: 1024px) {
	.service-item__info {
		grid-column-end: span 2;
	}
}

.service-item__body {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	overflow: hidden;
}

.service-item__gallery {
	overflow: hidden;
	padding-bottom: 48px;
	position: relative;
}

.service__gallery-image {
	display: flex;
	max-height: 280px;
	width: auto;
	margin: 0 auto;
}

@media(max-width:767px) {
	.service__gallery-image {
		max-height: 240px;
	}
}

.service__gallery-image-desc {
	position: absolute;
	text-align: center;
	font-size: 12px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
	width: 100%;
	padding: 0 24px;
}

.controls-slider-service {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.controls-slider-service__dotts {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

@media (min-width: 1024px) {
	.controls-slider-service__dotts {
		position: absolute;
		margin-top: 0;
		padding: 0;
		transform: translateX(-50%);
		left: 50%;
		width: 100%;
		bottom: 20px;
	}
}

.controls-slider-service__dotts .swiper-pagination-bullet {
	cursor: pointer;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 12px;
	flex: 0 0 12px;
	height: 12px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 2px;
	background: transparent;
}

.controls-slider-service__dotts .swiper-pagination-bullet::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid var(--main-color);
	-webkit-transition: -webkit-transform .3s ease 0s;
	transition: -webkit-transform .3s ease 0s;
	-o-transition: transform .3s ease 0s;
	transition: transform .3s ease 0s;
	transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.controls-slider-service__dotts .swiper-pagination-bullet::after {
	content: "";
	width: 6px;
	height: 6px;
	background-color: #9b9b9b;
	border-radius: 50%;
	-webkit-transition: background-color .3s ease 0s;
	-o-transition: background-color .3s ease 0s;
	transition: background-color .3s ease 0s;
}

.controls-slider-service__dotts .swiper-pagination-bullet:before {
	border: 1px solid var(--main-color);
}

.controls-slider-service__dotts .swiper-pagination-bullet::after {
	background-color: var(--main-color);
}

.controls-slider-service__dotts .swiper-pagination-bullet-active::before {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.controls-slider-service__dotts .swiper-pagination-bullet-active::after {
	background-color: var(--main-color);
}

.service-item__caption {
	display: grid;
	grid-template-columns: 1fr 1fr;
	font-size: 32px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

.service-title {
	grid-column-end: span 2;
	font-size: 28px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

.service-price {
	font-size: 24px;
	font-family: var(--sec-font-family);
	color: var(--main-color);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

.service-period {
	font-size: 24px;
	font-family: var(--sec-font-family);
	color: var(--main-color);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

@media(max-width:440px) {

	.service-period,
	.service-price {
		font-size: 21px;
	}
}

.service-caption__item {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding: 24px;
	border: 0 solid #F4F3EF;
	border-width: 1px 0;
	border-top: 0;
	justify-content: center;
}

.service-caption__item:nth-child(2),
.service-caption__item:nth-child(3) {
	padding: 16px 24px;
	border-left-width: 1px;
	border-top: 0;
}

.service-caption__item:nth-child(2) {
	border-left-width: 0;
}

.service-item__desc {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.service__item-info {
	padding: 0 24px;
}

.service__item-attrs-title {
	font-size: 18px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

.service__item-attrs {
	padding: 24px 0;
}

.service__item-attrs li {
	position: relative;
	padding-left: 18px;
	color: #333333;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 1.5;
}

.service__item-attrs li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 4px;
	height: 4px;
	background: #1a73b7;
	border-radius: 50%;
}

.service__item-controls {
	margin-top: auto;
	padding: 0 24px 24px;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	width: 100%;
	align-items: center;
	position: relative;
	z-index: 11;
	background: #ffffff;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px
}

.service__item-controls a {
	width: 100%;
}

.service-controls__more-btn {
	background: #ffffff;
}

.service__contacts {
	padding: 24px;
	background: var(--color-blue);
	border-radius: 6px;
	display: flex;
	gap: 30px;
	margin-top: 34px;
	justify-content: space-between;
	align-items: center;
}

.service-contacts__title {
	font-size: 16px;
	font-weight: 500;
	flex: 0 70%;
}

.service__item-text {
	position: absolute;
	bottom: -140px;
	background: #ffffff;
	z-index: 10;
	height: 100%;
	font-size: 14px;
	display: none;
	padding: 24px;
}

.service-bottom__wrap {
	position: relative;
	overflow: hidden;
	background-color: #f7f7f7;
	border-radius: 6px;
}

.service-bottom__wrap:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: var(--bg-pattern);
	background-size: cover;
	background-position: center;
	opacity: 0.06;
	filter: contrast(0.5);
}

.service-bottom__body {
	background-color: var(--color-blue);
	position: relative;
	z-index: 2;
	padding: 32px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 32px;
}

@media screen and (max-width: 1023.98px) {
	.service-bottom__body {
		grid-template-columns: auto;
		grid-gap: 32px;
		padding: 20px;
	}
}

.service-bottom__title {
	font-size: 28px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 10px;
}

@media screen and (max-width: 680px) {
	.service-bottom__title {
		font-size: 24px;
		line-height: 1.3;
	}
}

.service-bottom__controls {
	display: flex;
	gap: 32px;
	height: 100%;
	width: 100%;
	justify-content: flex-end;
	align-items: center;
}

@media screen and (max-width: 1023.98px) {
	.service-bottom__controls {
		gap: 18px;
	}

	.service-bottom__controls>a {
		width: 100%;
	}
}

.service-bottom__socials.socials {
	gap: 24px;
}

@media(max-width:767px) {
	.service-bottom__socials.socials {
		gap: 14px;
	}
}

.service-bottom__socials .socials__item,
.service-bottom__socials .socials__icon {
	width: 56px;
	height: 56px;
}

@media(max-width:767px) {

	.service-bottom__socials .socials__item,
	.service-bottom__socials .socials__icon {
		width: 38px;
		height: 38px;
	}
}

.info {
	padding: 56px 0;
	background-color: var(--color-blue);
}

@media(max-width:1023.98px) {
	.info {
		padding: 32px 0;
	}
}

.info__body {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-bottom: 1px solid rgba(32, 30, 31, 0.1);
	border-top: 1px solid rgba(32, 30, 31, 0.1);
	grid-gap: 24px;
}

@media screen and (max-width: 1023.98px) {
	.info__body {
		grid-template-columns: auto;
		grid-gap: 32px;
		border: none;
	}
}

.info__desc {
	display: flex;
	flex-direction: column;
}

@media(min-width:1024px) {
	.info__desc {
		grid-column-end: span 2;
		padding: 40px 32px;
		padding-left: 0;
	}
}

.info__title {
	font-size: 32px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 14px;
}

@media(min-width:1024px) {
	.info__title {
		font-size: 36px;
	}
}

.info__subtitle {
	color: green;
}

.info__text {
	margin: 32px 0;
}

.info__text-title {
	font-size: 22px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 14px;
}

.info__nb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 0;
	line-height: 20px;
	padding: 15px;
	background: #e8323214;
	border-radius: 6px;
	margin-top: auto;
}

.info__nb-image {
	width: 100%;
	max-width: 40px;
	margin-right: 15px;
}

.info__form {
	border-left: 1px solid rgba(32, 30, 31, 0.1);
	padding-right: 0;
	margin-left: -1px;
	padding: 40px 32px;
}

@media screen and (max-width: 1023.98px) {
	.info__form {
		padding: 0;
		margin: 0;
		border: none;
	}
}

.info-order__title {
	font-size: 26px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 20px;
}

.info-order__agree {
	font-size: 12px;
	color: #8d8d8d;
	line-height: 1.1;
}

.info-order__agree a {
	color: var(--main-color);
}

.info-order__agree a:hover {
	color: var(--color-black);
}

.info-order .form-input {
	margin-bottom: 26px;
	background: #ffffff;
}

.info-order__button {
	width: 100%;
	margin-bottom: 20px;
}

.calculate-offer {
	padding: 56px 0;
}

.calculate-offer__body {
	padding: 32px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	background: linear-gradient(268deg, #3a94d9 1.57%, #1a73b7 99.48%);
	border-radius: 6px;
}

.calculate-offer__image {
	position: relative;
	width: 100%;
	height: 100%;
}

.calculate-offer__image img {
	position: absolute;
	max-width: 350px;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
}

.calculate-offer__desc-text {
	font-family: var(--sec-font-family);
	font-size: 32px;
	color: #ffffff;
	line-height: 1.5;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 16px;
}

@media screen and (max-width: 1023.98px) {
	.card {
		margin-top: 32px;
	}
}

.card__wrap {
	padding-bottom: 32px;
}

@media (min-width: 1024px) {
	.card__wrap {
		padding-bottom: 112px;
	}
}

.card__body {
	padding-bottom: 32px;
}

@media (min-width: 1199px) {
	.card__body {
		display: grid;
		grid-template-columns: 2.5fr 1fr;
		grid-gap: 32px;
		position: relative;
		z-index: 0;
		padding-bottom: 56px;
	}
}

.card-attribs {
	margin-bottom: 56px;
}

.card-attribs__body {
	display: flex;
	gap: 30px;
	min-height: 300px;
	background: #f7f7f7;
	color: var(--color-black);
	padding: 24px;
	border-radius: 10px;
	position: relative;
}

@media screen and (max-width: 767px) {
	.card-attribs__body {
		flex-direction: column;
		padding: 32px 16px;
		gap: 0;
	}
}

.card-attribs__body::after {
	background-color: rgba(255, 255, 255, 0.13);
	mask-image: url(/wp-content/uploads/waves.svg);
	-webkit-mask-image: url(/wp-content/uploads/waves.svg);
	mask-size: 64px 32px;
	-webkit-mask-size: 64px 32px;
	mask-repeat: repeat;
	-webkit-mask-repeat: repeat;
	position: absolute;
	opacity: 0.4;
	mask-position: center center;
	-webkit-mask-position: center center;
	inset: 0px;
}

.card-attribs__title {
	font-size: 38px;
	color: var(--color-black);
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 30px;
}

@media screen and (max-width: 1023.98px) {
	.card-attribs__title {
		font-size: 32px;
		margin-bottom: 10px;
	}
}

.card-attribs__content {
	flex: 2;
	position: relative;
	z-index: 2;
	color: var(--color-black);
	font-size: 14px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.card-attribs__description {
	margin-bottom: 20px;
	font-size: 16px;
}

.card-attribs__list {
	display: grid;
	margin-top: 20px;
}

@media (min-width: 580px) {
	.card-attribs__list {
		grid-template-columns: repeat(3, 1fr);
		margin-top: 30px;
	}
}

.card-attribs__item {
	color: var(--color-black);
	font-size: 14px;
}

.card-attribs__item:not(:last-child) {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

@media screen and (max-width: 1023.98px) {
	.card-attribs__item:not(:last-child) {
		padding-bottom: 16px;
		margin-bottom: 5px;
	}
}

@media (min-width: 580px) {
	.card-attribs__item:not(:last-child) {
		padding-right: 20px;
		margin-right: 20px;
		border-right: 1px solid #dddddd;
	}
}

.card-attrib__title {
	font-family: var(--sec-font-family);
	font-size: 32px;
	white-space: nowrap;
	color: var(--main-color);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 10px;
}

@media screen and (max-width: 1023.98px) {
	.card-attrib__title {
		font-size: 26px;
		margin-bottom: 4px;
	}
}

.card-attrib__text {
	font-size: 16px;
	line-height: 1.1;
}

.card-attribs__image-block {
	flex: 1;
	z-index: 2;
	min-height: 200px;
}

@media screen and (max-width: 1023.98px) {
	.card-attribs__image-block {
		position: relative;
	}
}

.card-attribs__image {
	max-width: 200px;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width: 1023.98px) {
	.card-attribs__image {
		position: absolute;
		width: 100%;
		max-width: 280px;
		margin: 0 auto;
		top: 0;
		left: 0;
		right: 0;
	}
}

@media (min-width: 768px) {
	.card-attribs__image {
		position: absolute;
		top: 50%;
		transform: translateY(-55%);
		right: -20px;
		min-width: 350px;
	}
}

.card__text {
	padding-bottom: 56px;
}

@media screen and (max-width: 1023.98px) {
	.card__text {
		padding-bottom: 32px;
	}
}

.card__text h2 {
	font-size: 28px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 20px;
}

.card__text h2:not(:first-child) {
	margin-top: 32px;
}

.card__text ul {
	margin: 15px 0;
}

.card__text ol {
	margin: 15px 0;
	padding-left: 20px;
}

.card__text ul li {
	position: relative;
	margin-bottom: 14px;
	padding-left: 25px;
}

.card__text ul li::before {
	content: "•";
	position: absolute;
	left: 0;
	color: var(--main-color);
	font-size: 18px;
}

.card__text ol li {
	margin-bottom: 10px;
}

@media screen and (max-width: 1023.98px) {
	.pricing {
		padding-bottom: 32px;
	}
}

.pricing__title {
	font-size: 32px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 30px;
}

.pricing-table__title {
	font-size: 18px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

.pricing-table__list {
	margin: -1px 0 0 0;
}

.pricing-row__detail--service {
	width: 300px;
	font-weight: 500;
}

.pricing-row__detail--price {
	font-weight: 500;
	width: 140px;
	text-align: left;
}

@media screen and (max-width: 767px) {
	.pricing-row__detail {
		font-size: 14px;
	}

	.pricing-row__detail--price {
		width: 100px;
	}
}

.card-sidebar__body {
	position: sticky;
	top: 140px;
	border: 1px solid #b7deff;
	padding: 24px;
	border-radius: 6px;
}

@media(min-width:1024px) {
	.card-sidebar__body {
		margin-top: 65px;
	}
}

.card-sidebar__body>button {
	width: 100%;
	font-size: 14px;
}


.product__add-to-cart-icon {
	--icon: url(../catalog/assets/svg-sprite.svg#cart-icon);
	--fill: #ffffff;
	display: inline-flex;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--fill, black);
	mask: var(--icon) no-repeat center / contain;
	-webkit-mask: var(--icon) no-repeat center / contain;
	transition: background-color 0.3s ease;
	margin-right: 10px;
}

.product__add-to-cart--in-cart .product__add-to-cart-icon {
	--icon: url(../catalog/assets/svg-sprite.svg#checkmark-icon);
	--fill: var(--color-black);
}

.card-sidebar__title {
	font-size: 28px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

.card-sidebar__text {
	font-size: 16px;
	margin: 20px 0;
}

.card-order__title {
	font-size: 26px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 20px;
}

.card-order__agree {
	font-size: 12px;
	color: #8d8d8d;
	line-height: 1.1;
}

.card-order__agree a {
	color: var(--main-color);
}

.card-order__agree a:hover {
	color: var(--color-black);
}

.card-order .form-input {
	margin-bottom: 26px;
	background: #ffffff;
}

.card-order__button {
	width: 100%;
	margin-bottom: 20px;
}

.button-cart {
	padding: 8px 10px;
}

@media screen and (max-width: 767px) {
	.button-cart {
		padding: 6px 8px;
	}
}

.service__features {
	padding: 56px 0;
}

@media(max-width:1023.98px) {
	.service__features {
		padding: 0;
	}
}

.service-features__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	grid-gap: 32px 24px;
}

@media(max-width:767px) {
	.service-features__list {
		grid-gap: 14px;
	}
}

.service-features-item {
	padding: 24px;
	background: #f2f9ff;
	border-radius: 6px;
}

.service-features-item__caption {
	display: flex;
	align-items: flex-start;
	margin-bottom: 14px;
}

.service-features-item__image {
	flex: none;
	width: 54px;
	height: 54px;
	border-radius: 6px;
	background-color: #1a73b7;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px;
	position: relative;
	margin-left: auto;
}

.service-features-item__image img {
	filter: invert();
}

.service-features-item__title {
	align-self: center;
	padding: 3px 20px 3px 0;
	margin: 0 0 -3px;
	font-size: 18px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.5;
	letter-spacing: 0.01em;
}

.card__advantages {
	margin: 32px 0;
	gap: 32px;
}

@media(min-width:1023.98px) {
	.card__advantages {
		margin: 56px 0 112px;
		display: flex;
	}
}



.card-advantages__caption {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 32px;
	flex: 0 0 39%;
	position: relative;
	z-index: 5;
	background-color: var(--color-blue);
}

@media(max-width:1023.98px) {
	.card-advantages__caption {
		padding: 24px;
	}
}

.card-advantages__title {
	font-size: 42px;
	line-height: 1.1;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	position: relative;
	border-radius: 6px;
	margin-bottom: 24px;
}

@media(max-width:1023.98px) {
	.card-advantages__title {
		font-size: 32px;
	}
}

.card-advantages__desc {
	font-size: 18px;
	margin-bottom: 32px;
}

.card-advantages__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

@media(max-width:767px) {
	.card-advantages__list {
		padding-top: 8px;
		grid-template-columns: 1fr;
	}
}

.card-advantages-item {
	padding: 24px;
}

@media(max-width:767px) {
	.card-advantages-item {
		display: flex;
		padding: 24px 0;
		gap: 24px;
		align-items: flex-start;
	}

	.card-advantages-item:not(:last-child) {
		border-bottom: 1px solid #d5d5d5;
	}

	.card-advantages-item p {
		margin-bottom: 0;
	}
}

@media (min-width: 1024px) {
	.card-advantages-item:nth-child(1) {
		border-right: 1px solid #d5d5d5;
		border-bottom: 1px solid #d5d5d5;
	}

	.card-advantages-item:nth-child(2) {
		border-bottom: 1px solid #d5d5d5;
	}

	.card-advantages-item:nth-child(3) {
		border-right: 1px solid #d5d5d5;
	}
}

.card-advantages-item__image {
	max-width: 50px;
	margin-bottom: 12px;
}

.card-advantages-item__title {
	font-family: var(--sec-font-family);
	line-height: 1.2;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 12px;
}

@media(max-width:1023.98px) {
	.card-advantages-item__title {
		font-size: 18px;
	}
}

.page-gallery--bottom {
	padding-bottom: 112px;
}

@media screen and (max-width: 1023.98px) {
	.page-gallery--bottom {
		padding-bottom: 32px;
	}
}

.page-gallery__title {
	font-size: 32px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 30px;
}

.page-gallery__body {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

@media screen and (max-width: 1023.98px) {
	.page-gallery__body {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 768px) {
	.page-gallery__body {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 8px;
	}
}

.page-gallery__item {
	overflow: hidden;
	border-radius: 6px;
	height: 320px;
}

@media screen and (max-width: 767px) {
	.page-gallery__item {
		height: 120px;
	}
}

.page-gallery__image {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	display: block;
}

.card-tab {
	margin: 50px 0;
}

@media screen and (max-width: 767px) {
	.card-tab {
		margin: 50px 0 0;
	}
}

.card-tab__nav {
	display: flex;
	align-items: center;
	column-gap: 40px;
	border-bottom: 1px solid #e7e7e7;
}

@media screen and (max-width: 530px) {
	.card-tab__nav {
		overflow-y: hidden;
		overflow-x: auto;
		column-gap: 0;
	}
}

.card-tab__nav::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.card-tab__nav-item {
	font-family: var(--sec-font-family);
	cursor: pointer;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	color: var(--color-dark-green);
	transition: var(--transition-normal);
	padding: 0 30px 18px;
	position: relative;
}

@media(min-width:768px) {
	.card-tab__nav-item {
		font-size: 22px;
		padding: 0 90px 18px;
	}
}

.card-tab__nav-item:hover {
	color: var(--color-green);
}

.card-tab__nav-item:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	background: transparent;
	z-index: 1;
}

.card-tab__nav-item.active {
	color: var(--main-color);
}

.card-tab__nav-item.active:before {
	background: var(--main-color);
}

.card-tab__body {
	padding-top: 40px;
}

.card-tab__body-item {
	display: none;
}

.card-tab__body-item.active {
	display: block;
}

.card-desc {
	padding-bottom: 30px;
}

.card-desc__top {
	border-bottom: 1px solid var(--color-olive);
}

.card-desc__title {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.38889;
	color: var(--color-dark-green);
	margin-bottom: 25px;
}

.card-desc__text {
	font-size: 18px;
	line-height: 1.38889;
	color: var(--color-dark-green);
}

.card-desc__items li {
	font-size: 18px;
	line-height: 1.38889;
	color: var(--color-dark-green);
	padding-left: 21px;
	position: relative;
}

.card-desc__items li:not(:last-child) {
	margin-bottom: 10px;
}

.card-desc__items li:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--color-dark-green);
	position: absolute;
	top: 8px;
	left: 0;
}

.faq {
	padding-bottom: 56px;
}

.about-faq {
	padding: 56px 0 112px;
}

@media screen and (max-width: 1023.98px) {
	.about-faq {
		padding-bottom: 32px;
	}
}

.faq__title {
	font-size: 32px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	.faq__title {
		font-size: 28px;
		line-height: 36px;
		margin-bottom: 20px;
	}
}

.faq-item {
	border-bottom: 1px solid #dddddd;
	padding: 30px 0 25px;
}

@media screen and (max-width: 1023.98px) {
	.faq-item {
		padding: 24px 0 16px;
	}
}

.faq-item__title {
	color: var(--color-black);
	font-family: var(--sec-font-family);
	position: relative;
	font-size: 20px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	margin-bottom: 8px;
	padding-left: 70px;
	cursor: pointer;
	transition: margin-bottom 0.3s ease;
}

@media screen and (max-width: 1023.98px) {
	.faq-item__title {
		font-size: 18px;
	}
}

.faq-item__title::before,
.faq-item__title::after {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	width: 20px;
	height: 2px;
	background-color: var(--main-color);
	transform-origin: center;
	transition: transform 0.3s ease, background-color 0.3s ease;
}

.faq-item__title::before {
	transform: rotate(90deg);
}

.faq-item__title::after {
	transform: rotate(180deg);
}

.faq-item__title.active::before {
	transform: rotate(45deg);
	background-color: var(--color-black);
}

.faq-item__title.active::after {
	transform: rotate(135deg);
	background-color: var(--color-black);
}

.faq-item__title.active {
	margin-bottom: 20px;
}

.faq-item__text {
	font-size: 16px;
	line-height: 150%;
	color: #585858;
	padding-left: 70px;
}

.question {
	color: #fff;
	line-height: 27px;
	display: flex;
	width: 70%;
	margin-top: -200px;
	margin-right: -160px;
	margin-left: auto;
	padding: 50px 60px;
	background: #a2c5ff;
	box-shadow: 4px 4px 100px rgb(237 244 252);
	justify-content: space-between;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}


@media (min-width: 768px) and (max-width: 1199px) {
	.question {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
		margin-left: auto;
		padding: 30px 60px;
	}
}

@media screen and (max-width: 767px) {
	.question {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding: 50px 40px;
		margin-bottom: 50px;
	}
}

.question__title {
	font-size: 22px;
	font-weight: bold;
	line-height: 28px;
	max-width: 250px;
}

@media screen and (max-width: 767px) {
	.question__title {
		margin-bottom: 20px;
	}
}

.question__text {
	font-size: 14px;
	line-height: 22px;
	width: 460px;
	max-width: calc(100% - 365px);
	margin-right: 70px;
}

@media screen and (max-width: 767px) {
	.question__text {
		width: 100%;
		max-width: 100%;
		margin-right: 0;
	}
}

.projects-grid-item__overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	outline: none;
	transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	background: linear-gradient(to top,
			#1a73b7,
			rgba(26, 115, 183, 0.98032) 8.37%,
			rgba(26, 115, 183, 0.92593) 16.09%,
			rgba(26, 115, 183, 0.84375) 23.36%,
			rgba(26, 115, 183, 0.74074) 30.37%,
			rgba(26, 115, 183, 0.62384) 37.31%,
			rgba(26, 115, 183, 0.5) 44.38%,
			rgba(26, 115, 183, 0.37616) 51.75%,
			rgba(26, 115, 183, 0.25926) 59.63%,
			rgba(26, 115, 183, 0.15625) 68.2%,
			rgba(26, 115, 183, 0.07407) 77.66%,
			rgba(26, 115, 183, 0.01968) 88.2%,
			rgba(26, 115, 183, 0));
	opacity: 0.5;
}

.projects-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 24px;
}

@media screen and (max-width: 1023.98px) {
	.projects-grid {
		display: flex;
		gap: 8px;
		overflow-y: hidden;
		padding-bottom: 30px;
		margin-top: 32px;
		margin-bottom: 30px;
		margin-right: -20px;
	}
}

.projects-grid__item {
	position: relative;
	border-radius: 6px;
	width: 256px;
}

@media (min-width: 681px) and (max-width: 1023.98px) {
	.projects-grid__item {
		width: 340px;
	}
}

@media (min-width: 1024px) {
	.projects-grid__item {
		width: 100%;
		min-height: 300px;
		overflow: hidden;
	}
}

.projects-grid-item__link {
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	position: relative;
	min-height: 400px;
	border-radius: 8px;
	overflow: hidden;
}

@media screen and (max-width: 680px) {
	.projects-grid-item__link {
		min-height: 240px;
		width: 256px;
	}
}

@media (min-width: 681px) and (max-width: 1023.98px) {
	.projects-grid-item__link {
		min-height: 240px;
		width: 340px;
	}
}


.projects-grid-item__image {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
	max-height: 100%;
}

.projects-grid-item__image img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.projects-grid-item__caption {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
	width: 100%;
	padding: 32px;
	color: #ffffff;
}

@media screen and (max-width: 1023.98px) {
	.projects-grid-item__caption {
		padding: 16px;
	}
}

.projects-grid-item__title {
	font-family: var(--sec-font-family);
	color: #ffffff;
	font-weight: 500;
	font-size: 30px;
	line-height: 1.2;
	text-transform: uppercase;
	max-width: 316px;
}

@media screen and (max-width: 1023.98px) {
	.projects-grid-item__title {
		font-size: 20px;
	}
}

@media (min-width: 1024px) {
	.coordination-info__body {
		padding-bottom: 56px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 32px;
	}
}

.coordination-info__note {
	padding: 32px;
	background: var(--color-blue);
	border-radius: 6px;
	margin-bottom: 32px;
}

@media(max-width:1023.98px) {
	.coordination-info__note {
		padding: 20px;
	}
}

.coordination-note__title {
	font-size: 36px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 24px;
}

@media(max-width:1023.98px) {
	.coordination-note__title {
		font-size: 32px;
	}
}

.approval-steps {
	padding: 32px;
	background: var(--color-blue);
	border-radius: 6px;
}

@media(max-width:1023.98px) {
	.approval-steps {
		padding: 20px;
	}
}

.approval-steps__title {
	font-size: 36px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 24px;
}

@media(max-width:1023.98px) {
	.approval-steps__title {
		font-size: 32px;
	}
}

.approval-steps__list {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.approval-steps__item {
	display: flex;
	flex-direction: column;
}

.approval-steps__label {
	font-size: 20px;
	margin-bottom: 10px;
	color: #34495e;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

.approval-steps__bar-wrapper {
	display: flex;
	align-items: center;
	gap: 12px;
}

@media(max-width:767px) {
	.approval-steps__bar-wrapper {
		flex-direction: column;
		align-items: flex-start;
	}
}

.approval-steps__bar {
	height: 12px;
	border-radius: 6px;
	background-color: #3498db;
	flex-shrink: 0;
}

.approval-steps__bar--short {
	width: 40px;
}

.approval-steps__bar--medium {
	width: 60px;
}

.approval-steps__bar--long {
	width: 280px;
}

.approval-steps__duration {
	font-size: 16px;
	color: #afc3c5;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

.approval-steps__bar {
	position: relative;
	height: 18px;
	border-radius: 6px;
	background-color: #3498db;
	overflow: hidden;
}

.approval-steps__bar::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	background-image: linear-gradient(135deg,
			rgba(255, 255, 255, 0.3) 25%,
			transparent 25%,
			transparent 50%,
			rgba(255, 255, 255, 0.3) 50%,
			rgba(255, 255, 255, 0.3) 75%,
			transparent 75%,
			transparent);
	background-size: 40px 40px;
	animation: stripeMove 1s linear infinite;
	z-index: 1;
}

.approval-steps__bar--short,
.approval-steps__bar--medium,
.approval-steps__bar--long {
	z-index: 0;
}

@keyframes stripeMove {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 40px 0;
	}
}

.coordination-form__title {
	font-size: 36px;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	margin-bottom: 24px;
}

@media(max-width:1023.98px) {
	.coordination-form__title {
		font-size: 32px;
	}
}

.coordination-form__desc {
	color: #333333;
	margin-bottom: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 20px;
	padding: 15px;
	background: #44e83214;
	border-radius: 6px;
}

.coordination-form__desc-img {
	width: 100%;
	max-width: 40px;
	margin-right: 15px;
	border-radius: 50%;
}

.coordination-form__note {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 20px;
	padding: 15px;
	background: #e8323214;
	border-radius: 6px;
	margin-top: 24px;
}

.coordination-form__note-img {
	width: 100%;
	max-width: 40px;
	margin-right: 15px;
}

.coordination-info__form {
	padding: 32px;
	background: var(--color-blue);
	border-radius: 6px;
}

@media(max-width:1023.98px) {
	.coordination-info__form {
		padding: 20px;
	}
}

.coord-form__agree {
	font-size: 12px;
	color: #999999;
}

.coord-form__cols {
	display: grid;
	gap: 20px;
}

@media (min-width: 1024px) {
	.coord-form__cols {
		grid-template-columns: repeat(2, 1fr);
	}
}

.timeline {
	padding: 56px 0;
}

@media(max-width:1023.98px) {
	.timeline {
		padding: 32px 0 0;
	}
}

.timeline__title {
	font-size: 64px;
	line-height: 1.1;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	position: relative;
	margin-bottom: 36px;
}

@media(max-width:1023.98px) {
	.timeline__title {
		font-size: 32px;
	}
}

.timeline__body {
	counter-reset: timeline__item;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 32px;
}

.timeline__item {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	font-size: 14px;
	padding: 20px;
	margin-bottom: 0;
	background: var(--color-blue);
	border-radius: 6px;
}

@media(min-width:1024px) {
	.timeline__item {
		display: block;
		width: calc(25% - 24px);
		padding: 48px 24px;
	}
}

.timeline__item:before {
	position: absolute;
	top: 24px;
	right: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	font-size: 32px;
	color: var(--main-color);
	line-height: 1;
	font-weight: 700;
	content: counter(timeline__item, decimal-leading-zero);
	counter-increment: timeline__item;
	vertical-align: top;
	opacity: 0.1;
}

@media(max-width:1023.98px) {
	.timeline__item:before {
		top: 12px;
		right: 12px;
		font-size: 28px;
	}
}

.timeline__item:not(:last-child):after {
	content: '';
	background: url(/wp-content/uploads/next-icon.svg);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -32px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 56px;
	height: 56px;
	opacity: 0.3;
}

@media(max-width:1023.98px) {
	.timeline__item:not(:last-child):after {
		top: auto;
		bottom: -22px;
		transform: rotate(90deg);
		right: 6px;
	}
}

.timeline-item__img {
	max-width: 60px;
	margin-right: 14px;
}

@media(min-width:1024px) {
	.timeline-item__img {
		max-width: 70px;
		margin-bottom: 10px;
		margin-right: 0;
	}
}

.timeline-item__text {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 0.01em;
}

.docs-list {
	padding: 56px 0 112px;
}

@media screen and (max-width: 1023.98px) {
	.docs-list {
		padding: 32px 0;
	}
}

.docs-list__title {
	font-size: 64px;
	line-height: 1.1;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	position: relative;
	margin-bottom: 36px;
}

@media screen and (max-width: 1179.98px) {
	.docs-list__title {
		font-size: 48px;
	}
}

@media screen and (max-width: 1023.98px) {
	.docs-list__title {
		font-size: 32px;
	}
}

.docs-list__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

@media screen and (max-width: 1023.98px) {
	.docs-list__grid {
		grid-template-columns: auto;
	}
}

@media screen and (min-width: 520px) and (max-width: 1023.98px) {
	.docs-list__grid {
		grid-template-columns: 1fr 1fr;
	}
}

.docs__item {
	background-color: var(--color-blue);
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	padding: 24px;
	width: 100%;
	min-height: 100%;
}

@media screen and (max-width: 1023.98px) {
	.docs__item {
		padding: 16px;
	}
}

.doc__caption {
	display: flex;
	align-items: center;
	gap: 24px;
}

@media screen and (max-width: 1023.98px) {
	.doc__caption {
		align-items: center;
		gap: 14px;
	}
}

.doc__title {
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.01em;
}

.doc__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 75px;
	height: 75px;
	width: 75px;
	margin-right: -1px;
}

@media screen and (max-width: 1023.98px) {
	.doc__icon {
		height: 75px;
		width: 75px;
		min-width: 56px;
	}
}

.blog-list {
	padding: 0 0 112px;
}

@media screen and (max-width: 1023.98px) {
	.blog-list {
		padding: 0 0 32px;
	}
}

.blog-list__title {
	font-family: var(--sec-font-family);
	font-size: clamp(1.875rem, 1.725rem + 0.75vw, 2.625rem);
	color: #2a2a2a;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 40px;
}

.blog-list__grid {
	display: grid;
	grid-auto-rows: auto;
	grid-gap: 32px;
	padding-bottom: 0;
	margin-bottom: 0;
}

@media screen and (min-width: 520px) and (max-width: 1023.98px) {
	.blog-list__grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media(min-width:1024px) {
	.blog-list__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.blog-list-grid__item {
	height: 100%;
	position: relative;
	cursor: pointer;
}

.blog-list-item__wrap {
	display: flex;
	gap: 10px;
}

.blog-list-grid__item .blog-list-item__wrap {
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	position: relative;
	min-height: 500px;
	border-radius: 8px;
	overflow: hidden;
}

.blog-list-grid__item .blog-list-item__wrap {
	min-height: 450px;
}

@media screen and (max-width: 679px) {
	.blog-list-grid__item .blog-list-item__wrap {
		min-height: 350px;
	}
}

.blog-list-grid__item .blog-list-item__image {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
	max-height: 100%;
}

.blog-list-grid__item .blog-list-item__image img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.blog-list-grid__item:hover .blog-list-item__image img {
	transform: scale(1.15) translateZ(0);
}

.blog-list-grid__item .blog-list-item__overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	outline: none;
	transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	background: linear-gradient(to top, #476235, rgba(71, 98, 53, 0.98032) 8.37%, rgba(71, 98, 53, 0.92593) 16.09%, rgba(71, 98, 53, 0.84375) 23.36%, rgba(71, 98, 53, 0.74074) 30.37%, rgba(71, 98, 53, 0.62384) 37.31%, rgba(71, 98, 53, 0.5) 44.38%, rgba(71, 98, 53, 0.37616) 51.75%, rgba(71, 98, 53, 0.25926) 59.63%, rgba(71, 98, 53, 0.15625) 68.2%, rgba(71, 98, 53, 0.07407) 77.66%, rgba(71, 98, 53, 0.01968) 88.2%, rgba(71, 98, 53, 0));
	opacity: 0.5;
}

.blog-list-grid__item .blog-list-item__content {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
	width: 100%;
	padding: 16px;
	color: #ffffff;
}

.blog-list-item__info {
	background: #f9f9f9d1;
	padding: 16px;
	border-radius: 6px;
}

.blog-list-grid__item .blog-list-item__title {
	font-family: var(--sec-font-family);
	color: var(--color-black);
	font-weight: 500;
	font-size: 22px;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.blog-list-grid__item .blog-list-item__time {
	text-transform: uppercase;
	color: var(--main-color);
	font-size: 12px;
}

.blog-list-item__image {
	flex: 0 0 28%;
}

.blog-list-item__title {
	font-family: var(--sec-font-family);
	color: #333333;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 12px;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.blog-list-item__time {
	line-height: 1;
	margin-bottom: 10px;
	font-size: 12px;
}

.blog-list-item__image {
	height: 110px;
	border-radius: 6px;
	overflow: hidden;
}

.blog-list-item__image img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}

.pagination {
	padding: 32px 0;
	width: 100%;
	display: flex;
	justify-content: center;
}

.pagination__links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-black);
	color: var(--color-white);
	width: 48px;
	height: 48px;
	font-size: 16px;
	font-weight: 500;
	line-height: 35px;
	border-radius: 6px;
	margin: 2px 5px;
}

a.page-numbers:hover {
	background: var(--main-color);
}

.page-numbers.current {
	background: var(--main-color);
}

.articles {
	padding-bottom: 112px;
}

@media screen and (max-width: 1023.98px) {
	.articles {
		padding-bottom: 32px;
	}
}

.articles__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 30px;
}

@media screen and (max-width: 1023.98px) {
	.articles__list {
		display: flex;
		gap: 8px;
		overflow-y: hidden;
		padding-bottom: 30px;
		margin-top: 32px;
		margin-bottom: 30px;
		margin-right: -20px;
	}
}

.articles__list-item {
	padding: 20px 20px 30px 20px;
	background: #f8f8f8;
	border-radius: 6px;
}

.articles__list-item:hover .articles__list-item-name {
	color: var(--main-color);
}

.articles__list-item-photo {
	height: 180px;
	border-radius: 8px;
	overflow: hidden;
}

.articles__list-item-photo img {
	height: 100%;
	object-fit: cover;
}

.articles__list-item-name {
	font-family: var(--sec-font-family);
	color: #333333;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.articles__list-item-data {
	font-size: 12px;
	margin: 18px 0 12px;
	line-height: 1;
}

.article {
	padding-bottom: 56px;
}

@media screen and (max-width: 767px) {
	.article {
		padding-bottom: 20px;
	}
}

.article__body {
	max-width: 1000px;
	margin: 0 auto;
}

.article__date {
	font-size: 14px;
	margin-bottom: 20px;
	color: #999999;
}

.article__img {
	margin-bottom: 30px;
	height: 500px;
	border-radius: 6px;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.article__img {
		height: 300px;
	}
}

.article__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.article h2 {
	font-size: 22px;
	margin: 30px 0 20px;
	font-weight: 500;
}

.article p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 20px;
}

.article ul {
	margin: 15px 0;
}

.article ol {
	margin: 15px 0;
	padding-left: 20px;
}

.article ul li {
	font-size: 16px;
	line-height: 1.5;
	position: relative;
	margin-bottom: 10px;
	padding-left: 25px;
}

.article ul li::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	background: url(/wp-content/uploads/fan-icon.svg);
	display: inline-flex;
	width: 12px;
	height: 12px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: background-color 0.3s ease;
}

.article ol li {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 10px;
}

.contacts {
	padding-bottom: 56px;
}

@media(min-width:992px) {
	.contacts__box {
		width: 100%;
		display: flex;
		align-items: stretch;
	}
}

.contacts__info {
	width: 100%;
	display: grid;
	gap: 16px;
}

@media(min-width:680px) {
	.contacts__info {
		grid-template-columns: repeat(2, 1fr);
		gap: 32px;
		margin-bottom: 0;
	}
}

.contacts__item {
	display: flex;
	overflow: hidden;
	padding: 32px;
	background-color: var(--color-blue);
	border-radius: 6px;
	flex-direction: column;
}

@media screen and (max-width: 1023.98px) {
	.contacts__item {
		padding: 16px;
	}
}

.contacts__title {
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: var(--main-color);
	line-height: 1;
	margin-bottom: 12px;
}

.contacts__phones {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

@media screen and (max-width: 1023.98px) {
	.contacts__phones {
		gap: 14px;
	}
}

.contacts__phone {
	font-family: var(--sec-font-family);
	font-size: 42px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
}

@media screen and (max-width: 1023.98px) {
	.contacts__phone {
		font-size: 28px;
	}
}

.contacts__email-text {
	font-family: var(--sec-font-family);
	font-size: 42px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
}

@media screen and (max-width: 1023.98px) {
	.contacts__email-text {
		font-size: 26px;
	}
}

@media (min-width: 1024px) and (max-width: 1280px) {
	.contacts__email-text {
		font-size: 36px;
	}
}

.contacts .socials {
	display: flex;
	padding: 10px 0 0;
}

.contacts .socials__item,
.contacts .socials__icon {
	width: 40px;
	height: 40px;
}

@media screen and (max-width: 1023.98px) {
	.contacts .socials {
		gap: 16px;
		padding: 5px 0;
	}

	.contacts .socials__item,
	.contacts .socials__icon {
		width: 36px;
		height: 36px;
	}
}

.pay-info__item {
	font-size: 18px;
	margin-bottom: 12px;
	line-height: 1.5;
	font-weight: 500;
}

.contacts__text {
	margin-bottom: 24px;
}

.contacts__text a {
	font-weight: 500;
	color: var(--main-color);
}

.contacts__callback {
	padding: 24px;
	background: #ffffff;
	border-radius: 6px;
	display: grid;
	grid-template-columns: auto;
	grid-gap: 16px;
}

@media(min-width:1200px) {
	.contacts__callback {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 32px;
	}
}

.contacts__callback-title {
	font-family: var(--sec-font-family);
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.2;
}

.map-loader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 20px;
	text-align: center;
	color: #595959;
	z-index: 4;
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	background: -o-repeating-linear-gradient(45deg, #e6e6e6, #e6e6e6 10px, #fff 10px, #fff 20px);
	background: repeating-linear-gradient(45deg, #e6e6e6, #e6e6e6 10px, #fff 10px, #fff 20px);
	background-position: 0 0;
	background-size: 28px 100%;
	opacity: .7;
	-webkit-animation: map-loader-animation .5s infinite linear;
	animation: map-loader-animation .5s infinite linear;
}


@keyframes map-loader-animation {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -28px 0;
	}
}

@-webkit-keyframes map-loader-animation {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -28px 0;
	}
}

#map {
	width: 100%;
	height: 400px
}

@media(min-width:992px) {
	#map {
		position: absolute;
		top: 0;
		left: 0;
		width: 50vw;
		height: 100%;
	}
}

[class*="ymaps-2"][class*="-ground-pane"] {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
}

.about__body {
	display: flex;
}

@media screen and (max-width: 992px) {
	.about__body {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.about__top {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 60px;
	margin-bottom: 56px;
}

@media screen and (max-width: 1023.98px) {
	.about__top {
		grid-template-columns: auto;
		grid-gap: 0;
		margin-bottom: 32px;
	}
}

.about__text-img {
	margin-bottom: 32px;
}

@media screen and (max-width: 1300px) {
	.about__image {
		max-width: 380px;
	}
}

@media screen and (max-width: 992px) {
	.about__image {
		max-width: none;
		width: 70%;
		margin-bottom: 30px;
		margin: 0 auto 30px;
	}
}

.about__text p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 20px;
}

.about__text h2 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 26px;
	font-family: var(--sec-font-family);
	color: #2a2a2a;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.3;
	letter-spacing: 0.01em;
}

.about__bottom {
	padding: 32px 32px 12px;
	background: var(--color-blue);
	border-radius: 6px;
}

@media screen and (max-width: 1023.98px) {
	.about__bottom {
		padding: 16px 16px 6px;
	}
}

.about__text h3 {
	font-family: var(--sec-font-family);
	text-transform: uppercase;
	margin: 0 0 14px;
	color: #2a2a2a;
	font-size: 26px;
	font-weight: 400;
}

.about__text ul {
	padding: 16px 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 16px;
}

@media screen and (max-width: 1023.98px) {
	.about__text ul {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 768px) {
	.about__text ul {
		grid-template-columns: auto;
	}
}

.documents {
	padding: 112px 0 28px;
	overflow: hidden;
}

@media(max-width:767px) {
	.documents {
		padding: 34px 0 0;
	}
}

.documents__title {
	font-size: 64px;
	line-height: 1.1;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	position: relative;
	margin-bottom: 32px;
}

.documents__body {
	flex: 0 0 37.5%;
	position: relative;
	z-index: 5;
}

.documents__title {
	text-align: left;
}

@media screen and (max-width: 1023.98px) {
	.documents__title {
		font-size: 32px;
	}
}

.documents__text {
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 36px;
}

@media(max-width:1023.98px) {
	.documents__text {
		font-size: 16px;
		line-height: 1.4;
		margin-bottom: 32px;
	}
}

.documents__slider {
	flex: 1 1 auto;
	min-width: 0;
	align-self: flex-start;
}

.slider-documents {
	position: relative;
}

.slider-documents__body {
	width: auto;
	overflow: hidden;
	margin-right: -47%;
}

.slider-documents__slide {
	width: 372px;
	position: relative;
	overflow: hidden;
	min-height: 240px;
}

.slider-documents__slide.swiper-slide-active .slider-documents__image {
	height: 100%;
}

.slider-documents__image {
	transition: height .8s ease 0s;
	height: 100%;
}

.slider-documents__content {
	color: inherit;
	max-width: 100%;
	width: 100%;
	background: rgba(255, 255, 255, .9);
	border-radius: 6px;
	font-size: 14px;
	overflow: hidden;
	box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

@media screen and (min-width: 1024px) {
	.slider-documents__content {
		min-height: 360px;
	}
}

.slider-documents__content::before {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translate(100%, 0);
	width: 48px;
	height: 48px;
	background-color: #e89f71;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.slider-documents__title {
	font-family: var(--sec-font-family);
	text-transform: uppercase;
	font-size: 18px;
}

.slider-documents__link {
	text-decoration: underline;
	color: var(--color-black);
}

.slider-documents__arrows {
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: calc(100% - 48px);
	left: 24px;
	z-index: 5;
	justify-content: space-between;
}

.slider-documents__dotts {
	margin-top: 30px;
	text-align: center;
	width: 100%;
}

@media (min-width: 992px) {
	.documents__container {
		display: flex;
	}

	.documents__body {
		padding-right: 80px;
	}
}

@media (min-width: 1282px) {
	.slider-documents__arrows {
		left: -24px;
		width: calc(100% + 48px);
	}
}

@media (max-width: 992px) {
	.documents__body {
		margin: 0 0 30px 0;
	}
}

@media (max-width: 768px) {
	.slider-documents__dotts {
		justify-content: center;
		padding: 15px 0 0 0;
	}
}

@media (max-width: 480px) {
	.slider-documents__slide {
		width: 100%;
	}
}

@media (min-width: 992px) and (max-width:1270px) {
	.documents__body {
		padding-right: calc(30px + 50 * ((100vw - 320px)/ 950));
	}
}

.controls-slider-documents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.controls-slider-documents__dotts {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

@media (min-width: 991.98px) {
	.controls-slider-documents__dotts {
		margin-top: 0;
		padding: 0;
		transform: translateY(24px);
	}
}

.controls-slider-documents__dotts .swiper-pagination-bullet {
	cursor: pointer;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 27px;
	flex: 0 0 27px;
	height: 27px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 2px 0;
	background: transparent;
}

.controls-slider-documents__dotts .swiper-pagination-bullet::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid var(--main-color);
	-webkit-transition: -webkit-transform .3s ease 0s;
	transition: -webkit-transform .3s ease 0s;
	-o-transition: transform .3s ease 0s;
	transition: transform .3s ease 0s;
	transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.controls-slider-documents__dotts .swiper-pagination-bullet::after {
	content: "";
	width: 11px;
	height: 11px;
	background-color: #9b9b9b;
	border-radius: 50%;
	-webkit-transition: background-color .3s ease 0s;
	-o-transition: background-color .3s ease 0s;
	transition: background-color .3s ease 0s;
}

.controls-slider-documents__dotts .swiper-pagination-bullet:before {
	border: 1px solid var(--main-color);
}

.controls-slider-documents__dotts .swiper-pagination-bullet::after {
	background-color: var(--main-color);
}

.controls-slider-documents__dotts .swiper-pagination-bullet-active::before {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.controls-slider-documents__dotts .swiper-pagination-bullet-active::after {
	background-color: var(--main-color);
}

.partners {
	padding: 0;
}

.partners__title {
	font-size: 52px;
	line-height: 1.1;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	position: relative;
	margin-bottom: 32px;
}

.scroller {
	max-width: 100%;
}

.scroller__inner {
	padding: 40px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 64px;
}

@media(max-width:1023.98px) {
	.scroller__inner {
		gap: 32px;
	}
}

.scroller[data-animated="true"] {
	overflow: hidden;
	-webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
	mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}

.scroller[data-animated="true"][data-direction="left"][data-speed="fast"] .scroller__inner {
	width: max-content;
	flex-wrap: nowrap;
	animation: scroll 80s linear infinite forwards;
}

.scroller[data-animated="true"][data-direction="left"][data-speed="slow"] .scroller__inner {
	width: max-content;
	flex-wrap: nowrap;
	animation: scroll 120s linear infinite forwards;
}

.scroller[data-animated="true"][data-direction="right"][data-speed="fast"] .scroller__inner {
	width: max-content;
	flex-wrap: nowrap;
	animation: scroll 80s linear infinite reverse;
}

.scroller[data-animated="true"][data-direction="right"][data-speed="slow"] .scroller__inner {
	width: max-content;
	flex-wrap: nowrap;
	animation: scroll 120s linear infinite reverse;
}

@keyframes scroll {
	to {
		transform: translate(calc(-50% - 0.5rem));
	}
}

.partners__logo {
	max-height: 80px;
	filter: grayscale(1);
	opacity: 0.5;
	transition: all 0.3s ease;
}

@media(max-width:1023.98px) {
	.partners__logo {
		max-height: 50px;
	}
}

.partners__logo:hover {
	filter: grayscale(0);
	opacity: 1;
}

.legal-info {
	padding: 56px 0;
	overflow: hidden;
}

@media(max-width:1023.98px) {
	.legal-info {
		padding: 32px 0;
	}
}

.legal-info__wrap {
	display: grid;
	grid-template-columns: 0.25fr 2fr;
	grid-template-rows: auto;
	grid-gap: 14px 32px;
	background: linear-gradient(268deg, #3a94d9 1.57%, #1a73b7 99.48%);
	border-radius: 6px;
	padding: 24px;
}

@media(max-width:767px) {
	.legal-info__wrap {
		margin: 0 -20px;
		padding: 24px 20px;
		grid-template-columns: 0.8fr 2fr;
		grid-gap: 12px 24px;
	}
}

.legal-info__icon {
	grid-area: 1 / 1 / 3 / 2;
	position: relative;
	z-index: 5;
}

.legal-info__title {
	font-family: var(--sec-font-family);
	font-size: 26px;
	color: #ffffff;
	line-height: 1.3;
	text-transform: uppercase;
	font-weight: 400;
}

@media(max-width:440px) {
	.legal-info__title {
		font-size: 24px;
	}
}

.legal-info__desc {
	color: #ffffff;
	margin: 0;
}

.legal-info__desc p:last-child {
	margin: 0;
}

@media(max-width:767px) {
	.legal-info__desc {
		grid-column-end: span 2;
	}
}

.advantages {
	padding: 56px 0 0;
}

@media screen and (max-width: 1023.98px) {
	.advantages {
		padding: 32px 0;
	}
}

.advantages__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 680px) {
	.advantages__list {
		grid-template-columns: 1fr 1fr;
	}
}

.advantages__btn--outline {
	margin-top: 20px;
	color: var(--main-color);
}

.advantages__item {
	display: flex;
	flex-direction: column;
	padding-right: 24px;
	border: 0 solid #d5d5d5;
}

.advantages__item:nth-child(2) {
	padding-bottom: 48px;
	padding-left: 24px;
	border-right-width: 1px;
	border-bottom-width: 1px;
}

@media screen and (max-width: 680px) {
	.advantages__item:nth-child(2) {
		padding: 24px 20px 24px 0;
		border-bottom-width: 1px;
	}
}

.advantages__item:nth-child(3) {
	padding-bottom: 48px;
	padding-left: 24px;
	padding-right: 0;
	border-bottom-width: 1px;
}

@media screen and (max-width: 680px) {
	.advantages__item:nth-child(3) {
		padding: 24px 0 24px 20px;
		border-bottom-width: 1px;
		border-right-width: 0;
	}
}

.advantages__item:nth-child(4) {
	padding-top: 56px;
	border-right-width: 1px;
}

@media screen and (max-width: 680px) {
	.advantages__item:nth-child(4) {
		padding: 24px 20px 24px 0;
		border-bottom-width: 1px;
	}
}

.advantages__item:nth-child(5) {
	padding-top: 56px;
	padding-left: 24px;
	border-right-width: 1px;
}

@media screen and (max-width: 680px) {
	.advantages__item:nth-child(5) {
		padding: 24px 0 24px 20px;
		border-bottom-width: 1px;
		border-right-width: 0;
	}
}

.advantages__item:nth-child(6) {
	padding-top: 56px;
	padding-left: 24px;
	border-right-width: 1px;
}

@media screen and (max-width: 680px) {
	.advantages__item:nth-child(6) {
		padding: 24px 20px 24px 0;
		border-bottom-width: 1px;
	}
}

.advantages__item:nth-child(7) {
	padding-top: 56px;
	padding-left: 24px;
	padding-right: 0;
}

@media screen and (max-width: 680px) {
	.advantages__item:nth-child(7) {
		padding: 24px 0 24px 20px;
		border-bottom-width: 1px;
		border-right-width: 0;
	}
}

.advantages__item.advantages-item:nth-last-child(-n+4) {
	padding-bottom: 56px;
	border-bottom: 1px solid #D2CCBF;
}

.advantages-caption {
	padding-bottom: 48px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	grid-column-end: span 2;
}

@media screen and (max-width: 767px) {
	.advantages-caption {
		padding: 0 0 16px;
		border-right-width: 0;
		grid-column-end: span 2;
	}
}

.advantages-caption__title {
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
	font-size: 64px;
}

@media screen and (max-width: 1179.98px) {
	.advantages-caption__title {
		font-size: 48px;
	}
}

@media screen and (max-width: 1023.98px) {
	.advantages-caption__title {
		font-size: 32px;
		margin-top: 0;
	}
}

.advantages-caption__text {
	font-size: 20px;
	margin-top: 16px;
}

@media screen and (max-width: 1179.98px) {
	.advantages-caption__text {
		font-size: 16px;
	}
}

@media screen and (max-width: 1023.98px) {
	.advantages-caption__text {
		font-size: 14px;
	}
}


@media screen and (max-width: 1023.98px) {
	.advantages__btn--outline {
		display: none;
	}
}

.advantages__title {
	font-family: var(--sec-font-family);
	font-size: 64px;
	white-space: nowrap;
	color: var(--main-color);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

@media screen and (max-width: 1023.98px) {
	.advantages__title {
		font-size: 32px;
	}
}

.advantages__text {
	font-size: 20px;
	margin-top: 16px;
	line-height: 1.3;
}

@media screen and (max-width: 1180px) {
	.advantages__text {
		font-size: 16px;
	}
}

@media screen and (max-width: 519px) {
	.advantages__text {
		font-size: 14px;
		margin-top: 4px;
	}
}

.advantages__btn {
	display: flex;
	margin-top: 20px;
}

@media(min-width:1024px) {
	.advantages__btn {
		display: none;
	}
}

.map-locations {
	position: relative;
	background: var(--color-blue);
	padding-left: 0;
	min-height: 600px;
}

@media(max-width:1023.98px) {
	.map-locations {
		display: flex;
		flex-direction: column-reverse;
	}
}

@media(max-width:1023.98px) {
	.map-locations__container {
		padding: 32px 20px;
	}
}

.map-locations__map {
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
	position: absolute;
}

#main-map .ymaps-2-1-79-balloon__layout {
	background-color: var(--main-color);
}

#main-map .ymaps-2-1-79-balloon_layout_panel {
	background-color: var(--main-color);
}

.ymaps-2-1-79-balloon__close+.ymaps-2-1-79-balloon__content {
	background-color: var(--main-color);
	color: #ffffff;
	padding: 20px;
}

#main-map .ymaps-2-1-79-balloon__close-button {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='18' height='18' viewBox='0 0 64 64'%3E%3Cg%3E%3Cpath d='M4.59 59.41a2 2 0 0 0 2.83 0L32 34.83l24.59 24.58a2 2 0 0 0 2.83-2.83L34.83 32 59.41 7.41a2 2 0 0 0-2.83-2.83L32 29.17 7.41 4.59a2 2 0 0 0-2.82 2.82L29.17 32 4.59 56.59a2 2 0 0 0 0 2.82z' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

#main-map .ymaps-2-1-79-balloon__tail:after {
	background-color: var(--main-color);
}

.map-locations__item:not(:last-child) {
	margin-bottom: 10px;
}

.map-locations__group {
	width: 50%;
	margin: auto auto auto 0;
}

.map-locations__main {
	padding: 80px 80px 80px 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.map-locations__title {
	font-size: 64px;
	line-height: 1.1;
	font-family: var(--sec-font-family);
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
	max-width: 654px;
	margin-bottom: 36px;
}

@media (max-width: 1024px) {
	.map-locations__title {
		font-size: 32px;
		margin: 0 0 16px;
	}
}

.map-locations__desc {
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 36px;
}

@media(max-width:1023.98px) {
	.map-locations__desc {
		font-size: 16px;
		margin-bottom: 0;
	}

	.map-locations__btn {
		display: none;
	}
}

.map-markers__map-link {
	display: block;
	margin-top: 14px;
	font-weight: 600;
	text-decoration: underline;
}

.map-locations__item {
	display: flex;
	justify-content: flex-start;
	flex-flow: row wrap;
	align-items: center;
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	height: fit-content;
}

.map-locations__item:last-child {
	margin-bottom: 0;
}

.map-locations__name {
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 10px;
	color: #ffffff;
}

.map-locations__name:hover {
	color: var(--main-sec-color);
	text-decoration: none;
}

.map-locations__address {
	cursor: pointer;
	display: flex;
	align-items: center;
}

.map-locations__address:hover {
	color: var(--main-sec-color);
}

.map-locations__phone {
	display: flex;
	align-items: baseline;
	color: #ffffff;
}

.map-locations__phone:hover {
	color: var(--main-sec-color);
	text-decoration: none;
}

.map-locations__icon {
	max-width: 14px;
	max-height: 14px;
	fill: var(--main-sec-color);
	margin-right: 10px;
}

@media (max-width: 1400px) {
	.map-locations__group {
		width: 50%;
	}

	.map-locations__main {
		padding: 80px 15px 80px 48px;
	}
}

@media (max-width: 1023px) {
	.map-locations__main {
		min-height: 880px;
	}
}

@media (max-width: 767px) {

	.map-locations__group,
	.map-locations__map {
		width: 100%;
	}

	.map-locations__map {
		position: relative;
		height: 400px;
	}

	.map-locations__main {
		min-height: 0;
		padding: 0;
	}

	.map-locations__main .title-section {
		text-align: center;
	}
}

.ymaps-2-1-79-ground-pane {
	filter: grayscale(100%);
}


.order {
	padding-bottom: 80px;
}

@media screen and (max-width: 1023.98px) {
	.order {
		padding-bottom: 32px;
	}
}

.order__wrap {
	max-width: 920px;
	width: 100%;
}

.order-list {
	padding: 20px;
	background: #f8f8f8;
	border-radius: 6px;
	height: fit-content;
	margin-bottom: 40px;
}

@media screen and (max-width: 991px) {
	.order-list {
		padding: 12px;
	}
}

.order-item:not(:last-child) {
	margin-bottom: 20px;
}

.order-item__wrap {
	display: flex;
	align-items: flex-start;
}

@media(min-width:600px) {
	.order-item__wrap {
		align-items: center;
	}
}

.order-item__wrap {
	padding: 20px;
	background: #ffffff;
	border-radius: 6px;
	border: 1px solid #f5f5f5;
}

@media(min-width:768px) {
	.order-item__wrap {
		padding: 16px;
	}
}

.order-item__img {
	width: 100%;
	max-width: 140px;
	margin-right: 20px;
}

@media(min-width:630px) {
	.order-item__img {
		max-width: 200px;
		margin-right: 40px;
	}
}

.order-item__img img {
	width: 100%;
	max-width: 140px;
}

@media(min-width:630px) {
	.order-item__img img {
		width: 100%;
		max-width: 100%;
		width: 100px;
		height: 100px;
		object-fit: cover;
	}
}

@media(min-width:768px) {
	.order-item__info {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
}

.order-item__caption {
	width: 100%;
	max-width: 320px;
}

.order-item__title {
	font-family: var(--sec-font-family);
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: #333333;
	margin-bottom: 4px;
}

@media(min-width:630px) {
	.order-item__title {
		font-size: 22px;
		line-height: 26px;
	}
}


.order-item__model {
	font-size: 12px;
	color: #999999;
}

@media(min-width:630px) {
	.order-item__model {
		font-size: 14px;
	}
}

.order-item__controls {
	display: flex;
	gap: 40px;
	margin-left: auto;
	align-items: center;
	margin-top: 10px;
}

@media(min-width:768px) {
	.order-item__controls {
		margin-top: 0;
	}
}

.item-quantity {
	background: #ffffff;
	align-items: center;
	position: relative;
	padding: 0;
	line-height: 0;
	display: flex;
	max-width: 100%;
	box-shadow: inset 0 0 0 1px #EAE7E0;
	border-radius: 6px;
	overflow: hidden;
	height: 56px;
	user-select: none;
}

.item-quantity__btn {
	font-size: 22px;
	line-height: 1;
	position: relative;
	z-index: 1;
	margin: 0;
	height: 100%;
	opacity: 1;
	transform: translateY(0);
	padding-right: 0;
	border-radius: 0;
	width: 56px;
	flex: none;
	background-color: var(--main-color);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	cursor: pointer;
}

.item-quantity__btn.disabled {
	opacity: 0.2;
	cursor: not-allowed;
}

.item-quantity__value {
	flex: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.item-quantity input {
	background: #ffffff;
	display: inline-block;
	height: 40px;
	width: 32px;
	border: 0;
	padding: 2px 0 0 0;
	margin: 0;
	font-size: 18px;
	letter-spacing: 0;
	vertical-align: middle;
	background: transparent;
	box-shadow: unset !important;
	text-align: center;
}

.remove-from-cart {
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 6px;
	border: 1px solid #E7EAEF;
	border-radius: 6px;
	height: fit-content;
}

.order-remove {
	--icon: url(../catalog/assets/svg-sprite.svg#trash-icon);
	--fill: #b5b5b5;
	display: inline-flex;
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--fill, black);
	mask: var(--icon) no-repeat center / contain;
	-webkit-mask: var(--icon) no-repeat center / contain;
	transition: background-color 0.3s ease;
}

.remove-from-cart:hover .order-remove {
	--fill: #ff4d4d;
}

.order-form {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
	position: sticky;
	top: 15%;
}

.order-form {
	padding: 20px;
	background: #f8f8f8;
	border-radius: 6px;
	max-width: 100%;
}

@media screen and (max-width: 991px) {
	.order-form {
		padding: 12px;
	}
}

.order-form__step {
	padding: 20px;
	background: #ffffff;
	margin-bottom: 30px;
	border-radius: 6px;
}

.order-form__title {
	font-size: 24px;
	font-family: var(--sec-font-family);
	text-transform: uppercase;
	margin-bottom: 24px;
}

.order-form__title+.order-form__subtitle {
	margin-top: -10px;
}

.order-form__subtitle {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 20px;
	color: var(--color-black);
}

.form-order .form-input {
	margin-right: 0;
	max-width: 400px;
}

.form-order .form-input,
.form-order .form-textarea {
	margin-bottom: 30px;
}

.form-order .form-input.input--filled label,
.form-order .form-input input:focus+label {
	background-color: #ffffff;
}

.form-input input.error {
	background: #ffd9d9;
}

.order__choices {
	display: grid;
	gap: 20px;
}

@media(min-width:400px) {
	.order__choices {
		gap: 32px;
		grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
	}
}

.order-choice {
	padding: 20px;
	border: 1px solid #999999;
	border-radius: 4px;
}

.order-choice:has(input[type="radio"]:checked) {
	border: 1px solid var(--main-color);
}

.order-choice__name {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
}

.order-choice:has(input[type="radio"]:checked) .order-choice__name {
	color: var(--main-color);
}

.order-choice__desc {
	font-size: 14px;
	color: #959AAE;
	line-height: 1.4;
}

.order-choice__name+.order-choice__desc {
	margin-top: 10px;
}

.order-choice__label {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	cursor: pointer;
	margin: 0;
	padding-left: 30px;
}

.order-choice input[type="radio"] {
	display: none;
}

.order-choice input[type="radio"]+label:after {
	width: 21px;
	height: 21px;
	font-size: 0;
	content: ".";
	display: block;
	position: absolute;
	left: -4px;
	right: auto;
	top: -1px;
	background: #f8f8f8;
	z-index: 2;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	box-shadow: 0px 0px 0px 1px #ececec inset;
	-moz-box-shadow: 0px 0px 0px 1px #ececec inset;
	-webkit-box-shadow: 0px 0px 0px 1px #ececec inset;
	box-shadow: 0px 0px 0px 1px #ececec inset;
}

.order-choice input[type="radio"]+label:hover:before,
.order-choice input[type="radio"]:checked+label:before {
	font-size: 0;
	content: ".";
	display: block;
	height: 21px;
	width: 21px;
	position: absolute;
	left: -4px;
	right: auto;
	top: 0;
	z-index: 4;
	border-radius: 100%;
	background: var(--main-color);
}


.order-choice input[type="radio"]:checked+label:after {
	box-shadow: none;
	width: 9px;
	height: 9px;
	left: 2px;
	right: auto;
	top: 6px;
	background: #fff;
	z-index: 5;
}

@media(min-width:540px) {
	.order-request {
		display: flex;
		gap: 40px;
		align-items: center;
		padding: 0 20px 20px;
	}
}

.order-request__btn {
	width: 100%;
	max-width: 230px;
	white-space: nowrap;
}

@media screen and (max-width: 539px) {
	.order-request__btn {
		max-width: 100%;
		margin-bottom: 20px;
	}
}

.order-request__privacy {
	max-width: 500px;
	font-size: 12px;
	line-height: 1.5;
	color: #959AAE;
}

.order-request__privacy a {
	text-decoration: underline;
}

.order-request__privacy a:hover {
	color: var(--main-color);
}

.empty-cart {
	max-width: 830px;
}

.empty-cart__title {
	font-family: var(--sec-font-family);
	margin: 0 0 24px;
	color: #2a2a2a;
	font-size: clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem);
	line-height: 120%;
	font-weight: 400;
}

.empty-cart__info {
	color: #828a99;
	font-size: 16px;
	font-weight: 400;
}

.empty-cart__link {
	color: var(--main-color);
	font-weight: 500;
	border-bottom: 1px solid;
}

.order-success {
	max-width: 830px;
}

@media screen and (max-width: 767px) {
	.order-success {
		margin: 0 20px;
	}
}

.order-success__title {
	font-family: var(--sec-font-family);
	margin: 0 0 24px;
	color: var(--color-black);
	font-size: clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem);
	line-height: 120%;
	font-weight: 400;
}

.order-success__info {
	color: #828a99;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 30px;
}

.search-result__list {
	padding-bottom: 112px;
}

@media screen and (max-width: 1023.98px) {
	.search-result__list {
		padding-bottom: 32px;
	}
}

.search-result__item:not(:last-child) {
	padding-bottom: 28px;
	margin-bottom: 28px;
	border-bottom: 1px solid rgba(32, 30, 31, 0.1);
}

@media screen and (max-width: 1023.98px) {
	.search-result__item:not(:last-child) {
		padding-bottom: 16px;
		margin-bottom: 16px;
	}
}

.search-result__title {
	font-family: var(--sec-font-family);
	font-size: 32px;
	color: #2a2a2a;
	line-height: 1.1;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 16px;
}

@media screen and (max-width: 1023.98px) {
	.search-result__title {
		font-size: 24px;
	}
}

@media screen and (max-width: 1023.98px) {
	.search-result__item p {
		overflow: hidden;
		text-overflow: ellipsis;
		text-overflow: ellipsis;
		display: -moz-box;
		-moz-box-orient: vertical;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		line-clamp: 3;
		box-orient: vertical;
	}
}

.modal-map.fancybox-content {
	padding: 0;
}

.modal-map__body {
	width: 500px;
	height: 400px;
}

.modal.fancybox-content {
	max-width: 400px;
	border-radius: 8px;
}

@media screen and (max-width: 530px) {
	.modal.fancybox-content {
		padding: 32px;
	}
}

.modal-title__main {
	font-family: var(--sec-font-family);
	font-size: 30px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 20px;
	text-align: center;
}

.modal-title__subtitle {
	color: #787670;
	margin-top: 10px;
	text-align: center;
}

.modal-title+* {
	margin-top: 30px;
}

.modal-content .form-input {
	margin-bottom: 26px;
}

.modal-content .form-select {
	visibility: hidden;
}

.modal-content .form-input.input--filled label,
.modal-content .form-input input:focus+label,
.modal-content .form-textarea.input--filled label,
.modal-content .form-textarea textarea:focus+label {
	background: #ffffff;
}

.modal-textarea {
	margin-bottom: 26px;
}

.modal-form__submit {
	text-align: center;
}

.modal-form__btn {
	width: 100%;
}

.modal-form__agree {
	max-width: 500px;
	font-size: 12px;
	line-height: 1.5;
	color: #959AAE;
	margin-top: 20px;
}

.modal-form__agree a {
	text-decoration: underline;
}

.modal-form__agree a:hover {
	color: var(--main-color);
}

.success {
	font-size: 16px;
	text-align: center;
	padding: 20px 10px;
	color: green;
	background: #e0ffe0;
	border-radius: 5px;
	margin-top: 20px;
}

.contact-form {
	background-color: var(--color-blue);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: fit-content;
	padding: 56px 0;
}

@media screen and (max-width: 768px) {
	.contact-form {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		padding: 3em 0;
	}
}

@media screen and (max-width: 575px) {
	.contact-form {
		padding: 2.5em 0;
	}
}

.contact-form__container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

@media screen and (max-width: 1300px) {
	.contact-form__container {
		padding: 0;
	}
}

.contact-form__img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	bottom: -56px;
	height: 580px;
	position: absolute;
	left: -5%;
}

@media screen and (max-width: 1500px) {
	.contact-form__img {
		left: -10%;
	}
}

@media screen and (max-width: 1400px) {
	.contact-form__img {
		left: 0;
	}
}

@media screen and (max-width: 1300px) {
	.contact-form__img {
		display: none;
	}
}

.contact-form__wrapper {
	max-width: 620px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	margin-left: auto;
}

@media screen and (max-width: 1300px) {
	.contact-form__wrapper {
		max-width: none;
		margin: 0 auto;
		width: 100%;
		max-width: 700px;
		max-width: 800px;
		width: -webkit-calc(100% - 60px);
		width: -moz-calc(100% - 60px);
		width: calc(100% - 60px);
	}
}

@media screen and (max-width: 575px) {
	.contact-form__wrapper {
		width: -webkit-calc(100% - 40px);
		width: -moz-calc(100% - 40px);
		width: calc(100% - 40px);
	}
}

.contact-form__wrapper h2 {
	margin-bottom: 20px;
	font-family: var(--sec-font-family);
	font-size: clamp(30px, 1.65rem + 1.13vw, 48px);
	text-transform: uppercase;
	font-weight: 500;
}

.contact-form__wrapper p {
	margin-bottom: 30px;
	color: #828a99;
	line-height: 160%;
}

@media screen and (max-width: 1300px) {
	.contact-form__wrapper p {
		max-width: none;
	}
}

@media screen and (max-width: 575px) {
	.contact-form__wrapper p {
		margin-bottom: 1.5em;
		font-size: 0.7em;
	}
}

.contact-form__wrapper header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px;
}

.contact-form__wrapper header .form-input:not(:last-child) {
	margin-right: 1.5em;
}

@media screen and (max-width: 768px) {
	.contact-form__wrapper header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.contact-form__wrapper header .form-input {
		width: 100%;
	}

	.contact-form__wrapper header .form-input:not(:last-child) {
		margin-right: 0;
		margin-bottom: 1em;
	}
}

@media screen and (max-width: 575px) {
	.contact-form__wrapper header {
		margin-bottom: 1em;
	}
}

.contact-form__wrapper footer {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 768px) {
	.contact-form__wrapper footer {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		-moz-box-orient: horizontal;
		-moz-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
}

@media screen and (max-width: 575px) {
	.contact-form__wrapper footer {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.contact-form__wrapper footer button {
	padding: 20px 50px;
	margin-right: 30px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	white-space: nowrap;
}

@media screen and (max-width: 768px) {
	.contact-form__wrapper footer button {
		padding: 20px 60px;
		margin: 0 0 0 20px;
	}
}

@media screen and (max-width: 575px) {
	.contact-form__wrapper footer button {
		width: 100%;
		margin: 0 0 1.5em;
	}
}

.contact-form__wrapper-form-policy {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
}

.contact-form__wrapper-form-policy input[type="checkbox"] {
	display: none;
}

.contact-form__wrapper-form-policy label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 1;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

.contact-form__wrapper-form-policy p {
	font-size: 12px;
	line-height: 140%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	max-width: 375px;
	margin-bottom: 0;
}

.contact-form__wrapper-form-policy p a {
	color: var(--main-color);
	text-decoration: underline;
}

.contact-form__wrapper-form-policy p a:hover {
	color: var(--main-color);
}

@media screen and (max-width: 768px) {
	.contact-form__wrapper-form-policy label p {
		font-size: 0.6em;
	}
}

.footer {
	color: var(--color-black);
	background-color: var(--color-blue);
	border-top: 1px solid rgba(32, 30, 31, .1);
}

.footer__wrap {
	padding: 56px 0;
}

@media screen and (max-width: 767px) {
	.footer__wrap {
		padding: 32px 0;
	}
}

.footer__body {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 24px;
	align-items: stretch;
}

@media screen and (max-width: 1023.98px) {
	.footer__body {
		grid-template-columns: auto;
	}
}

@media screen and (max-width: 1023.98px) {
	.footer__body-left {
		border-bottom: 1px solid #d9d9d9;
	}
}

.footer-form {
	max-width: 496px;
}

@media screen and (max-width: 1023.98px) {
	.footer-form {
		max-width: 100%;
		padding-bottom: 24px;
	}
}

.footer-form__caption {
	display: flex;
	gap: 30px;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 32px;
}

@media screen and (max-width: 1023.98px) {
	.footer-form__caption {
		margin-bottom: 16px;
	}
}

.footer__logo {
	display: block;
	position: relative;
	z-index: 5;
	width: 100%;
	max-width: 200px;
}

@media screen and (max-width: 1023.98px) {
	.footer__logo {
		display: none;
	}
}

.footer-form__title {
	font-family: var(--sec-font-family);
	font-size: 26px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

@media screen and (max-width: 1023.98px) {
	.footer-form__title {
		font-size: 32px;
	}
}

.footer-form__desc {
	font-size: 14px;
	margin-top: 4px;
}

@media screen and (max-width: 1023.98px) {
	.footer-form__desc {
		font-size: 14px;
	}
}

.footer-form header {
	display: flex;
	margin-bottom: 24px;
}

@media screen and (max-width: 1023.98px) {
	.footer-form header {
		display: grid;
		grid-template-columns: auto;
		grid-gap: 16px 8px;
		border-radius: 0;
		margin-bottom: 16px;
	}
}

@media screen and (min-width: 520px) and (max-width: 1023.98px) {
	.footer-form header {
		grid-template-columns: 1fr 1fr;
	}
}

.footer-form-submit {
	min-height: 56px;
}

@media(min-width:1024px) {
	.footer-form .form-input {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.footer-form-submit {
		flex: 0 0 auto;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
}

.footer-form__wrapper-form-policy {
	font-size: 14px;
	line-height: 140%;
	color: #919191;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	max-width: 100%;
	margin-bottom: 0;
}

@media screen and (max-width: 1023.98px) {
	.footer-form__wrapper-form-policy {
		font-size: 12px;
	}
}

.footer-form__wrapper-form-policy a {
	color: var(--main-color);
}

.footer__bottom {
	padding: 32px 0 20px;
	background: #e5f3ff;
}

.footer__nav {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 24px;
	align-items: center;
}

@media screen and (max-width: 1023.98px) {
	.footer__nav {
		grid-template-columns: auto;
		grid-gap: 24px;
	}
}

.footer-menu-nav {
	grid-column: 1 / 3;
}

.footer-menu-nav__list {
	display: flex;
	flex-wrap: wrap;
	margin: -10px -20px;
}

@media screen and (max-width: 1023.98px) {
	.footer-menu-nav__list {
		margin: -5px -8px;
	}
}

.footer-menu-nav__link {
	font-size: 18px;
	line-height: 1.1;
	font-weight: 400;
	color: inherit;
	display: flex;
	align-items: center;
	transition: color .3s ease 0s;
	letter-spacing: 0.5px;
	margin: 10px 20px;
}

@media screen and (max-width: 1023.98px) {
	.footer-menu-nav__link {
		font-size: 16px;
		margin: 5px 8px;
	}
}

.footer__col {
	display: flex;
	height: 100%;
}

.footer-col__title {
	font-family: var(--sec-font-family);
	font-size: 36px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

@media screen and (max-width: 1023.98px) {
	.footer-col__title {
		font-size: 32px;
	}
}

.footer-contacts {
	margin-left: auto;
}

.footer-col__body {
	display: grid;
	grid-gap: 32px;
	align-items: flex-start;
}

@media(min-width:1024px) {
	.footer-col__body {
		grid-template-columns: 1fr 1fr;
	}
}

.footer-contacts__list {
	display: grid;
	grid-template-columns: auto;
	grid-gap: 16px;
}

@media(min-width:1024px) {
	.footer-contacts__list {
		margin-left: auto;
	}
}


.footer-contacts__phones {
	display: flex;
	gap: 30px;
}

.footer-contacts__phone {
	display: flex;
	flex-direction: column;
}

.footer-contacts__phone a {
	font-size: 20px;
	font-weight: 700;
}

.footer-contacts__phone-title {
	font-size: 14px;
	order: -1;
	margin-bottom: 4px;
}

.stats {
	padding: 112px 0;
}

.stats__body {
	display: grid;
	padding: 10px 20px;
	background: #ffffff;
	border-radius: 6px;
	border: 1px solid #a6c9e3;
}

.stats__item {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	gap: 20px;
}

.stats__item:nth-child(1) {
	padding-bottom: 14px;
	margin-bottom: 14px;
	border-bottom: 1px solid #a6c9e3;
}

.stats__count {
	font-family: var(--sec-font-family);
	white-space: nowrap;
	color: var(--main-color);
	font-size: 34px;
	line-height: 1;
}

.stats__title {
	color: #828a99;
	font-size: 12px;
	line-height: 1.3;
	font-weight: 500;
	text-transform: uppercase;
}

.stats__value {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.stats__subtitle {
	font-size: 12px;
	line-height: 1;
	margin-top: 5px;
}

.footer-contacts__icon {
	--fill: var(--color-black);
	display: inline-flex;
	width: 32px;
	height: 32px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--fill, black);
	mask: var(--icon) no-repeat center / contain;
	-webkit-mask: var(--icon) no-repeat center / contain;
	transition: background-color 0.3s ease;
}

@media ((hover: hover) and (pointer: fine)) {
	.footer-contacts__icon:hover {
		--fill: var(--main-color);
	}
}

.footer-contacts__icon--phone {
	--icon: url(../catalog/assets/svg-sprite.svg#phone-dark-icon);
}

.footer-contacts__icon--email {
	--icon: url(../catalog/assets/svg-sprite.svg#envelope-dark-icon);
}

.footer__socials {
	margin-left: auto;
	padding: 0;
}

.footer-copyright {
	background: #e5f3ff;
	padding: 20px 0;
	border-top: 1px solid rgba(32, 30, 31, .1);
	color: rgba(32, 30, 31, .5);
	font-size: 14px;
}

.bottom-sheet {
	z-index: 100;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: visibility var(--transition-duration);
	-o-transition: visibility var(--transition-duration);
	transition: visibility var(--transition-duration);
}


.bottom-sheet[aria-hidden="false"] {
	visibility: visible;
}

.bottom-sheet[aria-hidden="true"] {
	visibility: hidden;
	pointer-events: none;
}

.bottom-sheet__overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #0000004d;
	display: none;
}

.bottom-sheet[aria-hidden="false"] .bottom-sheet__overlay {
	display: block;
}

.bottom-sheet__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border-radius: 16px 16px 0 0;
	background: #ffffff;
	overflow-y: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	max-width: 640px;
	width: 100%;
	max-height: -webkit-fit-content;
	max-height: -moz-fit-content;
	max-height: fit-content;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	pointer-events: all;
}

.bottom-sheet[aria-hidden="false"] .bottom-sheet__content {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.bottom-sheet__content {
	padding: 30px 20px 0;
}

.bottom-sheet__content--fullscreen {
	border-radius: 0;
}

.bottom-sheet__content:not(.bottom-sheet__content--dragging) {
	-webkit-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}

.bottom-sheet__draggable-area {
	width: 100%;
	margin: auto;
	padding: 16px;
	cursor: -webkit-grab;
	cursor: grab;
}


.bottom-sheet__draggable-thumb {
	width: 40px;
	height: 2px;
	background: #dcdcdc;
	border-radius: 8px;
	margin: 0 auto;
}

.bottom-sheet-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow-y: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	-ms-touch-action: auto !important;
	touch-action: auto !important;
}

.bottom-sheet-main::-webkit-scrollbar {
	height: 8px;
	width: 8px;
}

.bottom-sheet-main__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 16px;
}

.bottom-sheet-main__title {
	font-family: var(--sec-font-family);
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	text-transform: uppercase;
	color: var(--color-violet);
}

.bottom-sheet-main__close {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 157%;
	color: var(--main-color);
	background: transparent;
}

.bottom-sheet-main__text {
	margin-bottom: 24px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 157%;
}

.bottom-sheet-main__wrapper {
	margin-bottom: 32px;
	width: 100%;
}

.bottom-sheet-contacts {
	display: grid;
	gap: 20px;
	grid-template-columns: auto;
	grid-gap: 10px;
	max-width: 100%;
}

.bottom-sheet-contacts__item a {
	display: block;
	font-family: var(--sec-font-family);
	font-size: 18px;
	line-height: 1.44;
	text-transform: uppercase;
	color: var(--color-black);
}

@media(min-width:390px) {
	.bottom-sheet-contacts__item a {
		display: block;
		font-size: 20px;
	}
}

.bottom-sheet-contacts__item span {
	display: block;
	font-size: 12px;
	color: var(--main-color);
}

@media(min-width:390px) {
	.bottom-sheet-contacts__item span {
		display: block;
		font-size: 14px;
	}
}

.bottom-sheet-contacts__socials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}

.bottom-sheet-contacts__socials a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: #f8f8f8;
	border-radius: 4px;
	margin-top: 10px;
}

.bottom-sheet-contacts .socials {
	margin-top: 8px;
	margin-bottom: 8px;
	gap: 14px;
}

.bottom-sheet-main::-webkit-scrollbar-corner {
	display: none;
}

.bottom-sheet-main:hover::-webkit-scrollbar-thumb {
	background-color: #0003;
	border-radius: 8px;
}

.bottom-sheet-main::-webkit-scrollbar-thumb {
	background-color: #0000;
}

.bottom-sheet__footer:empty {
	display: none;
}

.not-found {
	padding-bottom: 80px;
}

.not-found p {
	margin-bottom: 30px;
}