@charset "utf-8";

/* ====================================================================================================
	@font-face
==================================================================================================== */

/* Roboto
================================================================================ */
@font-face{font-family:"Roboto";src:local("Roboto"),local("Roboto-Regular"),url("../fonts/roboto/roboto.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:local("Roboto Medium"),local("Roboto-Medium"),url("../fonts/roboto/robotomedium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:local("Roboto Bold"),local("Roboto-Bold"),url("../fonts/roboto/robotobold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:local("Roboto Black"),local("Roboto-Black"),url("../fonts/roboto/robotoblack.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}

/* Montserrat
================================================================================ */
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat/montserrat-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url("../fonts/montserrat/montserrat-medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url("../fonts/montserrat/montserrat-semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url("../fonts/montserrat/montserrat-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url("../fonts/montserrat/montserrat-extrabold.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}


/* ====================================================================================================
	reset styles
==================================================================================================== */
*,*::before,*::after{box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html{height:100%}body{min-height:100%;margin:0;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,p,table,address,pre,iframe,form){margin-block:0}:where(ul,ol){padding-left:0;list-style:none}:where(dd){margin-left:0}:where(blockquote,figure){margin:0}:where(sub),:where(sup){position:relative;vertical-align:baseline;font-size:75%;line-height:0}:where(sub){bottom:-.25rem}:where(sup){top:.5rem}:where(a){background-color:transparent;color:inherit;text-decoration:none}:where(address){font-style:normal}:where(pre),:where(code),:where(kbd),:where(samp){font-family:monospace}:where(abbr[title]){border-bottom:none;text-decoration:underline;text-decoration:underline dotted}:where(img){display:block;width:100%;max-width:100%;border-style:none}:where(table){width:100%;border-collapse:collapse;border-spacing:0}:where(fieldset){margin-left:0;padding:0;border:none}input,textarea,select,button{outline:none}label[for]{cursor:pointer}button,[type="button"],[type="reset"],[type="submit"]{border:none;user-select:none;-webkit-appearance:none;appearance:none;cursor:pointer}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{-moz-appearance:textfield;-webkit-appearance:none;appearance:none;height:auto;margin:0}[type="search"]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}textarea{resize:vertical}svg *[fill]{fill:currentColor}svg *[stroke]{stroke:currentColor}svg *{transition-property:fill,stroke}:where(iframe){border:none}[hidden]{display:none!important}@media (prefers-reduced-motion:no-preference){html,:has(:target){scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* ====================================================================================================
	variables
==================================================================================================== */
:root {
	--white-color: hsl(0 0% 100%);
	--dark-color: hsl(0 0% 11%);

	--text-color: hsl(0 0% 11%);
	--main-color: hsl(238 38% 19%);
	--accent-color: hsl(2 68% 49%);
	
	--light-bg: hsl(0 0% 97%);
	--border-color: hsl(0 0% 86%);
	--grey-color: hsl(0 0% 60%);

	--container-center-padding-inline: .875rem;
	--container-center-padding-block-index: clamp(2.875rem, 2.195rem + 3.4vw, 5rem);
	--border-radius: .5rem;

	--th-td-padding-block: 1.25rem;
	--th-td-padding-inline: .938rem;

	--main-font: "Roboto";
	--accent-font: "Montserrat";

	--height-rd-navbar: 3.125rem;
}


/* ====================================================================================================
	layouts
==================================================================================================== */
body {
	min-width: 20rem; /* 320px */
	color: var(--text-color);
	font: normal normal 400 1rem/1.2 var(--main-font), sans-serif;
}

@media (max-width: 74.98rem) {

	body {
		padding-top: calc(var(--height-rd-navbar) - .125rem);
	}

}

.wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow: hidden;
}

:where(.container-center) {
	width: 100%;
	max-width: 82.5rem;
	margin-inline: auto;
	padding-inline: var(--container-center-padding-inline);
}

/* @media desktop-first
================================================================================ */
@media (max-width: 87.48rem) {

	:where(.container-center) {
		max-width: 71.25rem;
	}

}

@media (max-width: 74.98rem) {

	:where(.container-center) {
		max-width: 60rem;
	}

}

@media (max-width: 61.98rem) {

	:where(.container-center) {
		max-width: none;
	}

}

/* container-flex
================================================================================ */
:where(.container-flex) {
	display: flex;
	flex-wrap: wrap;
}

:where(.container-flex) > * {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	width: none;
	align-self: auto;
	order: 0;
}

/* middle
================================================================================ */
.middle {
	flex-grow: 1;
	background: var(--light-bg);

	/* background: red; */
}

.middle > .container-center {
	padding-top: 1.25rem;
	padding-bottom: 3.125rem;

	/* background: salmon; */
}

@media (max-width: 61.98rem) {

	.middle > .container-center {
		padding-bottom: 2.5rem;
	}

}


/* ====================================================================================================
	common elements and effects
==================================================================================================== */
/* up-page
================================================================================ */
.up-page {
	display: block;
	position: fixed;
	right: 1.875rem;
	bottom: 6.25rem;
	z-index: 200;
	width: 3.75rem;
	height: 3.75rem;
	border: .063rem solid hsl(0 0% 100% / .2);
	border-radius: var(--border-radius);
	background: var(--main-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(0 0% 100%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z'/%3E%3C/svg%3E") no-repeat center / auto 1.875rem;
	visibility: hidden;
	opacity: 0;
	transition: visibility .2s linear .02s,
				opacity .2s linear .02s,
				background-color .2s linear .02s;
	cursor: pointer;
}

@media (max-width: 74.98rem) {

	.up-page {
		display: none;
	}

}

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

	.up-page:hover {
		background-color: var(--accent-color);
	}

}

.up-page:active {
	background-color: var(--grey-color);
}

/* messengers
================================================================================ */
:where(.telegram) {
	background: rgba(0, 136, 204, 1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 543.001 450'%3E%3Cpath d='M37.329 193.722c145.76-63.505 242.957-105.372 291.59-125.6C467.774 10.367 496.626.335 515.432.004c4.137-.073 13.385.952 19.375 5.813 5.059 4.104 6.45 9.649 7.117 13.54.666 3.892 1.495 12.757.836 19.684-7.525 79.06-40.084 270.924-56.648 359.474-7.01 37.47-20.81 50.033-34.17 51.262-29.036 2.672-51.085-19.19-79.208-37.624-44.006-28.847-68.867-46.804-111.583-74.953-49.366-32.531-17.364-50.411 10.77-79.631 7.36-7.65 135.294-124.013 137.77-134.57.31-1.32.597-6.24-2.326-8.84-2.924-2.597-7.24-1.71-10.353-1.002-4.413 1.002-74.714 47.468-210.902 139.4-19.955 13.702-38.03 20.378-54.223 20.028-17.853-.386-52.194-10.094-77.723-18.393-31.313-10.178-56.2-15.56-54.032-32.846 1.128-9.003 13.527-18.211 37.196-27.624z'/%3E%3C/svg%3E") no-repeat center;
	background-size: auto 1rem;
}

:where(.whatsapp) {
	background: rgba(37, 211, 102, 1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='hsl(0 0% 100%)' viewBox='0 0 16 16'%3E%3Cpath d='M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z'/%3E%3C/svg%3E") no-repeat center;
	background-size: auto 1.25rem;
}

/* :where(.mail) {
	background: var(--yellow-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(0 0% 100%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10h5v-2h-5c-4.34 0-8-3.66-8-8s3.66-8 8-8 8 3.66 8 8v1.43c0 .79-.71 1.57-1.5 1.57s-1.5-.78-1.5-1.57V12c0-2.76-2.24-5-5-5s-5 2.24-5 5 2.24 5 5 5c1.38 0 2.64-.56 3.54-1.47.65.89 1.77 1.47 2.96 1.47 1.97 0 3.5-1.6 3.5-3.57V12c0-5.52-4.48-10-10-10zm0 13c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z'/%3E%3C/svg%3E") no-repeat center;
	background-size: auto 1.375rem;
} */

/* slick slider
================================================================================ */
.slick-loading .slick-list {
	background: var(--white-color) url("../images/ajax-loader.gif") no-repeat center;
}

.slick-slider {
	display: block;
	position: relative;
	user-select: none;
		-webkit-touch-callout: none;
	touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
}

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

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

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

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

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

.slick-track::before,
.slick-track::after {
	content: "";
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

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

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

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

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

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

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

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

/* carousel
============================================ */
:where(.carousel) {
	position: relative;
	margin: 0 -.938rem;

	/* background: palevioletred; */
}

:where(.carousel) .slick-track {
	display: flex;
	flex-wrap: wrap;

	/* background: red; */
}

:where(.carousel) .slick-slide {
	height: auto;
	flex-grow: 0;
	flex-shrink: 1;
	margin: 0 .938rem;
	padding: 0 .125rem .313rem;

	/* background: #ccc; */
}

/* arrows carousel
============================================ */
:where(.carousel) .slick-prev,
:where(.carousel) .slick-next {
	display: block;
	position: absolute;
	bottom: -5rem;
	z-index: 1;
	width: 2.5rem;
	height: 2.5rem;
	border: .063rem solid var(--border-color);
	border-color: var(--border-color);
	border-radius: var(--border-radius);
	background: var(--light-bg);
	color: transparent;
	font-size: 0;
	line-height: 0;
	transition: all .3s .02s linear;

	/* background: red; */
}

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

	:where(.carousel) .slick-prev:hover,
	:where(.carousel) .slick-next:hover {
		background: var(--accent-color);
	}

}

:where(.carousel) .slick-prev::before,
:where(.carousel) .slick-next::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	transition: all .3s .02s linear;
}

:where(.carousel) .slick-prev {
	left: calc(50% - 3.125rem);
}

:where(.carousel) .slick-prev::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='hsl(238 38% 19%)'%3E%3Crect fill='none' height='24' width='24'/%3E%3Cg%3E%3Cpolygon points='17.77,3.77 16,2 6,12 16,22 17.77,20.23 9.54,12'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 1.25rem;
}

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

	:where(.carousel) .slick-prev:hover::before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='hsl(0 0% 100%)'%3E%3Crect fill='none' height='24' width='24'/%3E%3Cg%3E%3Cpolygon points='17.77,3.77 16,2 6,12 16,22 17.77,20.23 9.54,12'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 1.25rem;
	}

}

:where(.carousel) .slick-next {
	right: calc(50% - 3.125rem);
}

:where(.carousel) .slick-next::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='hsl(238 38% 19%)'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpolygon points='6.23,20.23 8,22 18,12 8,2 6.23,3.77 14.46,12'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 1.25rem;
}

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

	:where(.carousel) .slick-next:hover::before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='hsl(0 0% 100%)'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpolygon points='6.23,20.23 8,22 18,12 8,2 6.23,3.77 14.46,12'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / 1.25rem;
	}

}

/* search
================================================================================ */
.search {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-end;

	/* background: cadetblue; */
}

.search input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]) {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	flex-basis: 100%;
	width: 100%;
	height: auto;
	padding: 0;
	border: none;
	border-radius: var(--border-radius);
	background: var(--white-color);
}

.search input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: transparent;
}

.search input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):-moz-placeholder,
textarea:-moz-placeholder {
	color: transparent;
}

.search input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])::-moz-placeholder,
textarea::-moz-placeholder {
	color: transparent;
}

.search input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: transparent;
}

.search input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: transparent;
}

.search input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])::placeholder,
textarea::placeholder {
	color: transparent;
}


.search [type="submit"] {
	position: relative;
	z-index: 1;
	border-radius: var(--border-radius);
	background: var(--white-color);
}

.search [type="submit"]::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6095 13.7241L12.2248 10.3394C12.9241 9.28543 13.3335 8.02342 13.3335 6.66674C13.3335 2.9907 10.3428 0 6.66674 0C2.9907 0 0 2.9907 0 6.66674C0 10.3428 2.9907 13.3335 6.66674 13.3335C8.02342 13.3335 9.28543 12.9241 10.3394 12.2248L13.7241 15.6095C14.2441 16.1302 15.0895 16.1302 15.6095 15.6095C16.1302 15.0888 16.1302 14.2448 15.6095 13.7241ZM2.00002 6.66674C2.00002 4.09338 4.09338 2.00002 6.66674 2.00002C9.2401 2.00002 11.3335 4.09338 11.3335 6.66674C11.3335 9.2401 9.2401 11.3335 6.66674 11.3335C4.09338 11.3335 2.00002 9.2401 2.00002 6.66674Z' fill='%231E1F42'/%3E%3C/svg%3E%0A") no-repeat center / auto 1rem;
	transition: background .3s .02s linear;
}

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

	.search [type="submit"]:hover::before {
		background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6095 13.7241L12.2248 10.3394C12.9241 9.28543 13.3335 8.02342 13.3335 6.66674C13.3335 2.9907 10.3428 0 6.66674 0C2.9907 0 0 2.9907 0 6.66674C0 10.3428 2.9907 13.3335 6.66674 13.3335C8.02342 13.3335 9.28543 12.9241 10.3394 12.2248L13.7241 15.6095C14.2441 16.1302 15.0895 16.1302 15.6095 15.6095C16.1302 15.0888 16.1302 14.2448 15.6095 13.7241ZM2.00002 6.66674C2.00002 4.09338 4.09338 2.00002 6.66674 2.00002C9.2401 2.00002 11.3335 4.09338 11.3335 6.66674C11.3335 9.2401 9.2401 11.3335 6.66674 11.3335C4.09338 11.3335 2.00002 9.2401 2.00002 6.66674Z' fill='rgba(210, 46, 40, 1)'/%3E%3C/svg%3E%0A") no-repeat center / auto 1rem;
	}

}

.search [type="submit"]:active:before {
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6095 13.7241L12.2248 10.3394C12.9241 9.28543 13.3335 8.02342 13.3335 6.66674C13.3335 2.9907 10.3428 0 6.66674 0C2.9907 0 0 2.9907 0 6.66674C0 10.3428 2.9907 13.3335 6.66674 13.3335C8.02342 13.3335 9.28543 12.9241 10.3394 12.2248L13.7241 15.6095C14.2441 16.1302 15.0895 16.1302 15.6095 15.6095C16.1302 15.0888 16.1302 14.2448 15.6095 13.7241ZM2.00002 6.66674C2.00002 4.09338 4.09338 2.00002 6.66674 2.00002C9.2401 2.00002 11.3335 4.09338 11.3335 6.66674C11.3335 9.2401 9.2401 11.3335 6.66674 11.3335C4.09338 11.3335 2.00002 9.2401 2.00002 6.66674Z' fill='rgba(210, 46, 40, 1)'/%3E%3C/svg%3E%0A") no-repeat center / auto 1rem;
}

/* typography
================================================================================ */
/* h1 - h6
============================================ */
.middle :where(h1),
:where(.h1) {
	position: relative;
	margin: 2.5rem 0 5rem;
	color: var(--dark-color);
	font-weight: 500;
	font-size: clamp(1.5rem, 1.26rem + 1.2vw, 2.25rem);
	line-height: 1.2;
	font-family: var(--accent-font);
	text-transform: uppercase;
}

.middle :where(h1)::before,
:where(.h1)::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -1rem;
	left: 0;
	width: 12.5rem;
	height: .063rem;
	background: var(--border-color);
}

.middle :where(h1)::after,
:where(.h1)::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -1.125rem;
	left: 0;
	width: 5rem;
	height: .313rem;
	background: var(--accent-color);
}


.middle :where(h2),
:where(.h2) {
	position: relative;
	margin: 2.5rem 0 3.75rem;
	color: var(--dark-color);
	font-weight: 500;
	font-size: clamp(1.375rem, 1.215rem + 0.8vw, 1.875rem);
	line-height: 1.2;
	font-family: var(--accent-font);
	text-transform: uppercase;
}

.middle :where(h2)::before,
:where(.h2)::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -1rem;
	left: 0;
	width: 12.5rem;
	height: .063rem;
	background: var(--border-color);
}

.middle :where(h2)::after,
:where(.h2)::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -1.125rem;
	left: 0;
	width: 5rem;
	height: .313rem;
	background: var(--accent-color);
}


.middle :where(h3),
:where(.h3) {
	margin: 2.5rem 0 1.25rem;
	color: var(--dark-color);
	font-weight: 500;
	font-size: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
	line-height: 1.2;
	font-family: var(--accent-font);
	text-transform: uppercase;
}


.middle :where(h4),
:where(.h4) {
	margin: 2.5rem 0 1.25rem;
	color: var(--dark-color);
	font-weight: 500;
	font-size: clamp(1rem, 0.92rem + 0.4vw, 1.25rem);
	line-height: 1.2;
	font-family: var(--accent-font);
	text-transform: uppercase;
}

/* text elements
============================================ */
.middle :where(p) {
	margin: 0 0 1rem;
	line-height: 1.5;
}

.middle :where(p) a {
	color: var(--accent-color);
	text-decoration: underline;
}

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

	.middle :where(p) a:hover {
		text-decoration: none;
	}

}

.middle :where(p) a:active {
	text-decoration: none;
}

.bold-500 {
	color: var(--dark-color);
	font-weight: 500;
}

strong,
.bold-700 {
	color: var(--dark-color);
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
}

sub {
	bottom: -.25rem;
}

sup {
	top: -.5rem;
}


.sub-p {
	display: block;
	color: var(--grey-color);
	font-weight: 400;
}

.att {
	padding: clamp(1.25rem, 1.17rem + 0.4vw, 1.5rem);
	border: .063rem solid var(--accent-color);
	border-radius: var(--border-radius);
}

/* btn
================================================================================ */
.btn {
	margin: 1.25rem 0;
}

/* btn a
============================================ */
.btn a {
	display: inline-block;
	padding: .938rem 1.875rem;
	border: .063rem solid var(--accent-color);
	border-radius: var(--border-radius);
	background: var(--accent-color);
	color: var(--white-color);
	font-weight: 500;
	font-size: .75rem;
	white-space: nowrap;
	font-family: var(--accent-font);
	text-transform: uppercase;
	transition: all .3s .02s ease;
}

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

	.btn a:hover {
		background: var(--white-color);
		color: var(--text-color);
	}

}

.btn a:active {
	background: var(--white-color);
	color: var(--text-color);
}


.btn-blue a {
	border-color: var(--main-color);
	background: var(--main-color);
}

/* ul
================================================================================ */
.middle :where(ul:not([class])) {
	margin: 0 0 1.25rem;
}

.middle :where(ul:not([class])) li {
	margin: 0 0 .313rem;
	padding: 0 0 0 1.75rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(210, 46, 40, 1)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 6c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zM5 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z'/%3E%3C/svg%3E") no-repeat 0 .125rem;
	background-size: auto 1rem;
	line-height: 1.3;
}

.middle :where(ul:not([class])) li a {
	display: inline-block;
	color: var(--accent-color);
	text-decoration: underline;
}

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

	.middle :where(ul:not([class])) li a:hover {
		text-decoration: none;
	}

}

.middle :where(ul:not([class])) li a:active {
	text-decoration: none;
}


.middle :where(ul:not([class])) ul {
	margin: .625rem 0 .625rem 1.25rem;
}

/* img
================================================================================ */
.img-content {
	max-width: 37.5rem;
	margin: 2.5rem auto 2.5rem;
}

.img-content figcaption {
	display: block;
	margin: .625rem 0 0;
	color: var(--grey-color);
	text-align: center;
}


.img-several {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 2.5rem auto;
}

.img-several > * {
	flex-basis: 33.3333%;
	width: 33.3333%;
	padding-inline: clamp(0.313rem, 0.2132rem + 0.4992vw, 0.625rem);
}

.img-several figcaption {
	flex-basis: 100%;
	width: 100%;
	margin: .625rem 0 0;
	color: var(--grey-color);
	text-align: center;
}

/* border-effect
================================================================================ */
.border-effect {
	position: relative;
	z-index: 1;
}

.border-effect::before,
.border-effect::after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius);
}

.border-effect:hover {
	color: var(--main-color);
}

.border-effect::before,
.border-effect::after {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transform-origin: center;
}

.border-effect::before {
	border-top: .125rem solid var(--accent-color);
	border-bottom: .125rem solid var(--accent-color);
	transform: scale3d(0, 1, 1);
}

.border-effect::after {
	border-left: .125rem solid var(--accent-color);
	border-right: .125rem solid var(--accent-color);
	transform: scale3d(1, 0, 1);
}

.border-effect:hover::before,
.border-effect:hover::after {
	transform: scale3d(1, 1, 1);
	transition: transform .4s;
}

/* fancybox
================================================================================ */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate3d(0, 0, 0);
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	padding: .625rem !important;
	border-radius: var(--border-radius);
	background: var(--white-color);
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-outer,
.fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	margin: 0;
	padding: .938rem;
	color: var(--white-color);
	white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

.fancybox-close {
	position: absolute;
	top: -1.125rem;
	right: -1.125rem;
	width: 1.875rem;
	height: 1.875rem;
	overflow: hidden;
	border-radius: var(--border-radius);
	cursor: pointer;
	z-index: 8040;
}

.fancybox-close::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: var(--white-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='var(--blue-color)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") no-repeat center;
	background-size: auto 1.125rem;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	/* helps IE */
	-webkit-tap-highlight-color: hsl(0 0% 11% / 0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 2.25rem;
	height: 2.125rem;
	margin-top: -1.125rem;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;

	/* background: greenyellow; */
}

.fancybox-nav span::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: var(--white-color);
}

.fancybox-prev span {
	left: .625rem;
}

.fancybox-prev span::before {
	background: var(--white-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='var(--blue-color)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E") no-repeat center;
	background-size: auto 1.250rem;
}

.fancybox-next span {
	right: .625rem;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-next span::before {
	background: var(--white-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='var(--blue-color)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E") no-repeat center;
	background-size: auto 1.250rem;
}

.fancybox-tmp {
	position: absolute;
	top: -99999rem;
	left: -99999rem;
	max-width: 99999rem;
	max-height: 99999rem;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: visible !important;
	width: auto;
}

.fancybox-lock body {
	overflow: hidden !important;
}

.fancybox-lock-test {
	overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: hsl(0 0% 11% / .8);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	position: relative;
	z-index: 8050;
	visibility: hidden;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 8050;
	width: 100%;
	/* min-width: 18.125rem; */
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	padding: .313rem 1.250rem;
	color: var(--white-color);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.3;
	white-space: wrap;

	/* background: papayawhip; */
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: .625rem;
	color: var(--white-color);
}

.fancybox-title-inside-wrap {
	padding-top: .625rem;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: var(--white-color);
	background: var(--dark-color);
}

/* table
================================================================================ */
:where(.table-scroll) {
	margin-block: 2.5rem;
	padding-bottom: .625rem;
	overflow: auto clip;
}

:where(.table-scroll)::-webkit-scrollbar {
		-webkit-appearance: none;
	appearance: none;
	height: .125rem;
}

:where(.table-scroll)::-webkit-scrollbar-track {
	border-radius: .25rem;
	background-color: var(--border-color);
}

:where(.table-scroll)::-webkit-scrollbar-thumb {
	border-radius: .25rem;
	background-color: var(--main-color);
}


.middle :where(table:not([class])) {
	border-bottom: .063rem solid var(--border-color);
	background: var(--white-color);
}

/* .main :where(table:not([class])) thead {
} */

.middle :where(table:not([class])) thead th {
	padding: var(--th-td-padding-block) var(--th-td-padding-inline);
	background: var(--main-color);
	vertical-align: top;
	color: var(--white-color);
	font-weight: 600;
	text-align: left;
}

.middle :where(table:not([class])) thead th:first-child {
	border-top-left-radius: var(--border-radius);
}

.middle :where(table:not([class])) thead th:last-child {
	border-top-right-radius: var(--border-radius);
}

/* .main table:not([class]) thead th:nth-child(2n) {
	background: blue;
} */


.middle :where(table:not([class])) tbody td {
	padding: var(--th-td-padding-block) var(--th-td-padding-inline);
	vertical-align: top;
}

.middle :where(table:not([class])) tbody tr:nth-child(even) {
	background-color: var(--light-bg);
}

/* tabs
================================================================================ */
.wrap-tabs {
	margin-bottom: 1.875rem;
}

.tabs {
	display: flex;
	flex-wrap: wrap;

	/* background: yellow; */
}

.tabs li {
	position: relative;
	top: .063rem;
	padding: .938rem 1.875rem;
	border-radius: .625rem .625rem 0 0;
	border: .063rem solid var(--border-color);
	border-bottom: none;
	background: var(--light-bg);
	transition: background .3s .02s linear,
				color .3s .02s linear;
	cursor: pointer;
	color: var(--grey-color);
	font-weight: 500;
	font-size: 1rem;
}

.tabs li + li {
	border-left: none;
}

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

	.tabs li:hover:not(.active) {
		background: var(--white-color);
		color: var(--main-color);
	}

}

.tabs li:active:not(.active) {
	background: var(--white-color);
	color: var(--main-color);
}

.tabs li.active {
	background: var(--white-color);
	cursor: default;
	color: var(--main-color);
}


.tab-accordion {
	display: none;
}


.content-tab {
	margin: 0 0 2.5rem;
	padding: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: 0 .625rem .625rem .625rem;
	background: var(--white-color);
}

@media (max-width: 61.98rem) {

	.tabs {
		display: none;
	}

	.tab-accordion {
		position: relative;
		display: block;
		margin: 0 0 .063rem;
		padding: 1.25rem;
		border-radius: var(--border-radius);
		border: .063rem solid var(--border-color);
		background: var(--white-color);
		transition: background .3s .02s linear;
		cursor: pointer;
		font-weight: 500;
		font-size: 1rem;
		text-transform: uppercase;
		color: var(--text-color);
			-webkit-touch-callout: none;
			-webkit-user-select: none;
		user-select: none;
	}

	.tab-accordion:active {
		background: var(--main-color);
		color: var(--white-color);
	}

	.tab-accordion::before {
		content: "";
		display: block;
		position: absolute;
		top: 1.375rem;
		right: 1.25rem;
		width: .5rem;
		height: .5rem;
		border: .125rem solid var(--main-color);
		border-top: none;
		border-right: none;
		transform: rotate(-45deg);
		transition: rotate .3s .02s linear;
	}

	.tab-accordion:active::before {
		border-color: var(--white-color);
	}

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

	.acc_active::before {
		top: 1.375rem;
		border: .125rem solid var(--white-color);
		border-bottom: none;
		border-left: none;
	}

	.content-tab {
		margin: 0;
		padding: .938rem 1.25rem;
		border-radius: var(--border-radius);
	}

}

/* forms
================================================================================ */
/* label
============================================ */
.text-input {
	display: block;
	position: relative;

	/* background: #eee; */
}

.text-input span {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: .938rem;
	transform: translateY(-50%);
	cursor: text;
	transition: top .2s ease,
				transform .2s ease;
	color: var(--grey-text);
	font-weight: 400;
}

.text-input textarea + span {
	top: .938rem;
	transform: none;
}

.text-input span::before {
	content: attr(data-first);
	display: inline-block;
	color: var(--grey-color);
	font-weight: 400;
	font-size: .875rem;
	font-family: var(--accent-font);
	white-space: nowrap;
	transition: color .2s ease;
}

.text-input span::after {
	content: attr(data-second);
	display: inline-block;
	margin: 0 0 0 .313rem;
	color: hsl(0 0% 11% / 0);
	font-weight: 400;
	font-size: .875rem;
	white-space: nowrap;
	transition: color .2s ease;

	display: none;
}

.text-input.ico-label span {
	left: 2.875rem;
}

.text-input.ico-label::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: .938rem;
	width: 1rem;
	height: 1rem;
	transform: translateY(-50%);
}

.text-input.ico-label input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]),
.text-input.ico-label textarea {
	padding-left: 2.875rem;
}

.text-input.ico-label textarea {
	padding-top: .625rem;
}

.text-input.ico-label-name::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(210, 46, 40, 1)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") no-repeat left center;
	background-size: auto 1.125rem;
}

.text-input.ico-label-phone::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(210, 46, 40, 1)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z'/%3E%3C/svg%3E") no-repeat left center;
	background-size: auto 1.125rem;
}

.text-input.ico-label-mail::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(210, 46, 40, 1)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") no-repeat left center;
	background-size: auto 1.125rem;
}

.text-input.ico-label-textarea::before {
	top: 1.25rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='rgba(210, 46, 40, 1)'%3E%3Crect fill='none' height='24' width='24'/%3E%3Cpath d='M22,24H2v-4h20V24z M13.06,5.19l3.75,3.75L7.75,18H4v-3.75L13.06,5.19z M17.88,7.87l-3.75-3.75 l1.83-1.83c0.39-0.39,1.02-0.39,1.41,0l2.34,2.34c0.39,0.39,0.39,1.02,0,1.41L17.88,7.87z' enable-background='new'/%3E%3C/svg%3E") no-repeat left center;
	background-size: auto 1.125rem;
}

/* input text
============================================ */
.text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]),
.text-input textarea {
	display: block;
	width: 100%;
	height: 3.125rem;
	margin: 0;
	padding: 0 .938rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	transition: border-color .3s .02s linear;
	box-shadow: none;
	background: var(--white-color);
	outline: none;
	color: var(--text-color);
	font-size: .875rem;
	line-height: 1 !important;
	font-family: inherit;
}

.text-input textarea {
	height: 11.25rem;
	padding: .313rem .938rem .938rem;
	line-height: 1.3;

	/* background: #eee; */
}

.text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus,
.text-input textarea:focus {
	border-color: var(--accent-color);
}

.text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus + span,
.text-input textarea:focus + span,
.text-input .filled-input + span {
	top: -.625rem;
	transform: none;
	margin: 0 0 0 -.25rem;
	padding: 0 .25rem;
	background: var(--white-color);
}

.text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus + span::before,
.text-input textarea:focus + span::before {
	color: var(--text-color);
	font-weight: 600;
}

.text-input .filled-input + span::before {
	color: var(--text-color);
}

.text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus + span::after,
.text-input textarea:focus + span::after {
	color: var(--text-color);
}

.text-input .filled-input:not(:focus) + span::after {
	display: none;

	/* background: blue; */
}

form p {
	margin: 0;
	color: var(--grey-color);
	font-size: .875rem;
}

/* input-checkbox
============================================ */
.input-checkbox input[type="checkbox"] {
	position: absolute;
	width: .063rem;
	height: .063rem;
	margin: -.063rem;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

:where(.input-checkbox) {
	display: flex;
	position: relative;
	margin-bottom: 1.25rem;
	user-select: none;

	/* background: red; */
}

:where(.input-checkbox):last-of-type {
	margin-bottom: 0;
}

:where(.input-checkbox) .ico-checkbox {
	position: absolute;
	top: -.125rem;
	left: 0;
	width: 1.375rem;
	height: 1.375rem;
	border-radius: .25rem;
	border: .063rem solid var(--border-color);
	background: var(--white-color);
	transform: scale(1);
	transition: border-color .2s linear .02s,
				box-shadow .2s linear .02s,
				background .2s linear .02s;

	/* background: red; */
}

:where(.input-checkbox) .ico-checkbox svg {
	position: absolute;
	top: .25rem;
	left: .125rem;
	width: 1rem;
	height: .75rem;
	fill: none;
	stroke: var(--white-color);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 1rem;
	stroke-dashoffset: 1rem;
	transition: stroke-dashoffset .2s linear .02s;
}

:where(.input-checkbox) .label-checkbox {
	padding-left: 2.25rem;
	line-height: 1.3;

	/* background: seagreen; */
}

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

	:where(.input-checkbox):hover .ico-checkbox {
		border-color: var(--accent-color);
	}

}

:where(.input-checkbox) input[type="checkbox"]:checked + .ico-checkbox {
	background: var(--accent-color);
	border-color: var(--accent-color);
}

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

	:where(.input-checkbox):hover input[type="checkbox"]:checked + .ico-checkbox {
		box-shadow: none;
	}

}

:where(.input-checkbox) input[type="checkbox"]:checked + .ico-checkbox svg {
	stroke-dashoffset: 0;
}


:where(.input-checkbox) input[type="checkbox"]:disabled ~ .label-checkbox {
	cursor: default;
	color: var(--grey-text);
}

@media (hover: hover) and (pointer: fine) {
	
	:where(.input-checkbox):hover input[type="checkbox"]:disabled + .ico-checkbox {
		border-color: var(--border-color);
		box-shadow: none;
		cursor: default;
	}

}


.checkbox-fl-152 {
	margin-bottom: 1.25rem;
}


.checkbox-fl-152 .ico-checkbox {
	top: 0;
	width: 1.125rem;
	height: 1.125rem;
}

.checkbox-fl-152 .ico-checkbox svg {
	top: .125rem;
	left: .125rem;
	width: .75rem;
	height: .75rem;
	/* stroke-dasharray: .875rem;
	stroke-dashoffset: .875rem; */
}

.checkbox-fl-152 .label-checkbox {
	padding-left: 1.875rem;
	line-height: 1.2;
	color: var(--grey-text);
	font-size: .875rem;
}

.checkbox-fl-152 .label-checkbox a {
	color: var(--accent-color);
	text-decoration: underline;
}

.checkbox-fl-152 .label-checkbox a:hover,
.checkbox-fl-152 .label-checkbox a:active {
	text-decoration: none;
}

/* btn-form
============================================ */
.btn-form {
	margin: 1.25rem 0 0;
}

.btn-form [type="submit"] {
	display: inline-block;
	padding: .938rem 2.5rem;
	border: .063rem solid var(--main-color);
	border-radius: var(--border-radius);
	background: var(--main-color);
	cursor: pointer;
	color: var(--white-color);
	font-weight: 500;
	font-size: .75rem;
	white-space: nowrap;
	font-family: var(--accent-font);
	text-transform: uppercase;
	transition: background .3s .02s ease,
				color .3s .02s ease;
}

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

	.btn-form [type="submit"]:hover {
		background: var(--white-color);
		color: var(--text-color);
	}

}

.btn-form [type="submit"]:active {
	background: var(--white-color);
	color: var(--text-color);
}

/* map-yandex
================================================================================ */
.map-yandex {
	width: 100%;
	height: 100%;
	height: 37.5rem;
}

/* pagination
================================================================================ */
.pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 2.5rem 0;

	/* background: #777; */
}

.pagination li {
	margin: 0 .313rem;
}

.pagination a {
	display: flex;
	width: 2.5rem;
	height: 2.5rem;
	justify-content: center;
	align-items: center;
	border: .063rem solid var(--border-color);
	border-radius: .5rem;
	background: var(--white-color);
	color: var(--text-color);
	font-weight: 400;
	font-size: 1rem;
	text-decoration: none;
	transition: all 0.2s 0.02s ease;
}

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

	.pagination a:hover {
		background: var(--accent-color);
		color: var(--white-color);
	}

}

.pagination a:active{
	background: var(--accent-color);
	color: var(--white-color);
}

.pagination a.active {
	background: var(--main-color);
	color: var(--white-color);
}

.pagination a.prev-pgn,
.pagination a.next-pgn {
	border: none;
	background: none;

}

.pagination a.prev-pgn,
.pagination a.next-pgn {
	color: var(--main-color);
	transition: color .3s .02s linear;
	font-size: 1.125rem;
	line-height: 1.125;
}

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

	.pagination a.prev-pgn:hover,
	.pagination a.next-pgn:hover {
		color: var(--accent-color);
	}

}

.pagination a.prev-pgn:active,
.pagination a.next-pgn:active {
	color: var(--accent-color);
}

/* cookies
================================================================================ */
.cookies {
	position: fixed;
	bottom: .625rem;
	left: 0;
	z-index: 5;
	display: none;
	width: 100%;
}

.cookies-active {
	display: block;
}


.inner-cookies {
	display: flex;
	align-items: center;
	max-width: 82.5rem;
	margin-inline: auto;
	padding-block: 1rem;
	padding-inline: var(--container-center-padding-inline);
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background: var(--light-bg);
}

@media (max-width: 35.98rem) {

	.inner-cookies {
		flex-wrap: wrap;
	}

}

.text-cookies {
	margin-right: 1.875rem;

	/* background: #999; */
}

@media (max-width: 35.98rem) {

	.text-cookies {
		flex-basis: 100%;
		width: 100%;
		margin-bottom: .875rem;
	}

}

.text-cookies p {
	margin: 0;
	line-height: 1.2;
}

.text-cookies p:first-child {
	margin-bottom: .313rem;
	font-weight: 700;
	
	/* background: palegreen; */
}

/* .text-cookies p:last-child {
	background: palegreen;
} */

.text-cookies p a {
	color: var(--accent-color);
	text-decoration: underline;
}

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

	.text-cookies p a:hover {
		text-decoration: none;
	}

}

.text-cookies p a:active {
	text-decoration: none;
}


.inner-cookies button {
	margin-left: auto;
	padding: .938rem 1.875rem;
	border: .063rem solid var(--accent-color);
	border-radius: var(--border-radius);
	background: var(--accent-color);
	color: var(--white-color);
	font-weight: 500;
	font-size: .75rem;
	white-space: nowrap;
	font-family: var(--accent-font);
	text-transform: uppercase;
	transition: all .3s .02s ease;
}

@media (max-width: 35.98rem) {

	.inner-cookies button {
		margin-left: 0;
	}

}

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

	.inner-cookies button:hover {
		background: var(--white-color);
		color: var(--text-color);
	}

}

.inner-cookies button:active {
	background: var(--white-color);
	color: var(--text-color);
}

/* modal
================================================================================ */
.reveal-modal-bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: hsl(0 0% 11% / .8);
	z-index: 8888;
}

.reveal-modal {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	width: 100%;
	max-width: 25rem;
	visibility: hidden;
	overflow: hidden;
	border-radius: .125rem;
}

.reveal-modal a.close-reveal-modal {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1.5rem;
	height: 1.5rem;
	background: var(--accent-color);
	transition: background .3s .02s linear;
	cursor: pointer;
	color: var(--white-color) !important;
	font-weight: 400;
	font-size: 1.375rem;
	line-height: 1.375rem;
	text-align: center;
}

.reveal-modal a.close-reveal-modal:hover,
.reveal-modal a.close-reveal-modal:active,
.reveal-modal a.close-reveal-modal:focus {
	background: var(--main-color);
}

.title-modal {
	padding: 1.875rem;
	background: linear-gradient(to right bottom, var(--main-color) 40%, var(--accent-color));
	color: var(--white-color);
	font-weight: 600;
	font-size: 1.25rem;
	line-height: 1.3;
	text-transform: uppercase;
}

.title-modal span {
	display: block;
	margin: .5rem 0 0;
	font-weight: 400;
	font-size: .875rem;
	text-transform: none;
}

.content-modal {
	padding: 1.875rem;
	overflow: hidden;
	background: var(--white-color);
}

.content-modal .text-input {
	margin: 0 0 .938rem;
}

.content-modal p {
	margin: 0 0 1.5rem;
	font-size: .875rem;
}

.content-modal .btn-form {
	margin: 0;
}

.content-modal .btn-form [type="submit"] {
	padding: .75rem 1.5rem .875rem;
	font-size: .813rem;
}


/* ========================================================================================
	header
======================================================================================== */
/* .header {
	background: #FFCC00;
} */

.rd-navbar,
.rd-navbar.rd-navbar--is-clone {
	display: none;
}

.rd-navbar-static,
.rd-navbar-fixed {
	display: block;
	position: relative;
}

.rd-navbar--no-transition,
.rd-navbar--no-transition * {
	transition: none !important;
}

.rd-navbar-static.rd-navbar--is-clone {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 20;
	transform: translateY(-105%);
}

.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck {
	transform: translateY(0);
}

.rd-navbar-static.rd-navbar--is-stuck {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 20;
}

@media (max-width: 74.98rem) {

	.rd-navbar-fixed .rdn-fixed-panel {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 16;
		width: 100%;
		height: var(--height-rd-navbar);
		box-shadow: 0 .063rem .125rem hsl(0 0% 11% / .3);
		background: var(--light-bg);
	}

}

/* rdn-toggle
============================================ */
.rdn-toggle {
	display: none;
}

@media (max-width: 74.98rem) {

	.rd-navbar-fixed .rdn-toggle {
		display: block;
		position: fixed;
		top: .188rem;
		right: .5rem;
		z-index: 17;
		width: 2.5rem;
		height: 2.5rem;
		padding: 0;
		background: none;
		cursor: pointer;

		/* background: palegreen; */
	}

	.rd-navbar-fixed .rdn-toggle span {
		display: block;
		position: relative;
		margin: auto;
		transition: all .3s ease;
		transform: rotate(180deg)
	}

	.rd-navbar-fixed .rdn-toggle span::after,
	.rd-navbar-fixed .rdn-toggle span::before {
		content: "";
		position: absolute;
		left: 0;
		top: -.5rem;
		transform-origin: 1.71429px center;
		transition: all .3s ease
	}

	.rd-navbar-fixed .rdn-toggle span::after {
		top: .5rem
	}

	.rd-navbar-fixed .rdn-toggle span,
	.rd-navbar-fixed .rdn-toggle span::after,
	.rd-navbar-fixed .rdn-toggle span::before {
		width: 1.625rem;
		height: .188rem;
		background-color: var(--text-color);
		backface-visibility: hidden
	}

	.rd-navbar-fixed .rdn-toggle span::before {
		width: 1.125rem;
		left: .5rem;
		background-color: var(--accent-color)
	}

	.rd-navbar-fixed .rdn-toggle.active span {
		height: .125rem;
		transform: rotate(360deg);
		background-color: var(--accent-color)
	}

	.rd-navbar-fixed .rdn-toggle.active span::after,
	.rd-navbar-fixed .rdn-toggle.active span::before {
		top: 0;
		width: .75rem !important;
		height: .125rem;
		background-color: var(--accent-color)
	}

	.rd-navbar-fixed .rdn-toggle.active span::before {
		left: 0;
		transform: rotate3d(0, 0, 1, -40deg)
	}

	.rd-navbar-fixed .rdn-toggle.active span::after {
		transform: rotate3d(0, 0, 1, 40deg)
	}

}

/* rdn-top-panel
============================================================================= */
.rdn-top-panel {
	background: var(--main-color);
}

.rdn-top-panel .container-center {
	display: flex;
	align-items: center;
	padding-block: .5rem;

	/* background: green; */
}

@media (max-width: 74.98rem) {

	.rd-navbar-fixed .rdn-top-panel {
		display: none;
	}

}

/* rdn-tp-left
============================================ */
.rd-navbar-static .rdn-tp-left {
	display: flex;
	align-items: center;

	/* background: pink; */
}

/* ======= tel-rdn-tp-left ======= */
.tel-rdn-tp-left {
	margin: 0 1.25rem 0 0;
	color: var(--white-color);
	transition: color .3s .02s linear;
	font-size: 1rem;
	font-family: var(--accent-font);
	text-decoration: none;
}

.tel-rdn-tp-left::before {
	content: "";
	display: inline-block;
	position: relative;
	top: .063rem;
	width: .875rem;
	height: .875rem;
	margin: 0 .5rem 0 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23D22E28' d='M3.218 6.924a13.47 13.47 0 0 0 5.858 5.858l1.955-1.955c.24-.24.596-.32.907-.214.995.33 2.07.507 3.173.507.489 0 .889.4.889.889v3.102c0 .489-.4.889-.889.889C6.764 16 0 9.236 0 .889 0 .4.4 0 .889 0H4c.489 0 .889.4.889.889 0 1.111.178 2.178.507 3.173a.89.89 0 0 1-.223.907z'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}

/* ======= mail-rdn-tp-left ======= */
.mail-rdn-tp-left {
	color: var(--white-color);
	transition: color .3s .02s linear;
	font-size: 1;
	font-family: var(--accent-font);
	text-decoration: none;
}

.mail-rdn-tp-left::before {
	content: "";
	display: inline-block;
	position: relative;
	top: .063rem;
	width: .938rem;
	height: .938rem;
	margin: 0 .5rem 0 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23D22E28' d='M6.71 15.938c-1.855-.19-3.637-1.039-4.814-2.291-.947-1.009-1.484-2.1-1.783-3.624-.15-.768-.15-2.465-.001-3.28.299-1.633.995-3.024 2.107-4.212A7.85 7.85 0 0 1 6.624.139c1.173-.204 2.658-.182 3.816.058 2.246.464 4.03 1.785 4.906 3.633.975 2.056.82 4.929-.36 6.654-.536.786-1.314 1.402-2.132 1.69-.612.216-1.631.271-2.127.115-.687-.216-1.158-.717-1.321-1.405-.042-.177-.091-.32-.109-.32-.017 0-.123.195-.234.43-.251.536-.664.968-1.13 1.183-.474.218-1.322.268-1.864.11-.945-.274-1.636-1.047-1.947-2.177-.223-.807-.166-2.452.115-3.365.62-2.017 2.25-3.269 3.916-3.007.562.087.931.318 1.182.735.107.178.212.307.234.285s.04-.145.04-.273c0-.127.018-.32.04-.428l.039-.195h2.096l-.023.14c-.073.452-.346 3.806-.378 4.653-.055 1.429.086 1.914.58 2.007.494.092 1.04-.31 1.373-1.012.512-1.084.65-3.041.304-4.31-.527-1.932-2.05-3.255-4.085-3.549-.833-.12-2.166-.047-2.853.157a5.75 5.75 0 0 0-2.608 1.578C2.814 4.864 2.25 6.208 2.176 8.094c-.066 1.71.265 2.968 1.06 4.027.846 1.128 1.982 1.783 3.547 2.045.799.133 2.528.099 3.265-.065.504-.112 1.387-.39 1.77-.557l.234-.102v1.865l-.58.191c-1.315.435-3.156.605-4.762.44m1.39-5.415c.777-.387 1.256-1.615 1.258-3.221.001-.858-.096-1.21-.43-1.56-.408-.43-1.05-.48-1.584-.128-.473.314-.85.977-1.061 1.865-.18.756-.151 1.9.06 2.363.367.81 1.004 1.056 1.757.681'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}


.rdn-tp-left a:hover,
.rdn-tp-left:active,
.rdn-tp-left:focus {
	color: hsl(0 0% 100% / .7);
}

/* rd-navbar-static rdn-tp-right
============================================ */
.rd-navbar-static .rdn-tp-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0 0 0 auto;

	/* background: red; */
}

/* ======= search-rdn-tp-right ======= */
.search-rdn-tp-right {
	width: 20rem;
	padding: 0 2.5rem 0 0;

	/* background: cadetblue; */
}

.search-rdn-tp-right::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 1.25rem;
	transform: translateY(-50%);
	width: .063rem;
	height: 80%;
	background: var(--white-color);
}

.search-rdn-tp-right input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]) {
	right: 2.5rem;
	flex-basis: 1.875rem;
	width: 1.875rem;
	transition: all .3s .02s linear;
	height: 1.875rem;
	background: transparent;
	cursor: pointer;
}


.search-rdn-tp-right input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus {
	flex-basis: 100%;
	width: 100%;
	padding: 0 2.5rem 0 .625rem;
	z-index: 1;
	background: var(--white-color);
	cursor: text;
}


.search-rdn-tp-right [type="submit"] {
	flex-basis: 1.875rem;
	width: 1.875rem;
	height: 1.875rem;
}

/* ======= messengers-rdn-tp-right ======= */
.messengers-rdn-tp-right {
	display: flex;
	align-items: center;

	/* background: plum; */
}

.messengers-rdn-tp-right a {
	width: 1.875rem;
	height: 1.875rem;
	border-radius: var(--border-radius);
	transition: background-color .3s .02s linear;
}

.messengers-rdn-tp-right a + a {
	margin: 0 0 0 .5rem;
}

.messengers-rdn-tp-right .telegram {
	background-size: auto .75rem;
}

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

	.messengers-rdn-tp-right .telegram:hover {
		background-color: rgba(0, 136, 204, .7);
	}

}

.messengers-rdn-tp-right .telegram:active {
	background-color: rgba(0, 136, 204, .7);
}

.messengers-rdn-tp-right .whatsapp {
	background-size: auto 1.125rem;
}

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

	.messengers-rdn-tp-right .whatsapp:hover {
		background-color: rgba(37, 211, 102, .7);
	}

}

.messengers-rdn-tp-right .whatsapp:active {
	background-color: rgba(37, 211, 102, .7);
}

@media (max-width: 74.98rem) {

	.rd-navbar-fixed .rdn-mp-right {
		display: none;

		/* background: red; */
	}

}

/* rdn-main-panel
============================================================================= */
/* .rdn-main-panel {
	background: cadetblue;
} */

.rdn-main-panel .container-center {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	padding: 1.875rem var(--container-center-padding-inline) 2rem;

	/* background: palegreen; */
}

@media (max-width: 74.98rem) {

	.rd-navbar-fixed .rdn-main-panel .container-center {
		padding-block: 0;
	}

}

/* rdn-logo
============================================ */
.rdn-logo {
	flex-basis: 12.5rem;
	width: 12.5rem;
	margin: 0 auto 0 0;

	/* background: plum; */
}

@media (max-width: 74.98rem) {

	.rd-navbar-fixed .rdn-logo {
		display: inline-block;
		position: fixed;
		top: 0;
		left: .5rem;
		right: 3.5rem;
		flex-basis: auto;
		width: auto;
		height: 4.5rem;
		overflow: hidden;
		z-index: 17;

		/* background: cadetblue; */
	}

	.rd-navbar-fixed .rdn-logo img {
		width: auto;
		max-width: none;
		height: 2.125rem;
		margin: .5rem 0 0
	}

}

/* rd-navbar-static rdn-nav
============================================ */
.rd-navbar-static .rdn-nav {
	margin: 0 .938rem;

	/* background: chartreuse; */
}

.rd-navbar-static .rdn-nav-ul {
	display: flex;
	flex-wrap: nowrap;

	/* background: red; */
}

.rd-navbar-static .rdn-nav-ul > li {
	margin: 0 .313rem;
}

.rd-navbar-static .rdn-nav-ul > li > a {
	display: block;
	position: relative;
	padding: .75rem 0;
	color: var(--text-color);
	font-weight: 400;
	font-size: clamp(0.875rem, 0.835rem + 0.2vw, 1rem);
	white-space: nowrap;
	transition: color .3s .02s linear;

	/* background: #ccc; */
}

.rd-navbar-static .rdn-nav-ul > li:not(.catalog) > a::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -.313rem;
	left: 0;
	visibility: hidden;
	opacity: 0;
	width: 100%;
	height: .063rem;
	background: transparent;
	transition: all .3s .02s linear;
}

.rd-navbar-static .rdn-nav-ul > li.active > a,
.rd-navbar-static .rdn-nav-ul > li.opened > a,
.rd-navbar-static .rdn-nav-ul > li.focus > a {
	color: var(--accent-color);
}

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

	.rd-navbar-static .rdn-nav-ul > li > a:hover {
		color: var(--accent-color);
	}

}

.rd-navbar-static .rdn-nav-ul > li:not(.catalog).active > a::after,
.rd-navbar-static .rdn-nav-ul > li:not(.catalog).opened > a::after,
.rd-navbar-static .rdn-nav-ul > li:not(.catalog).focus > a::after {
	bottom: .125rem;
	visibility: visible;
	opacity: 1;
	background: var(--accent-color);
}

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

	.rd-navbar-static .rdn-nav-ul > li:not(.catalog) > a:hover::after {
		bottom: .375rem;
		visibility: visible;
		opacity: 1;
		background: var(--accent-color);
	}

}


.rd-navbar-static .rdn-nav-ul > li.catalog {
	margin: 0 .625rem 0 0;
}

.rd-navbar-static .rdn-nav-ul > li.catalog > a {
	position: relative;
	padding: .625rem 1.625rem .625rem 1.25rem;
	border: .063rem solid var(--accent-color);
	border-radius: var(--border-radius);
}

.rd-navbar-static .rdn-nav-ul > li.catalog.active > a,
.rd-navbar-static .rdn-nav-ul > li.catalog.opened > a,
.rd-navbar-static .rdn-nav-ul > li.catalog.focus > a {
	border-color: var(--text-color);
	background: var(--main-color);
	color: var(--white-color);
}

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

	.rd-navbar-static .rdn-nav-ul > li.catalog > a:hover {
		border-color: var(--text-color);
		background: var(--main-color);
		color: var(--white-color);
	}

}

/* ======= arrows inside the menu ======= */
.rd-navbar-static .rd-navbar-submenu-toggle {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: .625rem;
	transform: translateY(-50%);
	z-index: 1;
	width: 1rem;
	height: 1rem;

	/* background: red; */
}

.rd-navbar-static .rd-navbar-submenu-toggle::after {
	content: "";
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(0 0% 11%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 1rem;
	transition: all .3s .02s linear;

	/* background: palegreen; */
}

.rd-navbar-static .rdn-nav-ul > li.focus > .rd-navbar-submenu-toggle::after,
.rd-navbar-static .rdn-nav-ul > li.opened > .rd-navbar-submenu-toggle::after,
.rd-navbar-static .rdn-nav-ul > li > a:hover + .rd-navbar-submenu-toggle::after {
	transform: rotate(180deg);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(0 0% 100%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E");
}


.rd-navbar-static .rd-navbar-dropdown .rd-navbar-submenu-toggle {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: .625rem;
	transform: translateY(-50%);
	z-index: 1;
	width: 1rem;
	height: 1rem;
}

.rd-navbar-static .rd-navbar-dropdown .rd-navbar-submenu-toggle::after {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(0 0% 100%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E") no-repeat center / auto 1rem;
}

.rd-navbar-static .rd-navbar-dropdown > li.focus > .rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-navbar-dropdown > li.opened > .rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-navbar-dropdown > li > a:hover+.rd-navbar-submenu-toggle::after {
	transform: rotate(-90deg);
}
/* ======= /arrows inside the menu ======= */

.rd-navbar-static .rd-navbar-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	width: 21.25rem;
	border-radius: var(--border-radius);
	box-shadow: 0 .125rem .375rem hsl(0 0% 11% / .5);
	opacity: 0;
	visibility: hidden;
	transform: translateY(1.875rem);
	transition: all .3s ease;
	background: var(--main-color);

	/* background: pink; */
}

.rd-navbar-static .rd-navbar-dropdown li a {
	display: block;
	position: relative;
	padding: 1rem 1.5rem 1rem 1.125rem;
	border-bottom: .063rem solid rgba(225, 225, 225, .1);
	color: var(--white-color);
	transition: background .3s .02s ease;
	font-size: 1rem;
	line-height: 1.2;
}

.rd-navbar-static .rd-navbar-dropdown > li:first-child > a:first-child {
	border-radius: .625rem .625rem 0 0;

	/* background: peru; */
}

.rd-navbar-static .rd-navbar-dropdown li:last-child a {
	border-bottom: transparent;
}

.rd-navbar-static .rd-navbar-dropdown > li:last-child > a:last-child {
	border-radius: 0 0 .625rem .625rem;

	/* background: peru; */
}

.rd-navbar-static .rd-navbar-dropdown li.active > a,
.rd-navbar-static .rd-navbar-dropdown li.focus > a,
.rd-navbar-static .rd-navbar-dropdown li.opened > a,
.rd-navbar-static .rd-navbar-dropdown li > a:hover {
	background: var(--accent-color);
}

.rd-navbar-static .rdn-nav-ul li.rd-navbar--has-dropdown {
	position: relative;
}

.rd-navbar-static .rdn-nav-ul li.focus > .rd-navbar-dropdown,
.rd-navbar-static .rdn-nav-ul li.opened > .rd-navbar-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}


.rd-navbar-static .rdn-nav-ul li > .rd-navbar-dropdown .rd-navbar-dropdown {
	top: 0;
	left: 100%;
	z-index: 2;

	/* background: palegreen; */
}


@media (max-width: 74.98rem) {

	.rd-navbar-fixed .rdn-nav {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 3.5rem 0 2.5rem;
		z-index: 15;
		overflow-y: auto;
		box-shadow: 0 .188rem .313rem 0 hsl(0 0% 11% / .25);
		background: var(--white-color);
		transform: translateX(-105%);
		transition: all .3s ease;

		/* background: red; */
	}

	.rd-navbar-fixed .rdn-nav.active {
		transform: translateX(0);

		/* background: red; */
	}

	.rd-navbar-fixed .rdn-nav-ul {
		display: block;
		height: 100%;
		margin: 0;
		overflow: auto;

		/* background: pink; */
	}

	.rd-navbar-fixed .rdn-nav-ul li {
		border-bottom: .063rem solid rgba(227, 226, 231, .7)
	}

	.rd-navbar-fixed .rdn-nav-ul li > a {
		display: block;
		padding: 1.125rem 3.75rem 1.125rem 1.125rem;
		color: var(--text-color);
		font-size: 1rem;
		line-height: 1.2;
		transition: all .3s .02s ease;

		/* background: cadetblue; */
	}

	.rd-navbar-fixed .rdn-nav-ul li.catalog {
		border-bottom: .125rem solid var(--border-color);
	}

	.rd-navbar-fixed .rdn-nav-ul li.catalog > a {
		font-weight: 600;
		font-size: 1.125rem;
		text-transform: uppercase
	}

	.rd-navbar-fixed .rdn-nav-ul li.opened > a {
		background: var(--main-color);
		color: var(--white-color)
	}

	.rd-navbar-fixed .rdn-nav-ul li a:hover,
	.rd-navbar-fixed .rdn-nav-ul li a:active {
		background: var(--border-color);
	}

	.rd-navbar-fixed .rd-navbar-dropdown,
	.rd-navbar-fixed .rd-navbar-megamenu {
		display: none;
	}

	.rd-navbar-fixed .rd-navbar-submenu {
		position: relative;
		margin: .063rem 0 0;
	}

	.rd-navbar-fixed .rd-navbar-submenu li > a {
		padding: 1.125rem 3.75rem 1.125rem 2.25rem;
		font-size: 1.125rem;

		/* background: red; */
	}

	.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a {
		padding-left: 3.125rem;

		/* background: blue; */
	}

	/* .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a {
		padding-left: 3rem;

		background: palegreen;
	} */

	.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown,
	.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu {
		display: block
	}

/* ======= arrows inside the menu ======= */
	.rd-navbar-fixed .rd-navbar-submenu-toggle {
		display: block;
		position: absolute;
		top: .5rem;
		right: .625rem;
		width: 2rem;
		height: 2rem;
		z-index: 100;
		cursor: pointer;
	}

	.rd-navbar-fixed .catalog > .rd-navbar-submenu-toggle {
		top: .688rem;
	}

	.rd-navbar-fixed .rd-navbar-submenu-toggle::before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		border: .063rem solid var(--main-color);
		border-radius: 100%;
		background: var(--light-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(210, 46, 40, 1)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E") no-repeat center;
		background-size: auto 1.375rem;
		transition: all .3s ease
	}

	.rd-navbar-fixed .rdn-nav-ul li.active > .rd-navbar-submenu-toggle::before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(30, 31, 66, 1)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E") no-repeat center;
		background-size: auto 1.375rem;
	}

	.rd-navbar-fixed .rdn-nav-ul li.opened > .rd-navbar-submenu-toggle::before {
		transform: rotate(180deg);
	}

}

/* contacts-rdn-main-panel
============================================ */
.rd-navbar-static .contacts-rdn-main-panel {
	display: none;
}

@media (max-width: 74.98rem) {

	.rd-navbar-fixed .contacts-rdn-main-panel {
		display: block;
		padding: 0 1.125rem;
	}

/* ======= search-contacts-rdn-main-panel ======= */
	.search-contacts-rdn-main-panel {
		width: 100%;
		margin: 1.25rem 0;
		border: .063rem solid var(--border-color);
		transition: all .3s .02s linear;
		border-radius: .5rem;

		/* background: cadetblue; */
	}

	.search-contacts-rdn-main-panel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]) {
		right: 0;
		flex-basis: 100%;
		width: 100%;
		height: 2.5rem;
		padding: 0 2.875rem 0 .625rem;
		background: var(--light-bg);
		cursor: text;

		/* background: palegoldenrod; */
	}

	.search-contacts-rdn-main-panel:focus-within {
		border-color: var(--accent-color);
	}


	.search-contacts-rdn-main-panel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus {
		flex-basis: 100%;
		width: 100%;
		padding: 0 2.5rem 0 .625rem;
		z-index: 1;
		background: var(--white-color);
		cursor: text;
	}


	.search-contacts-rdn-main-panel [type="submit"] {
		z-index: 2;
		flex-basis: 2.5rem;
		width: 2.5rem;
		height: 2.5rem;
		background: var(--light-bg);
	}

/* ======= tel-contacts-rdn-main-panel ======= */
	.tel-contacts-rdn-main-panel {
		margin: 1.625rem 0 1.25rem;
	}

	.tel-contacts-rdn-main-panel a {
		display: block;
		color: var(--text-color);
		font-weight: 600;
		font-size: 1.125rem;
		font-family: var(--accent-font);
		text-decoration: none;
	}

	.tel-contacts-rdn-main-panel a::before {
		content: "";
		display: inline-block;
		position: relative;
		top: .125rem;
		width: 1rem;
		height: 1rem;
		margin: 0 .5rem 0 0;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23D22E28' d='M3.218 6.924a13.47 13.47 0 0 0 5.858 5.858l1.955-1.955c.24-.24.596-.32.907-.214.995.33 2.07.507 3.173.507.489 0 .889.4.889.889v3.102c0 .489-.4.889-.889.889C6.764 16 0 9.236 0 .889 0 .4.4 0 .889 0H4c.489 0 .889.4.889.889 0 1.111.178 2.178.507 3.173a.89.89 0 0 1-.223.907z'/%3E%3C/svg%3E") no-repeat center / auto 100%;
	}

	.tel-contacts-rdn-main-panel a:active {
		color: var(--accent-color);
	}

/* ======= mail-contacts-rdn-main-panel ======= */
	.mail-contacts-rdn-main-panel {
		margin: 0 0 1.625rem;
	}

	.mail-contacts-rdn-main-panel a {
		display: block;
		color: var(--text-color);
		font-weight: 600;
		font-size: 1rem;
		font-family: var(--accent-font);
		text-decoration: none;
	}

	.mail-contacts-rdn-main-panel a::before {
		content: "";
		display: inline-block;
		position: relative;
		top: .25rem;
		width: 1rem;
		height: 1rem;
		margin: 0 .625rem 0 0;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23D22E28' d='M6.71 15.938c-1.855-.19-3.637-1.039-4.814-2.291-.947-1.009-1.484-2.1-1.783-3.624-.15-.768-.15-2.465-.001-3.28.299-1.633.995-3.024 2.107-4.212A7.85 7.85 0 0 1 6.624.139c1.173-.204 2.658-.182 3.816.058 2.246.464 4.03 1.785 4.906 3.633.975 2.056.82 4.929-.36 6.654-.536.786-1.314 1.402-2.132 1.69-.612.216-1.631.271-2.127.115-.687-.216-1.158-.717-1.321-1.405-.042-.177-.091-.32-.109-.32-.017 0-.123.195-.234.43-.251.536-.664.968-1.13 1.183-.474.218-1.322.268-1.864.11-.945-.274-1.636-1.047-1.947-2.177-.223-.807-.166-2.452.115-3.365.62-2.017 2.25-3.269 3.916-3.007.562.087.931.318 1.182.735.107.178.212.307.234.285s.04-.145.04-.273c0-.127.018-.32.04-.428l.039-.195h2.096l-.023.14c-.073.452-.346 3.806-.378 4.653-.055 1.429.086 1.914.58 2.007.494.092 1.04-.31 1.373-1.012.512-1.084.65-3.041.304-4.31-.527-1.932-2.05-3.255-4.085-3.549-.833-.12-2.166-.047-2.853.157a5.75 5.75 0 0 0-2.608 1.578C2.814 4.864 2.25 6.208 2.176 8.094c-.066 1.71.265 2.968 1.06 4.027.846 1.128 1.982 1.783 3.547 2.045.799.133 2.528.099 3.265-.065.504-.112 1.387-.39 1.77-.557l.234-.102v1.865l-.58.191c-1.315.435-3.156.605-4.762.44m1.39-5.415c.777-.387 1.256-1.615 1.258-3.221.001-.858-.096-1.21-.43-1.56-.408-.43-1.05-.48-1.584-.128-.473.314-.85.977-1.061 1.865-.18.756-.151 1.9.06 2.363.367.81 1.004 1.056 1.757.681'/%3E%3C/svg%3E") no-repeat center / auto 100%;
	}

	.mail-contacts-rdn-main-panel a:active {
		color: var(--accent-color);
	}

/* ======= btn-contacts-rdn-main-panel ======= */
.btn-contacts-rdn-main-panel a {
	padding: .875rem 1.5rem;
}

/* ======= messengers-contacts-rdn-main-panel ======= */
	.messengers-contacts-rdn-main-panel {
		display: flex;
		align-items: center;

		/* background: plum; */
	}

	.messengers-contacts-rdn-main-panel a {
		width: 2.25rem;
		height: 2.25rem;
		border-radius: var(--border-radius);
		transition: background-color .3s .02s linear;
	}

	.messengers-contacts-rdn-main-panel a + a {
		margin: 0 0 0 .625rem;
	}

	.messengers-contacts-rdn-main-panel .telegram {
		background-size: auto .875rem;
	}

	.messengers-contacts-rdn-main-panel .telegram:hover,
	.messengers-contacts-rdn-main-panel .telegram:active,
	.messengers-contacts-rdn-main-panel .telegram:focus {
		background-color: rgba(0, 136, 204, .7);
	}

	.messengers-contacts-rdn-main-panel .whatsapp {
		background-size: auto 1.25rem;
	}

	.messengers-contacts-rdn-main-panel .whatsapp:hover,
	.messengers-contacts-rdn-main-panel .whatsapp:active,
	.messengers-contacts-rdn-main-panel .whatsapp:focus {
		background-color: rgba(37, 211, 102, .7);
	}

}

/* rdn-btn-modal
============================================ */
.btn.rdn-btn-modal {
	margin: 0;
}

@media (max-width: 74.98rem) {

	.btn.rdn-btn-modal {
		display: none;
	}

}

.btn.rdn-btn-modal a {
	padding: .75rem 1.125rem;
}


/* ====================================================================================================
	bread-crumbs
==================================================================================================== */
.bread-crumbs {
	background: hsl(0 0% 86% / .5);
}

.bread-crumbs ul {
	display: flex;
	align-items: center;
	padding-block: .875rem;

	/* background: #1bbc9b; */
}

@media (max-width: 47.98rem) {

	.bread-crumbs ul {
		justify-content: flex-start;
		overflow-x: auto;
			-webkit-overflow-scrolling: touch;

		/* background: #1bbc9b; */
	}

	.bread-crumbs ul::-webkit-scrollbar {
			-webkit-appearance: none;
		height: .125rem;
	}

	.bread-crumbs ul::-webkit-scrollbar-track {
		background-color: var(--light-bg);
	}

	.bread-crumbs ul::-webkit-scrollbar-thumb {
		background-color: var(--main-color);
	}

}


.bread-crumbs li {
	display: flex;
	align-items: center;
	color: var(--grey-color);
	font-weight: 400;
	font-size: .875rem;
	white-space: nowrap;
}

.bread-crumbs li::after {
	content: "/";
	margin-inline: .625rem;
	font-size: .75rem;
}

.bread-crumbs li:last-child:after {
	display: none;
}

.bread-crumbs li a {
	color: var(--text-color);
	font-size: .875rem;
	white-space: nowrap;
	transition: all .2s linear .02s;
}

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

	.bread-crumbs li a:hover {
		color: var(--accent-color);
	}

}

.home-bread-crumbs {
	width: .875rem;
	height: .875rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(0 0% 11%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}

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

	.home-bread-crumbs:hover {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='hsl(2 68% 49%)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E") no-repeat center / auto 100%;
	}

}


/* ========================================================================================
	footer
======================================================================================== */
.footer {
	flex: 0 0 auto;
}

/* feedback-footer
============================================================================= */
.feedback-footer {
	background: var(--accent-color);
}

.feedback-footer .container-center {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-block: 3.75rem;

	/* background: #FF9933; */
}


.left-feedback-footer {
	flex-basis: 60%;
	width: 60%;
	padding: 0 2.5rem 0 0;

	/* background: #ccc; */
}

@media (max-width: 47.98rem) {

	.left-feedback-footer {
		flex-basis: 100%;
		width: 100%;
		margin: 0 0 2.5rem;
		padding: 0;
	}

}

.right-feedback-footer {
	flex-basis: 40%;
	width: 40%;
	padding: 0 0 0 2.5rem;

	/* background: #2ecc71; */
}

@media (max-width: 47.98rem) {

	.right-feedback-footer {
		flex-basis: 100%;
		width: 100%;
		padding: 0;
	}

}

/* feedback-footer typography
============================================ */
.title-feedback-footer {
	position: relative;
	margin: 0 0 3.125rem;
	color: var(--white-color);
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.2;
	font-family: var(--accent-font);
	text-transform: uppercase;
}

.title-feedback-footer::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -1rem;
	left: 0;
	width: 12.5rem;
	height: .063rem;
	background: var(--border-color);
}

.title-feedback-footer::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -1.125rem;
	left: 0;
	width: 5rem;
	height: .313rem;
	background: var(--main-color);
}


.feedback-footer p:first-of-type {
	margin: 0 0 .625rem;
	color: var(--white-color);
	font-size: 1.25rem;
}

.feedback-footer p:last-of-type {
	margin: 0 0 2.5rem;
	color: var(--white-color);
	line-height: 1.3;
}

/* feedback-footer form
============================================ */
.feedback-footer form {
	max-width: 33.75rem;
}

.feedback-footer .text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]) {
	margin-bottom: .875rem;
}

.feedback-footer .text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus+span,
.feedback-footer .text-input .filled-input+span {
	top: -1.5rem;
	background: transparent;

	/* background: #ccc; */
}

.feedback-footer .text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus + span::before {
	color: var(--white-color);
}

.feedback-footer .text-input input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus + span::after {
	color: var(--white-color);
}


.feedback-footer .checkbox-fl-152 .label-checkbox {
	color: var(--white-color);
}

.feedback-footer .checkbox-fl-152 input[type="checkbox"]:checked + .ico-checkbox {
	border-color: var(--white-color);
}

.feedback-footer .checkbox-fl-152 .label-checkbox a {
	color: var(--main-color);
}

/* messengers-f
============================================ */
.messengers-f {
	display: flex;
}

.messengers-f a {
	flex-basis: 5rem;
	width: 5rem;
	height: 5rem;
	border-radius: var(--border-radius);
	transition: background-color .3s .02s linear;
}

@media (max-width: 47.98rem) {

	.messengers-f a {
		flex-basis: 3.5rem;
		width: 3.75rem;
		height: 3.75rem;
	}

}

.messengers-f a + a {
	margin: 0 0 0 1rem;
}

.messengers-f .telegram {
	background-size: auto 1.75rem;
}

@media (max-width: 47.98rem) {

	.messengers-f .telegram {
		background-size: auto 1.5rem;
	}

}

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

	.messengers-f .telegram:hover {
		background-color: rgba(0, 136, 204, .7);
	}

}

.messengers-f .telegram:active {
	background-color: rgba(0, 136, 204, .7);
}


.messengers-f .whatsapp {
	background-size: auto 2rem;
}

@media (max-width: 47.98rem) {

	.messengers-f .whatsapp {
		background-size: auto 1.875rem;
	}

}

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

	.messengers-f .whatsapp:hover {
		background-color: rgba(37, 211, 102, .7);
	}

}

.messengers-f .whatsapp:active {
	background-color: rgba(37, 211, 102, .7);
}

/* contacts-footer
============================================================================= */
.contacts-footer {
	border-bottom: .063rem solid hsl(0 0% 100% / .3);
	background: var(--dark-color);
}

@media (max-width: 47.98rem) {

	.contacts-footer {
		display: none;
	}

}

.contacts-footer .container-center {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-block: 3.75rem;
}

.contacts-footer .container-center > div {
	position: relative;
	padding: 0 0 0 4.875rem;
	line-height: 1.3;
}

.contacts-footer span {
	display: block;
	margin: 0 0 .5rem;
	color: var(--grey-color);
	font-size: .875rem;
	text-transform: lowercase;
}

.tel-f {
	flex-basis: 30%;
	width: 30%;
}

@media (max-width: 61.98rem) {

	.tel-f {
		flex-basis: 33.3333%;
		width: 33.3333%;
	}

}

.tel-f::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 100%;
	background: var(--accent-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23D22E28' d='M3.218 6.924a13.47 13.47 0 0 0 5.858 5.858l1.955-1.955c.24-.24.596-.32.907-.214.995.33 2.07.507 3.173.507.489 0 .889.4.889.889v3.102c0 .489-.4.889-.889.889C6.764 16 0 9.236 0 .889 0 .4.4 0 .889 0H4c.489 0 .889.4.889.889 0 1.111.178 2.178.507 3.173a.89.89 0 0 1-.223.907z' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat center / auto 1.375rem;
}

.tel-f a {
	display: inline-block;
	color: var(--white-color);
	transition: color .3s .02s linear;
	font-weight: 500;
	font-size: 1.125rem;

	/* background: #ccc; */
}

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

	.tel-f a:hover {
		color: var(--accent-color);
	}

}

.tel-f a:active {
	color: var(--accent-color);
}


.mail-f {
	flex-basis: 30%;
	width: 30%;
}

@media (max-width: 61.98rem) {

	.mail-f {
		flex-basis: 33.3333%;
		width: 33.3333%;
	}

}

.mail-f::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 3.75rem;
	height: 3.75rem;
	margin: 0 .75rem 0 0;
	border-radius: 100%;
	background: var(--accent-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23D22E28' d='M6.71 15.938c-1.855-.19-3.637-1.039-4.814-2.291-.947-1.009-1.484-2.1-1.783-3.624-.15-.768-.15-2.465-.001-3.28.299-1.633.995-3.024 2.107-4.212A7.85 7.85 0 0 1 6.624.139c1.173-.204 2.658-.182 3.816.058 2.246.464 4.03 1.785 4.906 3.633.975 2.056.82 4.929-.36 6.654-.536.786-1.314 1.402-2.132 1.69-.612.216-1.631.271-2.127.115-.687-.216-1.158-.717-1.321-1.405-.042-.177-.091-.32-.109-.32-.017 0-.123.195-.234.43-.251.536-.664.968-1.13 1.183-.474.218-1.322.268-1.864.11-.945-.274-1.636-1.047-1.947-2.177-.223-.807-.166-2.452.115-3.365.62-2.017 2.25-3.269 3.916-3.007.562.087.931.318 1.182.735.107.178.212.307.234.285s.04-.145.04-.273c0-.127.018-.32.04-.428l.039-.195h2.096l-.023.14c-.073.452-.346 3.806-.378 4.653-.055 1.429.086 1.914.58 2.007.494.092 1.04-.31 1.373-1.012.512-1.084.65-3.041.304-4.31-.527-1.932-2.05-3.255-4.085-3.549-.833-.12-2.166-.047-2.853.157a5.75 5.75 0 0 0-2.608 1.578C2.814 4.864 2.25 6.208 2.176 8.094c-.066 1.71.265 2.968 1.06 4.027.846 1.128 1.982 1.783 3.547 2.045.799.133 2.528.099 3.265-.065.504-.112 1.387-.39 1.77-.557l.234-.102v1.865l-.58.191c-1.315.435-3.156.605-4.762.44m1.39-5.415c.777-.387 1.256-1.615 1.258-3.221.001-.858-.096-1.21-.43-1.56-.408-.43-1.05-.48-1.584-.128-.473.314-.85.977-1.061 1.865-.18.756-.151 1.9.06 2.363.367.81 1.004 1.056 1.757.681' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat center / auto 1.375rem;
}

.mail-f a {
	display: inline-block;
	color: var(--white-color);
	transition: color .3s .02s linear;
	font-weight: 700;
	font-size: 1rem;
}

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

	.mail-f a:hover {
		color: var(--accent-color);
	}

}

.mail-f a:active {
	color: var(--accent-color);
}


.addr-f {
	flex-basis: 40%;
	width: 40%;
	color: var(--white-color);
}

@media (max-width: 61.98rem) {

	.addr-f {
		flex-basis: 33.3333%;
		width: 33.3333%;
	}

}

.addr-f::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 3.75rem;
	height: 3.75rem;
	margin: 0 .75rem 0 0;
	border-radius: 100%;
	background: var(--accent-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23D22E28' d='M12 0a8.394 8.394 0 0 0-8.4 8.4C3.6 14.7 12 24 12 24s8.4-9.3 8.4-15.6C20.4 3.756 16.644 0 12 0m0 11.4a3.001 3.001 0 0 1 0-6 3.001 3.001 0 0 1 0 6' style='fill:%23fff'/%3E%3C/svg%3E") no-repeat center / auto 1.5rem;
}


/* main-footer
============================================================================= */
.main-footer {
	border-bottom: .063rem solid hsl(0 0% 100% / .3);
	background: var(--dark-color);
}

.main-footer .container-center {
	display: flex;
	flex-wrap: wrap;
	padding-block: 3.75rem;

	/* background: #5e35b1; */
}


.accordion-mobile-f {
	position: relative;
	margin: 0 0 2.5rem;
	color: var(--white-color);
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.2;
	font-family: var(--accent-font);
	text-transform: uppercase;
}

.accordion-mobile-f::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -.625rem;
	left: 0;
	width: 2.5rem;
	height: .063rem;
	background: var(--accent-color);
}

@media (max-width: 61.98rem) {

	.accordion-mobile-f {
		position: relative;
		margin: 0 0 1.875rem;
		padding: 0;
		cursor: pointer;

		/* background: #ccc; */
	}

	.accordion-mobile-f::after {
		display: none;
	}

	.accordion-mobile-f::before {
		content: "";
		position: absolute;
		top: 48%;
		right: .313rem;
		width: .375rem;
		height: .375rem;
		border-bottom: .188rem solid var(--accent-color);
		border-right: .188rem solid var(--accent-color);
		-webkit-transform: rotate(45deg) translate(0, -50%);
		transform: rotate(45deg) translate(0, -50%);
	}

}


@media (max-width: 61.98rem) {

	.main-footer ul {
		margin: 0 0 2.5rem;
	}

}

.main-footer ul li {
	margin: 0 0 .75rem;
}

.main-footer ul li a {
	display: inline-block;
	color: var(--grey-color);
	line-height: 1.2;
	text-decoration: none;
	transition: color 0.1s 0.02s linear;
}

.main-footer ul li a:hover,
.main-footer ul li a:active {
	color: var(--accent-color);
}

/* mf-1
============================================ */
.mf-1 {
	flex-basis: 25%;
	width: 25%;
	padding: 0 2.5rem 0 0;

	/* background: #303f9f; */
}

@media (max-width: 61.98rem) {

	.mf-1 {
		flex-basis: 100%;
		width: 100%;
		padding: 0;
	}

}

/* mf-2
============================================ */
.mf-2 {
	flex-basis: 25%;
	width: 25%;
	padding: 0 2.5rem 0 0;

	/* background: #00bfa5; */
}

@media (max-width: 61.98rem) {

	.mf-2 {
		flex-basis: 100%;
		width: 100%;
		padding: 0;
	}

}

/* mf-3
============================================ */
.mf-3 {
	flex-basis: 50%;
	width: 50%;
	padding: 0 0 0 2.5rem;

	/* background: #FF6600; */
}

@media (max-width: 61.98rem) {

	.mf-3 {
		flex-basis: 100%;
		width: 100%;
		padding: 0;
	}

}

/* ======= fl-152 ======= */
.fl-152 {
	margin: 4rem 0 1.875rem;
	color: var(--white-color);
	line-height: 1.5;

	/* background: cadetblue; */
}

@media (max-width: 61.98rem) {

	.fl-152 {
		margin: 1.875rem 0 1.875rem;
	}

}

.fl-152 a {
	display: inline-block;
	color: var(--accent-color);
	text-decoration: underline;
}

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

	.fl-152 a:hover {
		text-decoration: none;
	}

}

.fl-152 a:active {
	text-decoration: none;
}

/* ======= copyright ======= */
.copyright {
	margin-bottom: .625rem;
	color: var(--white-color);
	line-height: 1.2;

	/* background: #FF99CC; */
}

/* ======= made-f ======= */
.made-f {
	color: var(--white-color);

	/* background: #FF99CC; */
}

.made-f a {
	display: inline-block;
	color: var(--grey-color);
	transition: color 0.3s 0.02s ease;
	text-decoration: none;
}

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

	.made-f a:hover {
		color: var(--accent-color);
	}

}

.made-f a:active {
	color: var(--accent-color);
}

/* bottom-footer
============================================================================= */
.bottom-footer {
	background: var(--dark-color);
}

.bottom-footer .container-center {
	padding: 2.5rem 1rem;

	/* background: #5e35b1; */
}

.offer-footer {
	display: flex;
	flex-wrap: wrap;
	gap: 0 5rem;
	color: var(--white-color);
	font-size: .75rem;
	line-height: 1.5;
}

@media (max-width: 61.98rem) {

	.offer-footer {
		gap: 0;
	}

}

.offer-footer > div {
	flex-basis: calc((100% - 5rem * (2 - 1)) / 2);
	width: calc((100% - 5rem * (2 - 1)) / 2);
}

@media (max-width: 61.98rem) {

	.offer-footer > div {
		flex-basis: 100%;
		width: 100%;
	}

	.left-offer-footer {
		margin-bottom: 1.25rem;
	}

}

.title-offer-footer {
	margin-bottom: .313rem;
	font-weight: 600;
	text-transform: uppercase;
}

.offer-footer p {
	margin: 0 0 .313rem;
}

.offer-footer li {
	margin: 0 0 .313rem !important;
}

.offer-footer a {
	display: inline-block;
	color: var(--accent-color);
	text-decoration: underline;
}

.offer-footer a:hover,
.offer-footer a:active {
	text-decoration: none;
}


/* ========================================================================================
	pages
======================================================================================== */
/* catalog-grid
============================================================================= */
.catalog-grid {
	gap: 1rem;
}

.catalog-grid .element-flex {
	flex-basis: calc((100% - 1rem * (4 - 1) ) / 4);
	width: calc((100% - 1rem * (4 - 1) ) / 4);
	margin-bottom: 1.875rem;
	display: flex;
	flex-direction: column;
	padding: 1.25rem 1.25rem 1.875rem;
	border-radius: var(--border-radius);
	box-shadow: 0 .125rem .313rem 0 hsl(0 0% 11% / .3);
	background: var(--white-color);
}

@media (max-width: 61.98rem) {

	.catalog-grid .element-flex {
		flex-basis: calc((100% - 1rem * (3 - 1) ) / 3);
		width: calc((100% - 1rem * (3 - 1) ) / 3);
	}

}

@media (max-width: 47.98rem) {

	.catalog-grid .element-flex {
		flex-basis: calc((100% - 1rem * (2 - 1) ) / 2);
		width: calc((100% - 1rem * (2 - 1) ) / 2);
	}

}

@media (max-width: 35.98rem) {

	.catalog-grid {
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow-x: auto;
			-webkit-overflow-scrolling: touch;

		/* background: #1bbc9b; */
	}

	.catalog-grid::-webkit-scrollbar {
			-webkit-appearance: none;
		height: .125rem;
	}

	.catalog-grid::-webkit-scrollbar-track {
		background-color: var(--border-color);
	}

	.catalog-grid::-webkit-scrollbar-thumb {
		background-color: var(--main-color);
	}


	.catalog-grid .element-flex {
		flex-basis: 16.25rem !important;
		width: 16.25rem !important;
	}

}

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

	.catalog-grid a:hover {
		background: var(--white-color);
	}

}

.catalog-grid a:active {
	background: var(--white-color);
}


.img-catalog-grid {
	height: 10rem;
	margin: 0 0 1.25rem;
	padding-inline: 1.5rem;
	overflow: hidden;

	/* border: .063rem solid red; */
}

.img-catalog-grid img {
	height: 100%;
	object-fit: contain;
}


.title-catalog-grid {
	color: var(--dark-color);
	font-weight: 500;
	font-size: 1.25rem;
	text-align: center;
}


.btn-catalog-grid {
	margin-top: auto;
	text-align: center;
}

.btn-catalog-grid::before {
	content: "";
	display: block;
	width: 3.125rem;
	height: .125rem;
	margin: 1.5rem auto;
	background: var(--accent-color);
}

.btn-catalog-grid span {
	display: inline-block;
	padding: .938rem 2.5rem;
	border: .063rem solid var(--main-color);
	border-radius: var(--border-radius);
	background: var(--main-color);
	color: var(--white-color);
	font-weight: 500;
	font-size: .875rem;
	white-space: nowrap;
	font-family: var(--accent-font);
	text-transform: uppercase;
	transition: all .3s .02s ease;
}

.btn-catalog-grid span:hover,
.btn-catalog-grid span:focus,
.btn-catalog-grid span:active {
	background: var(--white-color);
	color: var(--text-color);
}

/* catalog-groupe-grid
============================================================================= */
.catalog-groupe-grid {
	margin: 0 -.938rem;
}

.catalog-groupe-grid .element-flex {
	flex-basis: calc(25% - 1.875rem);
	width: calc(25% - 1.875rem);
	margin: 0 .938rem 1.875rem;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	gap: normal;
	padding: 1.25rem 1.25rem 1.875rem;
	border-radius: var(--border-radius);
	box-shadow: 0 .125rem .313rem 0 hsl(0 0% 11% / .3);
	background: var(--white-color)
}

@media (max-width: 61.98rem) {

	.catalog-groupe-grid .element-flex {
		flex-basis: calc(33.3333% - 1.875rem);
		width: calc(33.3333% - 1.875rem);
	}

}

@media (max-width: 47.98rem) {

	.catalog-groupe-grid .element-flex {
		flex-basis: calc(50% - 1.875rem);
		width: calc(50% - 1.875rem);
	}

}

@media (max-width: 35.98rem) {

	.catalog-groupe-grid {
		justify-content: center;
	}

	.catalog-groupe-grid .element-flex {
		flex-basis: calc(70% - 1.875rem);
		width: calc(70% - 1.875rem);
	}

}

@media (max-width: 35.98rem) {

	.catalog-groupe-grid .element-flex {
		flex-basis: calc(100% - 1.875rem);
		width: calc(100% - 1.875rem);
	}

}

.catalog-groupe-grid .element-flex > * {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	width: auto;
	align-self: auto;
	order: 0;
}


.img-catalog-groupe-grid {
	display: block;
	max-width: 80%;
	height: 10rem;
	margin: 0 auto 1.875rem;

	/* border: .063rem solid red; */
}

.img-catalog-groupe-grid img {
	height: 100%;
	object-fit: contain;
}


.title-catalog-groupe-grid {
	margin: 0 0 1.5rem;
	color: var(--dark-color);
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 1.2;
	text-align: center;
	transition: all .3s .02s linear;
}

.catalog-groupe-grid .element-flex:hover .title-catalog-groupe-grid {
	color: var(--accent-color);
}


.price-catalog-groupe-grid {
	margin-bottom: 1.5rem;
	text-align: center;
}

/* .price-catalog-groupe-grid::before {
	content: "";
	display: block;
	width: 3.125rem;
	height: .188rem;
	margin: 0 auto .938rem;
	background: var(--accent-color);
} */

.price-catalog-groupe-grid::after {
	content: "";
	display: block;
	width: 3.125rem;
	height: .125rem;
	margin: 1.25rem auto 0;
	background: var(--accent-color);
}

.coast-catalog-groupe-grid {
	display: inline-block;
	color: var(--dark-color);
	font-weight: 700;
	font-size: 1.375rem;
	font-family: var(--accent-font);
}

.coast-catalog-groupe-grid::after {
	content: "";
	display: inline-block;
	position: relative;
	top: .125rem;
	width: 1.25rem;
	height: 1.25rem;
	margin-left: .313rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2.25rem' viewBox='0 -960 960 960' width='2.25rem' fill='rgba(29, 29, 29, 1)'%3E%3Cpath d='M257-86v-116h-80v-126h80v-60h-80v-126h80v-360h283q101 0 172 71t71 172q0 101-71 172t-172 71H383v60h160v126H383v116H257Zm126-428h157q49 0 83-34t34-83q0-49-34-83t-83-34H383v234Z'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}


.request-catalog-groupe-grid {
	display: inline-block;
	color: var(--grey-color);
	font-weight: 500;
	font-size: 1.375rem;
}


.list-catalog-groupe-grid li {
	margin: 0 0 .5rem;
	padding: 0 0 0 1.75rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(210, 46, 40, 1)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 6c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zM5 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z'/%3E%3C/svg%3E") no-repeat 0 .125rem;
	background-size: auto 1rem;
	color: var(--text-color);
	line-height: 1.3;
}

/* card
============================================================================= */
.card {
	margin: 0 0 2.5rem;

	/* background: blue; */
}

/* ======= img-card ======= */
.img-card {
	flex-basis: 40%;
	width: 40%;
}

@media (max-width: 61.98rem) {

	.img-card {
		flex-basis: 100%;
		width: 100%;
		margin: 0 0 1.875rem;
	}

}


.slider-img-card-for {
	width: calc(100% - .625rem);
	margin: 0 auto .625rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background: var(--white-color);

	/* background: green; */
}

.slider-img-card-for a {
	display: block;
	padding: .625rem;
	transition: all .3s .02s linear;
	cursor: zoom-in;
}

.slider-img-card-for a:hover,
.slider-img-card-for a:active,
.slider-img-card-for a:focus {
	border-color: var(--main-color);
}


.slider-img-card-for .slick-prev,
.slider-img-card-for .slick-next {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	width: 2.5rem;
	height: 2.5rem;
	border: .063rem solid var(--border-color);
	transition: border-color .3s .02s linear;
	background: var(--light-bg);
	color: transparent;
	font-size: 0;
	line-height: 0;
}

.slider-img-card-for .slick-prev::before,
.slider-img-card-for .slick-next::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
}

.slider-img-card-for .slick-prev {
	left: .625rem;
}

.slider-img-card-for .slick-prev::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='rgba(29, 29, 29, 1)'%3E%3Crect fill='none' height='24' width='24'/%3E%3Cg%3E%3Cpolygon points='17.77,3.77 16,2 6,12 16,22 17.77,20.23 9.54,12'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
	background-size: auto 1.25rem;
}

.slider-img-card-for .slick-next {
	right: .625rem;
}

.slider-img-card-for .slick-next::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='rgba(29, 29, 29, 1)'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpolygon points='6.23,20.23 8,22 18,12 8,2 6.23,3.77 14.46,12'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
	background-size: auto 1.25rem;
}

/* .slider-img-card-for .slick-prev:hover::before,
.slider-img-card-for .slick-next:hover::before,
.slider-img-card-for .slick-prev:active::before,
.slider-img-card-for .slick-next:active::before {
} */


/* .slider-img-card-nav {
	background: red;
} */

.slider-img-card-nav .slick-slide {
	padding: .313rem;
	cursor: pointer;

	/* background: red; */
}

.slider-img-card-nav .slick-slide img {
	padding: .313rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
	background: var(--white-color);
}

.slider-img-card-nav .slick-current img {
	border-color: var(--accent-color);
}

/* ======= info-card ======= */
.info-card {
	flex-basis: 60%;
	width: 60%;
	padding: 0 0 0 3.75rem;
}

@media (max-width: 61.98rem) {

	.info-card {
		flex-basis: 100%;
		width: 100%;
		padding: 0;
	}

}

.buy-card {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 1.875rem;
}

.price-card {
	margin: 0 3.75rem 0 0;
	color: var(--grey-color);
	font-size: 1rem;
	text-transform: lowercase;

	/* background: #ccc; */
}

.price-card span {
	display: block;
	margin: .313rem 0 0;
	color: var(--text-color);
	font-weight: 500;
	font-size: 1.5rem;
}


.btn-card a {
	font-size: .875rem;
}


.note-card {
	flex-basis: 100%;
	width: 100%;
	margin: 0 0 1.875rem;
	color: var(--grey-color);
	font-weight: 500;
	line-height: 1.2;
}


.links-card {
	flex-basis: 100%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 0 .625rem;
	border-radius: var(--border-radius);
	border: .063rem solid var(--border-color);
	background: var(--white-color);

	display: none;
}

.links-card li a {
	display: block;
	padding: .938rem;
	color: var(--main-color);
	transition: color .3s .02s linear;
	font-weight: 400;
	text-decoration: underline;
}

.links-card li a:hover,
.links-card li a:active,
.links-card li a:focus {
	color: var(--accent-color);
	text-decoration: none;
}


.description-card {
	margin: 0 0 1.875rem;
	line-height: 1.3;
}

/* ======= advantages-card  ======= */
.advantages-card {
	margin: 0 -.938rem 2.5rem;

	/* background: green; */
}

.advantages-card > .element-flex {
	flex-basis: calc(33.3333% - 1.875rem);
	width: calc(33.3333% - 1.875rem);
	margin: 0 .938rem .938rem;
	padding: 1.25rem 1.25rem 1.25rem 5rem;
	border-radius: var(--border-radius);
	border: .063rem solid var(--border-color);
	background-color: var(--white-color);
	background-repeat: no-repeat;
	background-position: 1.25rem 1.25rem;
	background-size: auto 2.25rem !important;
	line-height: 1.3;
}

@media (max-width: 61.98rem) {

	.advantages-card > .element-flex {
		flex-basis: 100%;
		width: 100%;
	}

}

.advantages-card .adv-1-card {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='fill:%23d22e28;fill-opacity:1'%3E%3Cpath d='M87.161 209.789 256 265.756l168.839-55.967L256 153.823zm378.917 17.936-187.182 62.047 45.846 72.825 187.183-62.048zM241 333.54l-40.875 64.927-145.637-48.276v99.984L241 512z' style='fill:%23d22e28;fill-opacity:1' transform='translate(-.012) scale(.15625)'/%3E%3Cpath d='M311.875 398.467 271 333.54V512l186.512-61.825v-99.984zm-124.617-35.87 45.846-72.825-187.182-62.047L.075 300.549zM241 0h30v100.174h-30z' style='fill:%23d22e28;fill-opacity:1' transform='translate(-.012) scale(.15625)'/%3E%3Cpath d='M122.957 31.63h30v100.174h-30z' transform='scale(.15625) rotate(-30.003 137.902 81.85)' style='fill:%23d22e28;fill-opacity:1'/%3E%3Cpath d='M323.957 66.717h100.174v30H323.957z' transform='rotate(-59.997 58.442 12.777) scale(.15625)' style='fill:%23d22e28;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E");

	/* background: #ccc; */
}

.adv-2-card {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='scale(.15625)' style='fill:%23d22e28;fill-opacity:1'%3E%3Ccircle cx='55' cy='457' r='55' style='fill:%23d22e28;fill-opacity:1'/%3E%3Cpath d='M260.743 212.77 271 216.188V162h-30v54.188l10.257-3.419a14.995 14.995 0 0 1 9.486.001z' style='fill:%23d22e28;fill-opacity:1'/%3E%3Cpath d='M301 237c0 10.238-10.031 17.468-19.743 14.23L256 242.812l-25.257 8.419C221.031 254.468 211 247.239 211 237v-75h-45c-8.284 0-15 6.716-15 15v180c0 8.284 6.716 15 15 15h180c8.284 0 15-6.716 15-15V177c0-8.284-6.716-15-15-15h-45z' style='fill:%23d22e28;fill-opacity:1'/%3E%3Cpath d='M402 252h-11v30h11c44.112 0 80 35.888 80 80s-35.888 80-80 80H138.648A85.053 85.053 0 0 1 140 457c0 5.12-.481 10.127-1.352 15H402c60.654 0 110-49.346 110-110s-49.346-110-110-110zM30 172c0-44.112 35.888-80 80-80h169.787l-14.394 14.394c-5.858 5.858-5.858 15.355 0 21.213 5.858 5.858 15.355 5.858 21.213 0l40-40c5.858-5.858 5.858-15.355 0-21.213l-40-40c-5.858-5.858-15.355-5.858-21.213 0-5.858 5.858-5.858 15.355 0 21.213L279.787 62H110C49.346 62 0 111.346 0 172s49.346 110 110 110h11v-30h-11c-44.112 0-80-35.888-80-80zm395.836 13.018a14.998 14.998 0 0 0 22.328 0c.635-.707 15.717-17.563 31.014-38.834C501.264 115.473 512 92.189 512 75c0-41.355-33.645-75-75-75s-75 33.645-75 75c0 17.189 10.736 40.473 32.822 71.184 15.297 21.271 30.379 38.127 31.014 38.834zM437 60c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15z' style='fill:%23d22e28;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E");

	/* background: cadetblue; */
}

.adv-3-card {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='-74 0 60 60.116' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill:none;stroke:none;stroke-width:.278915' d='M-27.783 5.014h60.116V65.13h-60.116z'/%3E%3Cpath style='fill:none;fill-opacity:1;stroke:none;stroke-width:4.54569' d='M-74.058 0h60.116v60.116h-60.116z'/%3E%3Cg style='fill:%23d22e28;fill-opacity:1'%3E%3Cpath d='m150.344 284.29-10.196-3.849-22.75 68.348a26.697 26.697 0 0 0-1.277 6.129L104.918 483.25c-1.344 15.375 10.75 28.734 26.363 28.734 13.559 0 25.102-10.375 26.305-24.136l10.93-125.196 24.011-71.402c-14.363 6.188-30.863 3.242-42.183-6.96zm0 0' style='fill:%23d22e28;fill-opacity:1' transform='translate(-65.415) scale(.11742)'/%3E%3Cpath d='M326.625 156.586c7.164-16.227-.18-35.191-16.406-42.36l-52.399-23.14a31.954 31.954 0 0 0-15.629-2.633c1.993 7.402 1.418 15.203-1.707 22.328l-35.863 81.711 22.785-13.41 31.778-46.848-23.5 63.446-69.524 40.922c-10.066 5.921-13.422 18.882-7.5 28.949 5.906 10.035 18.86 13.437 28.95 7.496l76.015-44.738a21.125 21.125 0 0 0 9.102-10.88l26.117-70.503-8.766 76.93c-1.637 14.363-14.45 18.273-17.07 20.398l-64.95 38.23-4.425 86.528a26.449 26.449 0 0 0 2.418 12.437l53.426 115.219c6.14 13.242 21.855 19.004 35.101 12.863 13.242-6.14 19-21.855 12.86-35.101l-50.68-109.301 2.89-57.965zM364.27 47.547c0 26.262-21.29 47.55-47.547 47.55-26.262 0-47.551-21.288-47.551-47.55C269.172 21.289 290.46 0 316.722 0c26.258 0 47.548 21.29 47.548 47.547zm0 0' style='fill:%23d22e28;fill-opacity:1' transform='translate(-65.415) scale(.11742)'/%3E%3Cpath d='M10.758 212.828c44.262 19.367 128.957 55.777 128.957 55.777-6.574-17.675.242-38.05 17.058-47.949l23.266-13.695 45.16-102.89c3.805-8.676-.14-18.798-8.816-22.606L92.316 27.012c-8.726-3.828-18.816.187-22.605 8.812L1.945 190.227c-3.808 8.675.137 18.793 8.813 22.601zm0 0' style='fill:%23d22e28;fill-opacity:1' transform='translate(-65.415) scale(.11742)'/%3E%3C/g%3E%3C/svg%3E");

	/* background: palegreen; */
}

@media (max-width: 47.98rem) {

	.adv-3-card {
		padding-left: 4.375rem !important;
		background-position: 0 0;
	}

}

.advantages-card span {
	display: block;
	margin: 0 0 .313rem;
	font-weight: 700;
}

/* card-tabs
============================================================================= */
.card-tabs {
	margin-bottom: 1.875rem;
}

.card-tabs :where(.tabs) li {
	padding: 1.25rem 1.875rem;
	font-weight: 500;
	text-transform: uppercase;
}

.card-tabs .content-tab {
	padding-top: 1.875rem;
}

/* docs-card
============================================ */
/* .docs-card {
	background: #ccc;
} */

.docs-card a {
	display: block;
	height: 100%;
	padding: .75rem .75rem .75rem 3.75rem;
	background: url("data:image/svg+xml,%3Csvg xml:space='preserve' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='fill:%23d22e28;fill-opacity:1'%3E%3Cpath d='M368 256h-64c-8.837 0-16 7.163-16 16v128c0 8.837 7.163 16 16 16h64c17.673 0 32-14.327 32-32v-96c0-17.673-14.327-32-32-32zm0 128h-48v-96h48zM512 288v-32h-80c-8.837 0-16 7.163-16 16v144h32v-64h64v-32h-64v-32z' style='fill:%23d22e28;fill-opacity:1' transform='matrix(.15625 0 0 .15625 0 0)'/%3E%3Cpath d='M32 464V48c0-8.837 7.163-16 16-16h240v64c0 17.673 14.327 32 32 32h64v48h32v-64a15.997 15.997 0 0 0-4.64-11.36l-96-96A16.001 16.001 0 0 0 304 0H48C21.49 0 0 21.491 0 48v416c0 26.51 21.49 48 48 48h112v-32H48c-8.836 0-16-7.163-16-16z' style='fill:%23d22e28;fill-opacity:1' transform='matrix(.15625 0 0 .15625 0 0)'/%3E%3Cpath d='M240 256h-64c-8.837 0-16 7.163-16 16v144h32v-48h48c17.673 0 32-14.327 32-32v-48c0-17.673-14.327-32-32-32zm0 80h-48v-48h48z' style='fill:%23d22e28;fill-opacity:1' transform='matrix(.15625 0 0 .15625 0 0)'/%3E%3C/g%3E%3C/svg%3E") no-repeat .75rem .75rem;
	background-size: auto 1.5rem;
	color: var(--text-color);
	transition: color .3s .02s linear;
	line-height: 1.2;
}

.docs-card a:hover,
.docs-card a:active,
.docs-card a:focus {
	color: var(--accent-color);
}

/* about
============================================================================= */
.about {
	margin: 0 0 3.75rem;
}

.text-about {
	flex-basis: 70%;
	width: 70%;
	padding: 0 2.5rem 0 0;

	/* background: #ccc */
}

@media (max-width: 61.98rem) {

	.text-about {
		flex-basis: 100%;
		width: 100%;
		margin: 0 0 2.5rem;
		padding: 0;
	}

}

.text-about p:last-child {
	padding: .938rem 0 0;
	border-top: .063rem solid var(--border-color);
	font-weight: 500;
	font-size: 1.125rem;
}

.img-about {
	flex-basis: 30%;
	width: 30%;
	padding: 0 0 0 2.5rem;

	/* background: pink; */
}

@media (max-width: 61.98rem) {

	.img-about {
		flex-basis: 100%;
		width: 25rem;
		margin: 0 auto;
		padding: 0;
	}

}

.img-about img {
	border-radius: var(--border-radius);
	box-shadow: 0 .125rem .313rem 0 hsl(0 0% 11% / .3);
}

.img-about figcaption {
	display: block;
	margin: .625rem 0 0;
	color: var(--grey-color);
	line-height: 1.5;
	text-align: right;
}

/* advantage-about
============================================ */
.advantage-about {
	margin: 0 -1rem;
}

@media (max-width: 61.98rem) {

	.advantage-about {
		margin: 0;
	}

}

.advantage-about .element-flex {
	flex-basis: calc(33.3333% - 2rem);
	width: calc(33.3333% - 2rem);
	margin: 0 1rem 1rem;
	padding: 2.5rem .625rem;
	border-radius: var(--border-radius);
	background: var(--main-color);
	color: var(--white-color);
	font-weight: 400;
	font-size: 1.375rem;
	text-align: center;
}

@media (max-width: 61.98rem) {

	.advantage-about .element-flex {
		flex-basis: 100%;
		width: 100%;
		margin: 0 0 1rem;
	}

}

.advantage-about .element-flex:nth-child(2) {
	background: var(--accent-color);
}

.advantage-about span {
	display: block;
	margin: 0 0 .938rem;
	color: var(--red-light-color);
	font-weight: 700;
	font-size: 3.75rem;
}

/* requisites-about
============================================ */
/* .requisites-about {
	background: peachpuff;
} */

.requisites-a {
	flex-basis: 60%;
	width: 60%;
	padding: 0 5rem 0 0;
}

@media (max-width: 61.98rem) {

	.requisites-a {
		flex-basis: 100%;
		width: 100%;
		margin: 0 0 1.25rem;
		padding: 0;
	}

}


.requisites-a table th {
	padding: 1.125rem .938rem;
	background: transparent;
	vertical-align: top;
	font-weight: 700;
	line-height: 1.2;
	text-align: left;
}

@media (max-width: 35.98rem) {

	.requisites-a table th {
		padding: .938rem .5rem;
	}

}

.requisites-a table td {
	padding: 1.125rem .938rem;
	vertical-align: top;
	line-height: 1.2;
}


.btn-requisites-about {
	flex-basis: 40%;
	width: 40%;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin: 9.25rem 0 0;
	background: var(--light-bg) url("data:image/svg+xml,%3Csvg xml:space='preserve' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='fill:%23d22e28;fill-opacity:1'%3E%3Cpath d='M368 256h-64c-8.837 0-16 7.163-16 16v128c0 8.837 7.163 16 16 16h64c17.673 0 32-14.327 32-32v-96c0-17.673-14.327-32-32-32zm0 128h-48v-96h48zM512 288v-32h-80c-8.837 0-16 7.163-16 16v144h32v-64h64v-32h-64v-32z' style='fill:%23d22e28;fill-opacity:1' transform='matrix(.15625 0 0 .15625 0 0)'/%3E%3Cpath d='M32 464V48c0-8.837 7.163-16 16-16h240v64c0 17.673 14.327 32 32 32h64v48h32v-64a15.997 15.997 0 0 0-4.64-11.36l-96-96A16.001 16.001 0 0 0 304 0H48C21.49 0 0 21.491 0 48v416c0 26.51 21.49 48 48 48h112v-32H48c-8.836 0-16-7.163-16-16z' style='fill:%23d22e28;fill-opacity:1' transform='matrix(.15625 0 0 .15625 0 0)'/%3E%3Cpath d='M240 256h-64c-8.837 0-16 7.163-16 16v144h32v-48h48c17.673 0 32-14.327 32-32v-48c0-17.673-14.327-32-32-32zm0 80h-48v-48h48z' style='fill:%23d22e28;fill-opacity:1' transform='matrix(.15625 0 0 .15625 0 0)'/%3E%3C/g%3E%3C/svg%3E") no-repeat center top 40%;
	background-size: auto 5rem;
}

@media (max-width: 61.98rem) {

	.btn-requisites-about {
		flex-basis: 100%;
		width: 100%;
		padding: 2.5rem;
		display: flex;
		justify-content: center;
		align-content: stretch;
		align-items: stretch;
		margin: 0;
		background-position: center top 2.5rem;
	}

}

.btn-requisites-about > * {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	width: auto;
	align-self: auto;
	order: 0;
}

.btn-requisites-about .btn {
	margin: 5.625rem 0 0;
}

@media (max-width: 61.98rem) {

	.btn-requisites-about .btn {
		margin: 6.5rem 0 0;
	}

}

.btn-requisites-about .btn a {
	padding: 1.25rem inherit;
	font-size: 1rem;
}

/* service
============================================================================= */
.service-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
	margin-block: calc(var(--container-center-padding-block-index) / 2);
}

.service-cell {
	flex-basis: calc((100% - 1.25rem * (4 - 1)) / 4);
	width: calc((100% - 1.25rem * (4 - 1)) / 4);
	padding: 1.875rem 1.25rem;
	border-radius: var(--border-radius);
	box-shadow: 0 .125rem .313rem 0 hsl(0 0% 11% / .3);
	background: var(--white-color);
}

@media (max-width: 61.98rem) {

	.service-cell {
		flex-basis: calc((100% - 1.25rem * (3 - 1)) / 3);
		width: calc((100% - 1.25rem * (3 - 1)) / 3);
	}

}

@media (max-width: 47.98rem) {

	.service-cell {
		flex-basis: calc((100% - 1.25rem * (2 - 1)) / 2);
		width: calc((100% - 1.25rem * (2 - 1)) / 2);
	}

}

@media (max-width: 399.9.5rem) {

	.service-cell {
		flex-basis: 100%;
		width: 100%;
	}

}


.title-service-cell {
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.2;
	text-transform: uppercase;
}

.title-service-cell::after {
	content: "";
	display: block;
	width: 3.125rem;
	height: .063rem;
	margin: 1.25rem 0;
	background: var(--accent-color);
}

.descr-service-cell {
	line-height: 1.3;
}

/* docs
============================================================================= */
.docs {
	margin: 0 -.938rem;
}

.docs .element-flex {
	flex-basis: calc(25% - 1.875rem);
	width: calc(25% - 1.875rem);
	margin: 0 .938rem 1.875rem;
	display: flex;
	flex-direction: column;
}

@media (max-width: 61.98rem) {

	.docs .element-flex {
		flex-basis: calc(33.3333% - 1.875rem);
		width: calc(33.3333% - 1.875rem);
	}

}

@media (max-width: 47.98rem) {

	.docs .element-flex {
		flex-basis: calc(50% - 1.875rem);
		width: calc(50% - 1.875rem);
	}

}

@media (max-width: 35.98rem) {

	.docs {
		justify-content: center;
	}

	.docs .element-flex {
		flex-basis: calc(70% - 1.875rem);
		width: calc(70% - 1.875rem);
	}

}

@media (max-width: 35.98rem) {

	.docs .element-flex {
		flex-basis: calc(100% - 1.875rem);
		width: calc(100% - 1.875rem);
	}

}


.title-docs {
	margin: 0 0 1.25rem;
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.2;
}



.docs .fancybox {
	display: block;
	margin: auto 0 .938rem;
	padding: .625rem;
	border-radius: var(--border-radius);
	box-shadow: 0 .125rem .313rem 0 hsl(0 0% 11% / .3);
	background: var(--white-color);
	cursor: zoom-in;

	/* background: cadetblue; */
}

.docs .fancybox img {
	border-radius: var(--border-radius);
}

/* contacts
============================================================================= */
.contacts {
	align-content: flex-start;
	align-items: flex-start;
	margin: 0 -.938rem 3.125rem;
}

@media (max-width: 61.98rem) {

	.contacts {
		margin: 0 0 3.125rem;
	}

}

/* left-contacts
============================================ */
.left-contacts {
	flex-basis: calc(40% - 1.875rem);
	width: calc(40% - 1.875rem);
	margin: 0 .938rem;
	line-height: 1.2;
}

:where(.left-contacts) > div {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	margin: 0 0 1.875rem;
	padding: 1.875rem 1.875rem 1.875rem 5.875rem;
	border-radius: var(--border-radius);
	border: .063rem solid var(--border-color);
	background: var(--white-color);
}

.left-contacts span {
	flex-basis: 100%;
	width: 100%;
	margin: 0 0 .313rem;
	color: var(--grey-color);
	font-size: .875rem;
	text-transform: lowercase;
}

@media (max-width: 61.98rem) {

	.left-contacts {
		flex-basis: 100%;
		width: 100%;
		margin: 0 0 2.5rem;
	}

}

/* .tel-contacts {
} */

.tel-contacts::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 1.25rem;
	transform: translateY(-50%);
	width: 3.125rem;
	height: 3.125rem;
	margin: 0 1.25rem 0 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23D22E28' d='M3.218 6.924a13.47 13.47 0 0 0 5.858 5.858l1.955-1.955c.24-.24.596-.32.907-.214.995.33 2.07.507 3.173.507.489 0 .889.4.889.889v3.102c0 .489-.4.889-.889.889C6.764 16 0 9.236 0 .889 0 .4.4 0 .889 0H4c.489 0 .889.4.889.889 0 1.111.178 2.178.507 3.173a.89.89 0 0 1-.223.907z'/%3E%3C/svg%3E") no-repeat center / 100%;
}

.tel-contacts a {
	color: var(--dark-color);
	transition: color .3s .02s linear;
	font-weight: 500;
	font-size: 1.25rem;
}

.tel-contacts a:hover,
.tel-contacts a:active,
.tel-contacts a:focus {
	color: var(--accent-color);
}


/* .mail-contacts {
} */

.mail-contacts::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 1.25rem;
	transform: translateY(-50%);
	width: 3.125rem;
	height: 3.125rem;
	margin: 0 1.25rem 0 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23D22E28' d='M6.71 15.938c-1.855-.19-3.637-1.039-4.814-2.291-.947-1.009-1.484-2.1-1.783-3.624-.15-.768-.15-2.465-.001-3.28.299-1.633.995-3.024 2.107-4.212A7.85 7.85 0 0 1 6.624.139c1.173-.204 2.658-.182 3.816.058 2.246.464 4.03 1.785 4.906 3.633.975 2.056.82 4.929-.36 6.654-.536.786-1.314 1.402-2.132 1.69-.612.216-1.631.271-2.127.115-.687-.216-1.158-.717-1.321-1.405-.042-.177-.091-.32-.109-.32-.017 0-.123.195-.234.43-.251.536-.664.968-1.13 1.183-.474.218-1.322.268-1.864.11-.945-.274-1.636-1.047-1.947-2.177-.223-.807-.166-2.452.115-3.365.62-2.017 2.25-3.269 3.916-3.007.562.087.931.318 1.182.735.107.178.212.307.234.285s.04-.145.04-.273c0-.127.018-.32.04-.428l.039-.195h2.096l-.023.14c-.073.452-.346 3.806-.378 4.653-.055 1.429.086 1.914.58 2.007.494.092 1.04-.31 1.373-1.012.512-1.084.65-3.041.304-4.31-.527-1.932-2.05-3.255-4.085-3.549-.833-.12-2.166-.047-2.853.157a5.75 5.75 0 0 0-2.608 1.578C2.814 4.864 2.25 6.208 2.176 8.094c-.066 1.71.265 2.968 1.06 4.027.846 1.128 1.982 1.783 3.547 2.045.799.133 2.528.099 3.265-.065.504-.112 1.387-.39 1.77-.557l.234-.102v1.865l-.58.191c-1.315.435-3.156.605-4.762.44m1.39-5.415c.777-.387 1.256-1.615 1.258-3.221.001-.858-.096-1.21-.43-1.56-.408-.43-1.05-.48-1.584-.128-.473.314-.85.977-1.061 1.865-.18.756-.151 1.9.06 2.363.367.81 1.004 1.056 1.757.681'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}

.mail-contacts a {
	display: inline-block;
	color: var(--dark-color);
	transition: color .3s .02s linear;
	font-weight: 700;
	font-size: 1rem;
}

.mail-contacts a:hover,
.mail-contacts a:active,
.mail-contacts a:focus {
	color: var(--accent-color);
}


/* .addr-contacts {
} */

.addr-contacts::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 1.25rem;
	transform: translateY(-50%);
	width: 3.125rem;
	height: 3.125rem;
	margin: 0 1.25rem 0 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23D22E28' d='M12 0a8.394 8.394 0 0 0-8.4 8.4C3.6 14.7 12 24 12 24s8.4-9.3 8.4-15.6C20.4 3.756 16.644 0 12 0m0 11.4a3.001 3.001 0 0 1 0-6 3.001 3.001 0 0 1 0 6'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}


/* .time-contacts {
} */

.time-contacts::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 1.25rem;
	transform: translateY(-50%);
	width: 3.125rem;
	height: 3.125rem;
	margin: 0 1.25rem 0 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M-20.74-2.894h24v24h-24z'/%3E%3Cg style='fill:%23d22e28;fill-opacity:1'%3E%3Cpath d='M11.988 0C5.364 0 0 5.376 0 12s5.364 12 11.988 12C18.624 24 24 18.624 24 12S18.624 0 11.988 0M12 21.6A9.597 9.597 0 0 1 2.4 12c0-5.304 4.296-9.6 9.6-9.6s9.6 4.296 9.6 9.6-4.296 9.6-9.6 9.6' style='fill:%23d22e28;fill-opacity:1;stroke-width:1.2'/%3E%3Cpath d='M12.5 5.425H11v6l5.25 3.15.75-1.23-4.5-2.67z' style='fill:%23d22e28;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 100%;
}


.messengers-contacts {
	padding: 1.875rem;
	border-radius: var(--border-radius);
	background: var(--white-color);
}

.messengers-contacts span {
	display: block;
	margin: 0 0 .938rem;
	color: var(--grey-color);
}

.messengers-contacts a {
	width: 2.875rem;
	height: 2.875rem;
	border-radius: var(--border-radius);
	transition: background-color .3s .02s linear;
}

.messengers-contacts a + a {
	margin: 0 0 0 .5rem;
}

.messengers-contacts .telegram {
	background-size: auto 1.125rem;
}

.messengers-contacts .telegram:hover,
.messengers-contacts .telegram:active,
.messengers-contacts .telegram:focus {
	background-color: rgba(0, 136, 204, .7);
}

.messengers-contacts .whatsapp {
	background-size: auto 1.5rem;
}

.messengers-contacts .whatsapp:hover,
.messengers-contacts .whatsapp:active,
.messengers-contacts .whatsapp:focus {
	background-color: rgba(37, 211, 102, .7);
}

/* right-contacts
============================================ */
.right-contacts {
	flex-basis: calc(60% - 1.875rem);
	width: calc(60% - 1.875rem);
	margin: 0 .938rem;
	padding: 1.875rem;
	border-radius: var(--border-radius);
	border: .063rem solid var(--border-color);
	background: var(--white-color);
}

@media (max-width: 61.98rem) {

	.right-contacts {
		flex-basis: 100%;
		width: 100%;
		margin: 0;
	}

}

.right-contacts .text-input {
	margin: 0 0 1.25rem;
}

/* blog-grid
============================================================================= */
.blog-grid {
	margin: 0 -.938rem;
}

.blog-grid .element-flex {
	flex-basis: calc(25% - 1.875rem);
	width: calc(25% - 1.875rem);
	margin: 0 .938rem 1.875rem;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	gap: normal;
	padding: 1.5rem 1.5rem 1.875rem;
	border-radius: var(--border-radius);
	box-shadow: 0 .125rem .313rem 0 hsl(0 0% 11% / .3);
	background: var(--white-color);
}

@media (max-width: 61.98rem) {

	.blog-grid .element-flex {
		flex-basis: calc(33.3333% - 1.875rem);
		width: calc(33.3333% - 1.875rem);
	}

}

@media (max-width: 47.98rem) {

	.blog-grid .element-flex {
		flex-basis: calc(50% - 1.875rem);
		width: calc(50% - 1.875rem);
	}

}

@media (max-width: 35.98rem) {

	.blog-grid {
		justify-content: center;
	}

	.blog-grid .element-flex {
		flex-basis: calc(70% - 1.875rem);
		width: calc(70% - 1.875rem);
	}

}

@media (max-width: 35.98rem) {

	.blog-grid .element-flex {
		flex-basis: calc(100% - 1.875rem);
		width: calc(100% - 1.875rem);
	}

}

.blog-grid .element-flex > * {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	width: auto;
	align-self: auto;
	order: 0;
}



.blog-grid a:hover,
.blog-grid a:focus,
.blog-grid a:active {
	background: var(--white-color);
}


.title-blog-grid {
	color: var(--dark-color);
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 1.4;
}


.btn-blog-grid {
	margin-top: auto;
}

.btn-blog-grid::before {
	content: "";
	display: block;
	width: 3.125rem;
	height: .125rem;
	margin: 1.5rem 0;
	background: var(--accent-color);
}

.btn-blog-grid span {
	display: inline-block;
	padding: .938rem 2.5rem;
	border: .063rem solid var(--main-color);
	border-radius: var(--border-radius);
	background: var(--main-color);
	color: var(--white-color);
	font-weight: 500;
	font-size: .875rem;
	white-space: nowrap;
	font-family: var(--accent-font);
	text-transform: uppercase;
	transition: all .3s .02s ease;
}

.btn-blog-grid span:hover,
.btn-blog-grid span:focus,
.btn-blog-grid span:active {
	background: var(--white-color);
	color: var(--text-color);
}



/* search-result
============================================================================= */
.sub-title-search-result {
	margin: .625rem 0 0;
	font-size: 1.375rem;
}

.search-terms {
	color: var(--grey-color);
}

.search-result {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	gap: normal;
}

.search-result a {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 100%;
	width: 100%;
	align-self: auto;
	order: 0;
	padding: .625rem .625rem .625rem 1.875rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(30, 31, 66, 1)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 6c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zM5 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z'/%3E%3C/svg%3E") no-repeat 0 .625rem;
	background-size: auto 1rem;
	background-size: auto 1rem;
	color: var(--accent-color);
	transition: color .3s .02s linear;
	font-weight: 500;
	font-size: 1.125rem;
}

.search-result a:hover,
.search-result a:active {
	color: var(--main-color);
}


/* ========================================================================================
	index
======================================================================================== */
.container-index h2 {
	margin-top: 0;
	margin-bottom: 4.375rem;
	text-align: center;
}

.container-index h2::before {
	left: 50%;
	transform: translateX(-50%);
}

.container-index h2::after {
	left: 50%;
	transform: translateX(-50%);
}

/* slider-index
============================================================================= */
/* .slider-index {
	background: palegoldenrod;
} */

.slider-index .slick-track {
	display: flex;
}

.slick-slider .slick-slide {
	height: auto;
	flex: 0 0 auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

@media (max-width: 47.98rem) {

	.slick-slider .slick-slide {
		background-position: center right 25%;
		background-size: cover;
	}

}

.slick-slider .slick-slide-1 {
	background-image: url(../images/slider-index/slide-1.jpg);
}

.slick-slider .slick-slide-2 {
	background-image: url(../images/slider-index/slide-2.jpg);
}

@media (max-width: 61.98rem) {

	.slick-slider .slick-slide-2 {
		background-image: url(../images/slider-index/slide-2-m.jpg);
	}

}

.slick-slider .slick-slide-3 {
	background-image: url(../images/slider-index/slide-3-bg.jpg);
}

.slick-slider .slick-slide-4 {
	background-color: hsl(0 0% 0%);
	background-image: url(../images/slider-index/slide-4-bg.jpg);
	background-position: left 100% bottom;
	background-size: auto 100%;
}

@media (max-width: 1399.9.5rem) {

	.slick-slider .slick-slide-4 {
		background-position: left -150% bottom;
	}

}

@media (max-width: 61.98rem) {

	.slick-slider .slick-slide-4 {
		background-position: left 0 bottom;
	}

}

@media (max-width: 47.98rem) {

	.slick-slider .slick-slide-4 {
		background-position: left 40% bottom;
	}

}


.slider-index .container-center {
	/* height: 43.75rem; */
	height: 100%;
	padding-block: 6.25rem;

	/* background: paleturquoise; */
}

@media (max-width: 61.98rem) {

	.slider-index .container-center {
		padding-block: 5rem;
	}

}

.slick-slide-3 .container-center {
	background: url(../images/slider-index/content-slide-3.png) no-repeat right center / auto 80%;

	/* background: palegreen; */
}

@media (max-width: 61.98rem) {

	.slick-slide-3 .container-center  {
		background-size: auto 70%;
	}

}

@media (max-width: 479.9.5rem) {

	.slick-slide-3 .container-center  {
		background: url(../images/slider-index/content-slide-3-m.png) no-repeat right -3.125rem center / auto 60%;
	}

}

/* title-slider-index
============================================ */
.title-slider-index {
	width: 80%;
	margin: 0 0 2.5rem;
	color: var(--white-color);
	font-weight: 600;
	font-size: clamp(1.5rem, 1.06rem + 2.2vw, 2.875rem);
	line-height: 1.3;
	font-family: var(--accent-font);
	text-transform: uppercase;
	text-shadow: 0 .063rem .063rem rgba(29, 29, 29, .25);
}

@media (max-width: 61.98rem) {

	.title-slider-index {
		width: 100%;
	}

}

@media (max-width: 35.98rem) {

	.title-slider-index {
		margin-bottom: 1.5rem;
	}

	.title-slider-index br {
		display: none;
	}

}


.title-slider-index span {
	display: block;
	font-weight: 500;
	font-size: clamp(1rem, 0.84rem + 0.8vw, 1.5rem);
}

/* sub-title-slider-index
============================================ */
.sub-title-slider-index {
	max-width: 40rem;
	margin: 0 0 1.25rem;
	color: var(--white-color);
	font-size: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
	line-height: 1.3;
	text-shadow: 0 .063rem .063rem rgba(29, 29, 29, .1);

	/* background: palegoldenrod; */
}


.sub-title-slider-index ul {
	margin-bottom: 2.875rem;
}

.sub-title-slider-index ul li {
	margin: 0 0 .313rem;
	padding: 0 0 0 2.25rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2.25rem' viewBox='0 -960 960 960' width='2.25rem' fill='hsl(25 93% 48%)'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E") no-repeat 0 0 / auto 1.5rem;
	line-height: 1.3;
	text-shadow: 0 .063rem .063rem rgba(29, 29, 29, .1);
}

.sub-title-slider-index ul span {
	font-weight: 600;
	font-size: clamp(1.125rem, 1.085rem + 0.2vw, 1.25rem);
}

/* off-slider-index
============================================ */
.off-slider-index {
	flex-basis: 100%;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 2.875rem;
	padding-bottom: 1.875rem;

	/* background: palegoldenrod; */
}

.slick-slide-3 .off-slider-index {
	margin-bottom: 0;
}

.off-slider-index::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: 20rem;
	height: .063rem;
	background: var(--white-color);
}

.off-slider-index::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -.125rem;
	left: 0;
	width: 5rem;
	height: .313rem;
	background: var(--accent-color);
}

.off-slider-index span {
	margin-right: clamp(0rem, -0.4rem + 2vw, 1.25rem);
	color: var(--white-color);
	font-weight: 400;
	font-size: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
	text-transform: uppercase;

	/* background: powderblue; */
}

.off-slider-index img {
	flex-basis: clamp(8.75rem, 7.55rem + 6vw, 12.5rem);
	width: clamp(8.75rem, 7.55rem + 6vw, 12.5rem);
	filter: drop-shadow(0 .063rem .125rem rgba(29, 29, 29, .25));

	/* background: palevioletred; */
}


.slick-slide-4 .off-slider-index img {
	flex-basis: clamp(7.5rem, 6.7rem + 4vw, 10rem);
	width: clamp(7.5rem, 6.7rem + 4vw, 10rem);
}

/* .slider-index .btn
============================================ */
.slider-index .btn {
	margin: 0;

	/* background: palegreen; */
}

.slider-index .btn a {
	padding: .938rem 2.5rem;
	border-color: var(--white-color);
}

.slider-index .btn a + a {
	margin: 0 0 0 .938rem;
}

.slider-index .btn a:first-child {
	background: var(--main-color);
}

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

	.slider-index .btn a:hover {
		border-color: var(--accent-color);
		background: var(--white-color);
	}

	.slider-index .btn a:first-child:hover {
		border-color: var(--main-color);
		background: var(--white-color);
	}

}


.slider-index .btn a:active {
	border-color: var(--accent-color);
	background: var(--white-color);
}

.slider-index .btn a:first-child:active {
	border-color: var(--main-color);
	background: var(--white-color);
}

/* slider-index arrows
============================================ */
.slider-index .slick-prev,
.slider-index .slick-next {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: var(--border-radius);
	background: var(--light-bg);
	transition: background .2s .02s linear;
	color: transparent;
	font-size: 0;
	line-height: 0;
}

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

	.slider-index .slick-prev:hover,
	.slider-index .slick-next:hover {
		background: var(--accent-color);
	}

}

@media (max-width: 61.98rem) {

	.slider-index .slick-prev,
	.slider-index .slick-next {
		display: none !important;
	}

}

.slider-index .slick-prev::before,
.slider-index .slick-next::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	transition: background .2s .02s linear;
}

.slider-index .slick-prev {
	left: 1.25rem;
}

.slider-index .slick-prev::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='hsl(238 38% 19%)'%3E%3Crect fill='none' height='24' width='24'/%3E%3Cg%3E%3Cpolygon points='17.77,3.77 16,2 6,12 16,22 17.77,20.23 9.54,12'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 1.25rem;
}

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

	.slider-index .slick-prev:hover::before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='hsl(0 0% 100%)'%3E%3Crect fill='none' height='24' width='24'/%3E%3Cg%3E%3Cpolygon points='17.77,3.77 16,2 6,12 16,22 17.77,20.23 9.54,12'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 1.25rem;
	}

}

.slider-index .slick-next {
	right: 1.25rem;
}

.slider-index .slick-next::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='hsl(238 38% 19%)'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpolygon points='6.23,20.23 8,22 18,12 8,2 6.23,3.77 14.46,12'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 1.25rem;
}

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

	.slider-index .slick-next:hover:before {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' fill='hsl(0 0% 100%)'%3E%3Cg%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3Cg%3E%3Cpolygon points='6.23,20.23 8,22 18,12 8,2 6.23,3.77 14.46,12'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / 1.25rem;
	}

}

/* slider-index dots
============================================ */
.slider-index .slick-dots {
	display: flex;
	position: absolute;
	bottom: 1.875rem;
	width: 100%;
	justify-content: center;

	/* background: red; */
}

.slider-index .slick-dots li {
	margin-right: .5rem;
}

.slider-index .slick-dots li button {
	display: block;
	width: .75rem;
	height: .75rem;
	border-radius: var(--border-radius);
	background: var(--white-color);
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	transition: background .3s .02s ease;
}

.slider-index .slick-dots li:hover button,
.slider-index .slick-dots li:focus button {
	background: var(--accent-color);
}

.slider-index .slick-dots li.slick-active button {
	background: var(--accent-color);
}

/* catalog-index
============================================================================= */
.catalog-index .container-center {
	padding-top: 5rem;
	padding-bottom: 2.5rem;
}

.catalog-index .catalog-grid {
	justify-content: center;
}

@media (max-width: 35.98rem) {

	.catalog-index .catalog-grid {
		justify-content: flex-start;
	}

}

/* popular-products-index
============================================================================= */
.popular-products-index {
	background: var(--white-color);
}

.popular-products-index .container-center {
	padding-top: 5rem;
	padding-bottom: 10rem;
}


.carousel-products .slick-track {
	padding-block: .313rem;
}

.carousel-products .slick-slide {
	/* flex-basis: calc(25% - 1.875rem);
	width: calc(25% - 1.875rem);
	margin: 0 .938rem 1.875rem; */
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	gap: normal;
	padding: 1.25rem 1.25rem 1.875rem;
	border-radius: var(--border-radius);
	box-shadow: 0 .125rem .313rem 0 hsl(0 0% 11% / .3);
	background: var(--white-color);
}

/* about-index
============================================================================= */
.about-index .container-center {
	padding-block: 5rem;
}

/* left-about-index
============================================ */
.left-about-index {
	flex-basis: 50%;
	width: 50%;

	/* background: #ccc; */
}

@media (max-width: 61.98rem) {

	.left-about-index {
		flex-basis: 100%;
		width: 100%;
		margin: 0 0 2.5rem;
	}

}

.left-about-index h2 {
	text-align: left;
}

.left-about-index h2::before {
	left: 0;
	transform: none;
}

.left-about-index h2::after {
	left: 0;
	transform: none;
}

.left-about-index .btn {
	margin-top: 2.5rem;
}

/* right-about-index
============================================ */
.right-about-index {
	flex-basis: 50%;
	width: 50%;
	padding: 0 0 0 5rem;

	/* background: chartreuse; */
}

@media (max-width: 61.98rem) {

	.right-about-index {
		flex-basis: 100%;
		width: 100%;
		padding: 0;
	}

}

.right-about-index .container-flex {
	height: calc(100% - 6.25rem);
}

@media (max-width: 61.98rem) {

	.right-about-index .container-flex {
		height: auto;
	}

}

.right-about-index .element-flex {
	position: relative;
	flex-basis: 50%;
	width: 50%;
	padding: 1.25rem;
	border: .063rem solid var(--white-color);
	border-radius: var(--border-radius);
	background: var(--accent-color);
}

@media (max-width: 35.98rem) {

	.right-about-index .element-flex {
		flex-basis: 100% !important;
		width: 100% !important;
	}

}

.right-about-index .element-flex:nth-child(2) {
	background: var(--main-color);
}

.right-about-index .element-flex:nth-child(3) {
	background: var(--main-color);
}

.title-right-about-index {
	display: flex;
	align-items: center;
	margin: 0 0 1.25rem;
	color: var(--white-color);
	font-weight: 600;
	font-size: 1.375rem;
	font-family: var(--accent-font);
}

.title-right-about-index img {
	margin: 0 1.25rem 0 0;
	max-width: 2.5rem;
}

.text-right-about-index {
	color: var(--white-color);
	line-height: 1.5;
}

/* call-to-action-index
============================================================================= */
.call-to-action-index {
	background: url(../images/call-to-action-index-bg.jpg) no-repeat center top 40% / cover;
}

.call-to-action-index .container-center {
	padding-block: 5rem;
}

.call-to-action-index .container-flex {
	align-items: center;
}

/* left-call-to-action-index
============================================ */
.left-call-to-action-index {
	flex-basis: 60%;
	width: 60%;
	color: var(--white-color);
	font-weight: 600;
	font-size: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
	line-height: 1.5;
	font-family: var(--accent-font);
	text-transform: uppercase;

	/* background: #ccc; */
}

@media (max-width: 61.98rem) {

	.left-call-to-action-index {
		flex-basis: 100%;
		width: 100%;
		margin: 0 0 1.25rem;
		text-align: center;
	}

}

/* right-call-to-action-index
============================================ */
.right-call-to-action-index {
	flex-basis: 40%;
	width: 40%;

	/* background: chocolate; */
}

@media (max-width: 61.98rem) {

	.right-call-to-action-index {
		flex-basis: 100%;
		width: 100%;
	}

}

.right-call-to-action-index .btn {
	text-align: center;
}

.right-call-to-action-index .btn a {
	padding: 1rem 2.5rem;
	border-color: var(--white-color);
	font-size: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
}

/* brends-index
============================================================================= */
.brends-index {
	background: var(--white-color);
}

.brends-index .container-center {
	padding-top: 5rem;
	padding-bottom: 10rem;
}

.carousel-brends .slick-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .938rem;
	border: .063rem solid var(--border-color);
	border-radius: var(--border-radius);
}

/* questions-index
============================================================================= */
/* .questions-index {
} */

.questions-index .container-center {
	padding-block: 5rem;
}

.questions-index .container-flex {
	max-width: 60rem;
	margin: 0 auto;

	/* background: cadetblue; */
}


.item-questions-index-acc {
	flex-basis: 100%;
	width: 100%;
	margin: 0 0 1.25rem;

	/* background: #ccc; */
}

.item-questions-index-acc .head-acc {
	display: block;
	position: relative;
	border-radius: var(--border-radius);
	box-shadow: 0 .125rem .25rem 0 hsl(0 0% 11% / .3);
	background: var(--white-color);
	text-decoration: none;

	/* background: yellow; */
}

.item-questions-index-acc .icon-acc {
	display: block;
	position: absolute;
	top: 50%;
	right: .938rem;
	transform: translateY(-50%);
	width: 1.875rem;
	height: 1.875rem;
	transition: 0.3s ease-in-out;
}

.item-questions-index-acc .icon-acc::before,
.item-questions-index-acc .icon-acc::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: .75rem;
	height: .125rem;
	background: var(--main-color);
	transition: .3s ease-in-out;
}

.item-questions-index-acc .icon-acc::after {
	transform: translate(-50%, -50%) rotate(90deg);
	z-index: -1;
}

.item-questions-index-acc.active .icon-acc::after {
	width: 0;
}

.item-questions-index-acc .head-acc .title-acc {
	padding: 1.375rem 4rem 1.375rem 1.25rem;
	color: var(--text-color);
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
	font-family: var(--accent-font);
}

.item-questions-index-acc .head-acc:hover .icon-acc::before,
.item-questions-index-acc .head-acc:hover .icon-acc::after {
	background: var(--accent-color);
}

.item-questions-index-acc.active .icon-acc::before,
.item-questions-index-acc.active .icon-acc::after {
	background: var(--accent-color);
}

.item-questions-index-acc .head-acc:hover .title-acc {
	border-color: var(--main-color);
	color: var(--main-color);
}


.item-questions-index-acc .content-acc {
	display: none;
	margin: 0 0 1.875rem;
	padding: 2.25rem 1.25rem 0;

	/* background: cadetblue; */
}

/* contacts-index
============================================================================= */
.contacts-index {
	background: var(--white-color);
}

.contacts-index .container-center {
	padding-block: 5rem;
}

.contacts-index .container-flex {
	margin-bottom: 3.125rem;
}

/* left-contacts-index
============================================ */
.left-contacts-index {
	flex-basis: 50%;
	width: 50%;
	padding: 0 2.5rem 0 0;
}

@media (max-width: 61.98rem) {

	.left-contacts-index {
		flex-basis: 100%;
		width: 100%;
		order: 2;
		padding: 0;
	}

}

.left-contacts-index .text-input {
	margin: 0 0 1.25rem;
}

/* right-contacts-index
============================================ */
.right-contacts-index {
	flex-basis: 50%;
	width: 50%;
	padding: 0 0 0 2.5rem;
	line-height: 1.2;
}

@media (max-width: 61.98rem) {

	.right-contacts-index {
		flex-basis: 100%;
		width: 100%;
		order: 1;
		margin: 0 0 2.5rem;
		padding: 0;
	}

}

.tel-contacts-index {
	display: flex;
	align-items: center;
	margin: 0 0 2.25rem;
}

.tel-contacts-index::before {
	content: "";
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0 .75rem 0 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23D22E28' d='M3.218 6.924a13.47 13.47 0 0 0 5.858 5.858l1.955-1.955c.24-.24.596-.32.907-.214.995.33 2.07.507 3.173.507.489 0 .889.4.889.889v3.102c0 .489-.4.889-.889.889C6.764 16 0 9.236 0 .889 0 .4.4 0 .889 0H4c.489 0 .889.4.889.889 0 1.111.178 2.178.507 3.173a.89.89 0 0 1-.223.907z'/%3E%3C/svg%3E") no-repeat center / 100%;
}

.tel-contacts-index a {
	display: inline-block;
	color: var(--dark-color);
	transition: color .3s .02s linear;
	font-weight: 500;
	font-size: 1.125rem;
}

.tel-contacts-index a:hover,
.tel-contacts-index a:active,
.tel-contacts-index a:focus {
	color: var(--accent-color);
}


.mail-contacts-index {
	display: flex;
	align-items: center;
	margin: 0 0 2.25rem;
}

.mail-contacts-index::before {
	content: "";
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0 .75rem 0 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23D22E28' d='M6.71 15.938c-1.855-.19-3.637-1.039-4.814-2.291-.947-1.009-1.484-2.1-1.783-3.624-.15-.768-.15-2.465-.001-3.28.299-1.633.995-3.024 2.107-4.212A7.85 7.85 0 0 1 6.624.139c1.173-.204 2.658-.182 3.816.058 2.246.464 4.03 1.785 4.906 3.633.975 2.056.82 4.929-.36 6.654-.536.786-1.314 1.402-2.132 1.69-.612.216-1.631.271-2.127.115-.687-.216-1.158-.717-1.321-1.405-.042-.177-.091-.32-.109-.32-.017 0-.123.195-.234.43-.251.536-.664.968-1.13 1.183-.474.218-1.322.268-1.864.11-.945-.274-1.636-1.047-1.947-2.177-.223-.807-.166-2.452.115-3.365.62-2.017 2.25-3.269 3.916-3.007.562.087.931.318 1.182.735.107.178.212.307.234.285s.04-.145.04-.273c0-.127.018-.32.04-.428l.039-.195h2.096l-.023.14c-.073.452-.346 3.806-.378 4.653-.055 1.429.086 1.914.58 2.007.494.092 1.04-.31 1.373-1.012.512-1.084.65-3.041.304-4.31-.527-1.932-2.05-3.255-4.085-3.549-.833-.12-2.166-.047-2.853.157a5.75 5.75 0 0 0-2.608 1.578C2.814 4.864 2.25 6.208 2.176 8.094c-.066 1.71.265 2.968 1.06 4.027.846 1.128 1.982 1.783 3.547 2.045.799.133 2.528.099 3.265-.065.504-.112 1.387-.39 1.77-.557l.234-.102v1.865l-.58.191c-1.315.435-3.156.605-4.762.44m1.39-5.415c.777-.387 1.256-1.615 1.258-3.221.001-.858-.096-1.21-.43-1.56-.408-.43-1.05-.48-1.584-.128-.473.314-.85.977-1.061 1.865-.18.756-.151 1.9.06 2.363.367.81 1.004 1.056 1.757.681'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}

.mail-contacts-index a {
	display: inline-block;
	color: var(--dark-color);
	transition: color .3s .02s linear;
	font-weight: 700;
	font-size: 1rem;
}

.mail-contacts-index a:hover,
.mail-contacts-index a:active,
.mail-contacts-index a:focus {
	color: var(--accent-color);
}


.addr-contacts-index {
	display: flex;
	align-items: center;
	margin: 0 0 2.25rem;
}

.addr-contacts-index::before {
	content: "";
	display: inline-block;
	width: 1.375rem;
	height: 1.375rem;
	margin: 0 .75rem 0 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23D22E28' d='M12 0a8.394 8.394 0 0 0-8.4 8.4C3.6 14.7 12 24 12 24s8.4-9.3 8.4-15.6C20.4 3.756 16.644 0 12 0m0 11.4a3.001 3.001 0 0 1 0-6 3.001 3.001 0 0 1 0 6'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}


.time-contacts-index {
	display: flex;
	align-items: center;
	margin: 0 0 3.125rem;
}

.time-contacts-index::before {
	content: "";
	display: inline-block;
	width: 1.375rem;
	height: 1.375rem;
	margin: 0 .75rem 0 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M-20.74-2.894h24v24h-24z'/%3E%3Cg style='fill:%23d22e28;fill-opacity:1'%3E%3Cpath d='M11.988 0C5.364 0 0 5.376 0 12s5.364 12 11.988 12C18.624 24 24 18.624 24 12S18.624 0 11.988 0M12 21.6A9.597 9.597 0 0 1 2.4 12c0-5.304 4.296-9.6 9.6-9.6s9.6 4.296 9.6 9.6-4.296 9.6-9.6 9.6' style='fill:%23d22e28;fill-opacity:1;stroke-width:1.2'/%3E%3Cpath d='M12.5 5.425H11v6l5.25 3.15.75-1.23-4.5-2.67z' style='fill:%23d22e28;fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / auto 100%;
}


.messengers-contacts-index {
	display: flex;
	flex-wrap: wrap;
}

.messengers-contacts-index span {
	flex-basis: 100%;
	width: 100%;
	margin: 0 0 .938rem;
	color: var(--grey-color);
}

.messengers-contacts-index a {
	flex-basis: 2.875rem;
	width: 2.875rem;
	height: 2.875rem;
	border-radius: var(--border-radius);
	transition: background-color .3s .02s linear;
}

.messengers-contacts-index a + a {
	margin: 0 0 0 .5rem;
}

.messengers-contacts-index .telegram {
	background-size: auto 1.125rem;
}

.messengers-contacts-index .telegram:hover,
.messengers-contacts-index .telegram:active,
.messengers-contacts-index .telegram:focus {
	background-color: rgba(0, 136, 204, .7);
}

.messengers-contacts-index .whatsapp {
	background-size: auto 1.5rem;
}

.messengers-contacts-index .whatsapp:hover,
.messengers-contacts-index .whatsapp:active,
.messengers-contacts-index .whatsapp:focus {
	background-color: rgba(37, 211, 102, .7);
}