@charset "utf-8";

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

/* Open Sans
============================================================================= */
@font-face{font-family:"open sans";src:local("open sans"),local("opensans"),url(../fonts/opensans/opensans.woff2) format("woff2"),url(../fonts/opensans/opensans.woff) format("woff"),url(../fonts/opensans/opensans.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"open sans";src:local("open sans semibold"),local("opensans-semibold"),url(../fonts/opensans/opensanssemibold.woff2) format("woff2"),url(../fonts/opensans/opensanssemibold.woff) format("woff"),url(../fonts/opensans/opensanssemibold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"open sans";src:local("open sans bold"),local("opensans-bold"),url(../fonts/opensans/opensansbold.woff2) format("woff2"),url(../fonts/opensans/opensansbold.woff) format("woff"),url(../fonts/opensans/opensansbold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}


/* ========================================================================================
	reset (v2.0-modified) + normalize (v8.0.1) + bootstrap-reboot (v5.0.0-alpha1)
======================================================================================== */
*,::after,::before{box-sizing:border-box;-webkit-overflow-scrolling:touch}:focus{outline:0}html{height:100%;font-size:100%}body{min-width:320px;height:100%;margin:0;background:rgb(255 255 255);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-align:left}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}abbr[data-original-title],abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}ol,ul{margin:0;padding:0;list-style:none}a{background-color:transparent;text-decoration-skip-ink:auto;text-decoration:none}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-size:.875em;font-family:monospace}pre{display:block;margin-top:0;overflow:auto;-ms-overflow-style:scrollbar}pre code{font-size:inherit;color:inherit;word-break:normal}a>code{color:inherit}kbd{padding:.25rem .438rem;font-size:.875em;color:rgb(255 255 255);background:rgb(33 37 41);border-radius:.25rem}kbd kbd{padding:0;font-size:1rem;font-weight:700}figure{margin:0}img,svg{vertical-align:middle}table{width:100%;caption-side:bottom;border-collapse:collapse;border-spacing:0;background-color:transparent}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}button{border-radius:0}button,input,optgroup,select,textarea{margin:0;padding:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{border:none;-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}[role=button]{cursor:pointer}textarea{resize:vertical;overflow:auto}select{word-wrap:normal}[list]::-webkit-calendar-picker-indicator{display:none}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-.125rem}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-.125rem;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}@media (prefers-reduced-motion:no-preference){html,:has(:target){scroll-behavior:smooth}}


/* ========================================================================================
	variables
======================================================================================== */
:root {
	--text-color: rgb(51 51 51);
	--white-color: rgb(255 255 255);
	--black--color: rgb(0 0 0);
	--blue-color: rgb(8 99 171);
	--cyan-color: rgb(53 148 209);
	--turquoise-color: rgb(97 186 210);
	--green-color: rgb(0 181 103);
	--red-color: rgb(249 0 82);
	--grey-bg: rgb(245 246 250);
	--border-color: rgb(220 220 220);
	--grey-text-color: rgb(149 149 149);
	--main-font: "Open Sans";
}


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

.wrapper {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	gap: normal;
}

.container {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
}

.container-center {
	width: 100%;
	max-width: 1320px;
	height: auto;
	margin: 0 auto;
	padding: 0 1rem;
}

/*
	max 1399.98px
	max 1199.98px
	max 991.98px
	max 767.98px
	max 575.98px
*/


	@media (max-width: 1399.98px) {

		html {
			font-size: 85% !important;
		}

	}

	@media (max-width: 1199.98px) {

		.container-center {
			max-width: 960px;
		}

	}

	@media (max-width: 991.98px) {

		.container-center {
			max-width: 720px;
		}

	}

	@media (max-width: 767.98px) {

		.container-center {
			max-width: 540px;
		}

	}

/* container-flex
============================================================================= */
.container-flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	gap: normal;
}

.element-flex {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
}

/* middle, content + sidebar
============================================================================= */
.middle {
	flex: 1 0 auto;

	/* background: #FFCCFF; */
}

.middle > .container-center {
	padding: 1.875rem 1rem 3.75rem;

	/* background: salmon; */
}

/* content
============================================ */
.content {
	flex-basis: 78%;
	max-width: 78%;
	padding-right: 3.125rem;

	/* background: #CCFFFF; */
}

@media (max-width: 991.98px) {

	.content {
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 0;
	}

}


/* .block-center {
	max-width: 60rem;
	margin: 0 auto;
} */

/* sidebar
============================================ */
.sidebar {
	flex-basis: 22%;
	max-width: 22%;

	/* background: #FFCC33; */
}

@media (max-width: 991.98px) {

	.sidebar {
		flex-basis: 100%;
		max-width: 100%;
	}

}


/* ========================================================================================
	common elements and effects
======================================================================================== */
/* waves effect
============================================================================= */
.waves-effect {
	display: inline-block;
	position: relative;
	overflow: hidden;
	z-index: 1;
	vertical-align: middle;
	cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	user-select: none;
}

.waves-effect .waves-ripple {
	position: absolute;
	z-index: -1;
	width: 6.25rem;
	height: 6.25rem;
	margin-top: -3.125rem;
	margin-left: -3.125rem;
	opacity: 0;
	border-radius: 50%;
	/* 	background: rgb(0 0 0 / .5); */
	/* - цвет волны */
	background: rgb(255 255 255 / .5);
	/* background: radial-gradient(rgb(0 0 0 / .2) 0,
								rgb(0 0 0 / .3) 40%,
								rgb(0 0 0 / .4) 50%,
								rgb(0 0 0 / .5) 60%,
								rgb(255 255 255 / 0) 70%); */
	transition: all .5s ease-out;
	transition-property: transform, opacity;
	transform: scale(0) translate(0, 0);
	pointer-events: none;
}

.waves-effect.waves-dark .waves-ripple {
	background: rgb(0 0 0 / .5);
}

.waves-effect img {
	position: relative;
	z-index: -1;
}

.waves-notransition {
	transition: none !important;
}

.waves-button,
.waves-circle {
	transform: translateZ(0);
		-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-input-wrapper .waves-button-input {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}

.waves-circle {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	line-height: 2.5rem;
	text-align: center;
}

.waves-float {
	transition: all 300ms;
		-webkit-mask-image: none;
}

.waves-block {
	display: block;
}

/* up
============================================================================= */
.up {
	display: block;
	position: fixed;
	right: 1.875rem;
	bottom: 6.25rem;
	z-index: 3;
	width: 3.125rem;
	height: 3.125rem;
	opacity: 0;
	border: .063rem solid rgb(255 255 255 / .2);
	border-radius: .25rem;
	background: var(--blue-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255 255 255)' height='48' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z'/%3E%3C/svg%3E") no-repeat center / auto 1.5rem;
	transition: opacity .7s .02s ease-in-out,
				background-color .3s .02s ease;
	cursor: pointer;
}

.up:hover,
.up:active {
	background-color: var(--green-color);
}


@media (max-width: 991.98px) {

	.up {
		display: none;
	}

}

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

.slick-slider {
	display: block;
	position: relative;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	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;
	overflow: hidden;
	border-radius: .25rem;
}

.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
============================================ */
.carousel {
	position: relative;
	margin: 0 -.625rem;
	padding: 0 0 5rem;

	/* background: palevioletred; */
}

.carousel .slick-track {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;

	/* background: red; */
}

.carousel .slick-slide {
	position: relative;
	height: auto;
	overflow: hidden;
	border-radius: .25rem;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
	margin: 0 .625rem;
}

.carousel .slick-slide iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

	/* background: gold; */
}

.carousel .slick-prev::before,
.carousel .slick-next::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
}

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

.carousel .slick-prev::before {
	background: url("data:image/svg+xml,%3Csvg width='11' height='21' viewBox='0 0 11 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.63003' y1='11.6637' x2='10.63' y2='0.663664' stroke='black'/%3E%3Cline x1='1.3737' y1='11.6678' x2='9.3737' y2='20.6678' stroke='black'/%3E%3C/svg%3E%0A") no-repeat center / auto 1.25rem;
}

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

.carousel .slick-next::before {
	background: url("data:image/svg+xml,%3Csvg width='11' height='21' viewBox='0 0 11 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='10.37' y1='9.33634' x2='0.36997' y2='20.3363' stroke='black'/%3E%3Cline x1='9.6263' y1='9.33218' x2='1.6263' y2='0.332182' stroke='black'/%3E%3C/svg%3E%0A") no-repeat center / auto 1.25rem;
}

.carousel .slick-prev:hover,
.carousel .slick-next:hover,
.carousel .slick-prev:active,
.carousel .slick-next:active {
	border-color: var(--green-color);
}


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

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

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

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

@media (max-width: 991.98px) {

	.rd-navbar-fixed .rdn-fixed-panel {
		position: fixed;
		height: 56px;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 16;
		box-shadow: 0 1px 2px 0 rgb(0 0 0 / .3);
		background: var(--white-color);

		/* background: var(--white-color) url(../images/ny-m.png) no-repeat center / cover; */
	}

}

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

@media (max-width: 991.98px) {

	.rd-navbar-fixed .rdn-toggle {
		display: block;
		position: fixed;
		top: 4px;
		left: 4px;
		z-index: 17;
		width: 48px;
		height: 48px;
		padding: 0;
		background: transparent;
		cursor: pointer;
	}

	.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::before,
	.rd-navbar-fixed .rdn-toggle span::after {
		content: "";
		position: absolute;
		left: 0;
		top: -8px;
		transform-origin: 1.71429px center;
		transition: all .3s ease;
	}

	.rd-navbar-fixed .rdn-toggle span::after {
		top: 8px;
	}

	.rd-navbar-fixed .rdn-toggle span::before,
	.rd-navbar-fixed .rdn-toggle span::after,
	.rd-navbar-fixed .rdn-toggle span {
		width: 24px;
		height: 4px;
		background-color: var(--text-color);
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
	}

	.rd-navbar-fixed .rdn-toggle span::before {
		width: 16px;
		left: 8px;
		background-color: var(--green-color);
	}

	.rd-navbar-fixed .rdn-toggle.active span {
		transform: rotate(360deg);
	}

	.rd-navbar-fixed .rdn-toggle.active span::before,
	.rd-navbar-fixed .rdn-toggle.active span::after {
		top: 0;
		width: 16px !important;
	}

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

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

}

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

@media (max-width: 991.98px) {

	.rd-navbar-fixed .rdn-mp-center-toggle {
		display: block;
		position: fixed;
		top: 4px;
		right: 4px;
		width: 48px;
		height: 48px;
		padding: 0;
		z-index: 22;
		background: transparent;
		cursor: pointer;
	}

	.rd-navbar-fixed .rdn-mp-center-toggle span {
		display: inline-block;
		position: relative;
		width: 48px;
		height: 48px;
		cursor: pointer;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z'/%3E%3C/svg%3E") no-repeat center / auto 2rem;
		transition: all .3s ease;

		/* background: salmon; */
	}

	.rd-navbar-fixed .rdn-mp-center-toggle.active span {
		transform: rotate(90deg);
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(51 51 51)' width='24'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / auto 2rem;
	}

}

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

@media (max-width: 991.98px) {

	.rd-navbar-fixed .rdn-search-toggle {
		display: block;
		position: fixed;
		top: 4px;
		right: 56px;
		width: 48px;
		height: 48px;
		z-index: 22;
		background: transparent;
	}

	.rd-navbar-fixed .rdn-search-toggle span {
		display: inline-block;
		position: relative;
		width: 100%;
		height: 100%;
		cursor: pointer;
		background: url("data:image/svg+xml,%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.9309 39.8657C36.7119 39.79 36.4293 39.6466 36.3027 39.5471C36.1762 39.4476 34.5277 37.8474 32.6394 35.9911L29.2061 32.6161L29.6612 32.2374C30.6513 31.4134 31.8138 30.2337 32.4824 29.3744L32.6607 29.1452L33.5813 30.0414C34.0877 30.5343 35.6771 32.0967 37.1135 33.5135C40.1049 36.464 40.1447 36.5168 40.1516 37.5348C40.1553 38.0675 40.1228 38.2304 39.9383 38.606C39.3846 39.7337 38.1024 40.2707 36.9309 39.8657ZM14.9094 33.925C9.98259 33.2828 5.60181 30.5686 2.85357 26.4557C0.725385 23.2707 -0.28319 19.2914 0.0688426 15.4686C0.791001 7.62652 6.69793 1.37558 14.556 0.137778C15.6319 -0.0317043 18.2875 -0.0483607 19.3854 0.10749C25.0093 0.905809 29.8216 4.39385 32.3444 9.50055C33.5285 11.8974 34.0654 14.221 34.0685 16.9627C34.0709 19.0273 33.8454 20.4767 33.2286 22.3633C31.198 28.5733 25.7501 33.0608 19.1993 33.9196C18.1074 34.0627 15.9866 34.0654 14.9094 33.925ZM18.348 29.2457C19.9009 29.0768 21.3227 28.6499 22.6836 27.944C26.0313 26.2076 28.3882 23.0642 29.1392 19.3344C29.3928 18.0746 29.3898 15.8448 29.1328 14.6441C28.5795 12.0586 27.3883 9.90088 25.5292 8.11648C22.5884 5.29382 18.414 4.11334 14.4402 4.98063C9.93619 5.96365 6.29257 9.45502 5.13391 13.8981C4.73215 15.4387 4.65099 17.5166 4.92959 19.1292C5.79478 24.1372 9.75367 28.1601 14.7303 29.0883C16.068 29.3378 17.092 29.3824 18.348 29.2457Z' fill='rgb(51 51 51)'/%3E%3C/svg%3E%0A") no-repeat center / auto 1.5rem;
		transition: all .3s ease;

		/* background: peru; */
	}

	.rd-navbar-fixed .rdn-search-toggle.active span {
		transform: rotate(90deg);
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(51 51 51)' width='24'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / auto 2rem;
	}

	.rd-navbar-fixed .rdn-search-panel {
		display: block;
		position: fixed;
		top: 57px;
		right: 0;
		left: 0;
		transform: none;
		z-index: 2;
		width: 100%;
		height: auto;
		padding: 1.250rem;
		opacity: 0;
		visibility: hidden;
		box-shadow: 0 1px 3px 0 rgb(0 0 0 / .3);
		background: var(--white-color);
		transition: opacity .3s ease-in-out,
					visibility .3s ease-in-out;
	}

	.rd-navbar-fixed .rdn-search-panel.active {
		opacity: 1;
		visibility: visible;

		/* background: purple; */
	}

}

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

@media (max-width: 991.98px) {

	.rd-navbar-fixed .rdn-top-panel {
		position: fixed;
		top: calc(56px + 3.375rem); /* зависит от высоты .rd-navbar-fixed .rdn-mp-center + 3.500rem */
		right: 0;
		left: auto;
		z-index: 2;
		width: 22.5rem;
		padding: 0;
		border-top: 1px solid var(--border-color);
		border-radius: 0 0 0 .25rem;
		box-shadow: 0 1px 3px 0 rgb(0 0 0 / .3);
		opacity: 0;
		visibility: hidden;
		overflow-y: scroll !important;
		transition: opacity .3s ease-in-out,
					visibility .3s ease-in-out;
		background: var(--white-color);

		/* background: purple; */
	}

	.rd-navbar-fixed .rdn-top-panel.active {
		opacity: 1;
		visibility: visible;
		overflow-y: scroll;
	}

}

/* .rdn-top-panel .container-center {
	background: green;
} */

@media (max-width: 991.98px) {

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

}

.rdn-top-panel > .container-flex {
	align-items: center;
}

/* rd-navbar-static rdn-tp-left
============================================ */
/* .rd-navbar-static .rdn-tp-left {
	background: pink;
} */

@media (max-width: 991.98px) {

	.rd-navbar-fixed .rdn-tp-left {
		width: 100%;

		/* background: red; */
	}

}

.rd-navbar-static .nav-top {
	display: flex;
	align-items: center;
}

@media (max-width: 991.98px) {

	.rd-navbar-fixed .nav-top {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		border-bottom: 1px solid rgb(220 220 220 / .5);

		/* background: #44C9C6; */
	}

}

.rd-navbar-static .nav-top > li {
	position: relative;
	margin: 0 1rem 0 0;
}

@media (max-width: 991.98px) {

	.rd-navbar-fixed .nav-top > li {
		flex-basis: 50%;
		max-width: 50%;
		margin: 0;

		/* background: #71C9FB; */
	}

	.rd-navbar-fixed .nav-top > li:first-child {
		display: none;
	}

}

.rd-navbar-static .nav-top > li:last-of-type {
	margin: 0;
}

.rd-navbar-static .nav-top > li > a {
	display: block;
	padding: .563rem 0;
	color: var(--text-color);
	transition: color .3s .02s linear;
	font-size: .875rem;
	text-decoration: none;
}

@media (max-width: 991.98px) {

	.rd-navbar-fixed .nav-top li a {
		display: block;
		position: relative;
		padding: 1rem .938rem;
		border-bottom: 1px solid rgb(220 220 220 / .5);
		color: var(--text-color);
		transition: all .3s .02s ease;
		font-size: 1rem;
		text-decoration: none;
	}

}

.rd-navbar-static .nav-top > li:first-child > a {
	width: 1rem;
	height: 1rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgb(0 181 103)'%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 1rem;
	transition: all .3s .02s linear;
}

.rd-navbar-static .nav-top > li:first-child > a:hover,
.rd-navbar-static .nav-top > li:first-child > a:active {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgb(8 99 171)'%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 1rem;
}

.rd-navbar-static .nav-top > li > a:hover,
.rd-navbar-static .nav-top > li > a:active,
.rd-navbar-static .nav-top > li > a:focus {
	color: var(--green-color);
}

.rd-navbar-static .nav-top > li.nav-top-dropdown > a {
	padding-right: .625rem;
}

.rd-navbar-static .nav-top > li.nav-top-dropdown > a::before {
	content: "";
	position: absolute;
	top: 48%;
	right: .125rem;
	width: .25rem;
	height: .25rem;
	border-bottom: .063rem solid var(--text-color);
	border-right: .063rem solid var(--text-color);
	transition: border-color .3s .02s linear;
	transform: rotate(45deg) translate(0, -50%);
}

.rd-navbar-static .nav-top > li.nav-top-dropdown > a:hover::before,
.rd-navbar-static .nav-top > li.nav-top-dropdown > a:active::before {
	border-color: var(--green-color);
}

.rd-navbar-static .nav-top > li.nav-top-dropdown > ul {
	position: absolute;
	top: 100%;
	left: -.625rem;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	width: 15rem;
	margin: 1.25rem 0 0;
	padding: 0 .938rem;
	overflow: hidden;
	border-radius: 0 0 .25rem .25rem;
	border-top: .125rem solid var(--green-color);
	background: var(--grey-bg);
	text-align: left;
	transition: all .2s ease-in-out;
}

@media (max-width: 991.98px) {

	.rd-navbar-fixed .nav-top > li.nav-top-dropdown > a {
		padding-right: .938rem;
	}

	.rd-navbar-fixed .nav-top > li.nav-top-dropdown > a::before {
		display: none;
	}

	.rd-navbar-fixed .nav-top > li.nav-top-dropdown > ul {
		display: none;
	}

}

/* .rd-navbar-static .nav-top > li.nav-top-dropdown:last-of-type > ul {
	right: 0;
	left: auto;
} */

.rd-navbar-static .nav-top > li.nav-top-dropdown:hover > ul {
	visibility: visible;
	opacity: 1;
	z-index: 2;
	margin: 0;
	transition: all 0.3s ease 0s;
}

.rd-navbar-static .nav-top > li.nav-top-dropdown > ul li {
	border-bottom: .063rem solid rgb(220 220 220 / .5);
}

.rd-navbar-static .nav-top > li.nav-top-dropdown > ul li:last-child {
	border-bottom: none;
}

.rd-navbar-static .nav-top > li.nav-top-dropdown > ul li a {
	display: block;
	position: relative;
	padding: .875rem 0;
	color: var(--text-color);
	font-size: .875rem;
	font-weight: 400;
	text-decoration: none;
	transition: all 0.3s 0.02s ease;
}

.rd-navbar-static .nav-top > li.nav-top-dropdown > ul li a::before {
	content: "";
	position: absolute;
	top: 1.313rem;
	left: -1rem;
	width: .375rem;
	height: .063rem;
	background: transparent;
	transition: all 0.3s 0.02s ease;
}

.rd-navbar-static .nav-top > li.nav-top-dropdown > ul li:hover a::before {
	background: var(--green-color);
}

.rd-navbar-static .nav-top > li > ul li a:hover,
.rd-navbar-static .nav-top > li > ul li a:active {
	padding-left: .875rem;
	color: var(--green-color);
}

.rd-navbar-static .nav-top > li.nav-top-dropdown > ul li a:hover::before,
.rd-navbar-static .nav-top > li.nav-top-dropdown > ul li a:active::before {
	left: 0;
}

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

	/* background: red; */
}

@media (max-width: 991.98px) {

	.rd-navbar-fixed .rdn-tp-right {
		width: 100%;

		/* background: #ccc; */
	}

}

/* ======= connect-top ======= */
.connect-top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	/* background: red; */
}

@media (max-width: 991.98px) {

	.connect-top {
		padding: .938rem;		

		/* background: yellow; */
	}

}

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

.phone-top a {
	display: block;
	color: var(--black--color);
	transition: color .3s .02s linear;
	font-weight: 700;
	font-size: 1rem;
	white-space: nowrap;
	text-decoration: none;
}

@media (max-width: 991.98px) {

	.phone-top a {
		font-size: 1.25rem;
	}

}

.phone-top a:hover,
.phone-top a:active,
.phone-top a:focus {
	color: var(--green-color);
}

/* = btn-link-connect-top = */
.btn-connect-top {
	flex-basis: 2rem;
	width: 2rem;
	height: 2.125rem;

	/* background: yellow; */
}

@media (max-width: 991.98px) {

	.btn-connect-top {
		flex-basis: 2.125rem;
		width: 2.125rem;
		margin: 0 0 0 .5rem;
	}

	.btn-connect-top:nth-last-child(2),
	.btn-connect-top:last-child {
		flex-basis: 100%;
		width: 100%;
		margin: 0;
		
		/* background: yellow; */
	}

	.btn-connect-top:nth-last-child(2) {
		margin: .938rem 0 0;
	}

}

.btn-connect-top a {
	display: block;
	height: 100%;
	border: .063rem solid transparent;
	border-top: none;
	border-radius: .25rem;
	font-size: 0;
	line-height: 0;
	transition: all .3s .02s linear;
}

@media (max-width: 991.98px) {

	.btn-connect-top:nth-last-child(2) a,
	.btn-connect-top:last-child a {
		font-size: 1.125rem;
		line-height: 1;
	}

}

.btn-connect-top .telegram-top {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(0 136 204)' 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 / auto .750rem;
}

@media (max-width: 991.98px) {

	.btn-connect-top .telegram-top {
		background: rgb(0 136 204) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255 255 255)' 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 / auto .750rem;
	}

}

.btn-connect-top .telegram-top:hover,
.btn-connect-top .telegram-top:active {
	background: rgb(0 136 204) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255 255 255)' 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 / auto .750rem;
}

.btn-connect-top .whatsapp-top {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(37 211 102)' 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 / auto 1rem;
}

@media (max-width: 991.98px) {

	.btn-connect-top .whatsapp-top {
		background: rgb(37 211 102) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255 255 255)' 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 / auto 1rem;
	}

}

.btn-connect-top .whatsapp-top:hover,
.btn-connect-top .whatsapp-top:active {
	background: rgb(37 211 102) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255 255 255)' 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 / auto 1rem;
}

.btn-connect-top .vk-top {
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 38.462463 24' fill='rgb(0 119 255)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.949 24C7.808 24 .312 14.991 0 0h6.583c.216 11.003 5.069 15.664 8.912 16.625V0h6.199v9.49C25.49 9.08 29.477 4.756 30.822 0h6.199c-1.033 5.862-5.358 10.186-8.433 11.964 3.075 1.441 8 5.213 9.874 12.036H31.64c-1.465-4.565-5.116-8.096-9.945-8.577V24Z' fill='rgb(0 119 255)' style='stroke-width:1.2012'/%3E%3C/svg%3E") no-repeat center / auto .625rem;
}

@media (max-width: 991.98px) {

	.btn-connect-top .vk-top {
		background: rgb(0 119 255) url("data:image/svg+xml,%3Csvg viewBox='0 0 38.462463 24' fill='rgb(255 255 255)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.949 24C7.808 24 .312 14.991 0 0h6.583c.216 11.003 5.069 15.664 8.912 16.625V0h6.199v9.49C25.49 9.08 29.477 4.756 30.822 0h6.199c-1.033 5.862-5.358 10.186-8.433 11.964 3.075 1.441 8 5.213 9.874 12.036H31.64c-1.465-4.565-5.116-8.096-9.945-8.577V24Z' fill='rgb(255 255 255)' style='stroke-width:1.2012'/%3E%3C/svg%3E") no-repeat center / auto .625rem;
	}

}

.btn-connect-top .vk-top:hover,
.btn-connect-top .vk-top:active {
	background: rgb(0 119 255) url("data:image/svg+xml,%3Csvg viewBox='0 0 38.462463 24' fill='rgb(255 255 255)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.949 24C7.808 24 .312 14.991 0 0h6.583c.216 11.003 5.069 15.664 8.912 16.625V0h6.199v9.49C25.49 9.08 29.477 4.756 30.822 0h6.199c-1.033 5.862-5.358 10.186-8.433 11.964 3.075 1.441 8 5.213 9.874 12.036H31.64c-1.465-4.565-5.116-8.096-9.945-8.577V24Z' fill='rgb(255 255 255)' style='stroke-width:1.2012'/%3E%3C/svg%3E") no-repeat center / auto .625rem;
}

.btn-connect-top .tel-top {
	background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.21778 6.92445C4.49778 9.44 6.56 11.4933 9.07556 12.7822L11.0311 10.8267C11.2711 10.5867 11.6267 10.5067 11.9378 10.6133C12.9333 10.9422 14.0089 11.12 15.1111 11.12C15.6 11.12 16 11.52 16 12.0089V15.1111C16 15.6 15.6 16 15.1111 16C6.76445 16 0 9.23556 0 0.888889C0 0.4 0.4 0 0.888889 0H4C4.48889 0 4.88889 0.4 4.88889 0.888889C4.88889 2 5.06667 3.06667 5.39556 4.06222C5.49333 4.37333 5.42222 4.72 5.17333 4.96889L3.21778 6.92445Z' fill='rgb(8 99 171)'/%3E%3C/svg%3E%0A") no-repeat center / auto .875rem;
}

@media (max-width: 991.98px) {

	.btn-connect-top .tel-top {
		padding-left: 1.5rem;
		background-position: 0 .125rem;
		color: var(--text-color);
		font-weight: 600;
	}

}

.btn-connect-top .tel-top:hover,
.btn-connect-top .tel-top:active {
	background: var(--blue-color) url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.21778 6.92445C4.49778 9.44 6.56 11.4933 9.07556 12.7822L11.0311 10.8267C11.2711 10.5867 11.6267 10.5067 11.9378 10.6133C12.9333 10.9422 14.0089 11.12 15.1111 11.12C15.6 11.12 16 11.52 16 12.0089V15.1111C16 15.6 15.6 16 15.1111 16C6.76445 16 0 9.23556 0 0.888889C0 0.4 0.4 0 0.888889 0H4C4.48889 0 4.88889 0.4 4.88889 0.888889C4.88889 2 5.06667 3.06667 5.39556 4.06222C5.49333 4.37333 5.42222 4.72 5.17333 4.96889L3.21778 6.92445Z' fill='rgb(255 255 255)'/%3E%3C/svg%3E%0A") no-repeat center / auto .875rem;
}

.btn-connect-top .mail-top {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' fill='rgb(8 99 171)' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280 320-200v-80L480-520 160-720v80l320 200Z'/%3E%3C/svg%3E") no-repeat center / auto 1.125rem;
}

@media (max-width: 991.98px) {

	.btn-connect-top .mail-top {
		padding-left: 1.5rem;
		background-position: 0 .063rem;
		color: var(--text-color);
		font-weight: 600;
	}

}

.btn-connect-top .mail-top:hover,
.btn-connect-top .mail-top:active {
	background: var(--blue-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' fill='rgb(255 255 255)' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280 320-200v-80L480-520 160-720v80l320 200Z'/%3E%3C/svg%3E") no-repeat center / auto 1.125rem;
}


/* rdn-main-panel
============================================================================= */
/* .rdn-main-panel {
	background: url(../images/ny-h.png) repeat-x center top / auto 2.5rem;

	background: green;
} */

.rdn-main-panel .container-center {
	padding: 1.875rem 1rem;

	/* padding: 3.125rem 1rem 1.625rem; */

	/* background: palegreen; */
}

@media (max-width: 991.98px) {

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

}

.rdn-main-panel > .container-flex {
	position: relative;
	align-items: center;
}

/* rdn-logo
============================================ */
.rdn-logo {
	flex-basis: 9.375rem;
	max-width: 9.375rem;
	position: relative;
	top: .5rem;

	/* background: #ccc; */
}

@media (max-width: 991.98px) {

	.rd-navbar-fixed .rdn-logo { /* если - rdn-fixed-panel */
		display: block;
		position: fixed;
		top: 5px;
		left: 56px;
		right: 108px;
		max-width: none;
		overflow: hidden;
		z-index: 17;

		/* background: cadetblue; */
	}

}

.rdn-logo a {
	display: block;

	/* background: plum; */
}

.rdn-logo a img:last-child {
	display: none;
}

@media (max-width: 991.98px) {

	.rd-navbar-fixed .rdn-logo a img:first-child {
		display: none;
	}

	.rd-navbar-fixed .rdn-logo a img:last-child {
		display: block;
		width: auto;
		max-width: none;
		height: 26px;
		margin-top: .625rem;
	}

}

/* rdn-mp-center
============================================ */
.rdn-mp-center {
	flex-basis: calc(100% - 16.875rem);
	max-width: calc(100% - 16.875rem);
	flex-wrap: nowrap;

	/* background: #777; */
}

/* rdn-search-panel
============================================ */
.rd-navbar-static .rdn-search-panel {
	flex-basis: 28.750rem;
	max-width: 28.750rem;
	margin: 0 2.5rem 0 auto;

	/* background: plum; */
}

@media (max-width: 991.98px) {

	.rd-navbar-fixed .rdn-search-panel {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0;
	}

}

.rdn-search-form {
	position: relative;
	text-align: right;
}

.rdn-search-input {
	display: inline-block;
	width: 20rem;
	height: 2.625rem;
	padding: 0 3.563rem 0 .938rem;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
	transition: width .3s .02s linear,
				border-color .3s .02s linear;

	/* background: red; */
}

@media (max-width: 991.98px) {

	.rd-navbar-fixed .rdn-search-input {
		width: 100%;
		height: 2.875rem;
	}

}

.rdn-search-input:focus {
	width: 100%;
	border-color: var(--cyan-color);
}

.rdn-search-submit {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 2.5rem;
	height: 2.5rem;
	border: none;
	background: none;
	cursor: pointer;
	text-align: center;

	/* background: palevioletred; */
}

@media (max-width: 991.98px) {

	.rdn-search-submit {
		height: 2.875rem;
	}

}

.rdn-search-submit::before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	margin: .063rem 0 0;
	background: url("data:image/svg+xml,%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.9309 39.8657C36.7119 39.79 36.4293 39.6466 36.3027 39.5471C36.1762 39.4476 34.5277 37.8474 32.6394 35.9911L29.2061 32.6161L29.6612 32.2374C30.6513 31.4134 31.8138 30.2337 32.4824 29.3744L32.6607 29.1452L33.5813 30.0414C34.0877 30.5343 35.6771 32.0967 37.1135 33.5135C40.1049 36.464 40.1447 36.5168 40.1516 37.5348C40.1553 38.0675 40.1228 38.2304 39.9383 38.606C39.3846 39.7337 38.1024 40.2707 36.9309 39.8657ZM14.9094 33.925C9.98259 33.2828 5.60181 30.5686 2.85357 26.4557C0.725385 23.2707 -0.28319 19.2914 0.0688426 15.4686C0.791001 7.62652 6.69793 1.37558 14.556 0.137778C15.6319 -0.0317043 18.2875 -0.0483607 19.3854 0.10749C25.0093 0.905809 29.8216 4.39385 32.3444 9.50055C33.5285 11.8974 34.0654 14.221 34.0685 16.9627C34.0709 19.0273 33.8454 20.4767 33.2286 22.3633C31.198 28.5733 25.7501 33.0608 19.1993 33.9196C18.1074 34.0627 15.9866 34.0654 14.9094 33.925ZM18.348 29.2457C19.9009 29.0768 21.3227 28.6499 22.6836 27.944C26.0313 26.2076 28.3882 23.0642 29.1392 19.3344C29.3928 18.0746 29.3898 15.8448 29.1328 14.6441C28.5795 12.0586 27.3883 9.90088 25.5292 8.11648C22.5884 5.29382 18.414 4.11334 14.4402 4.98063C9.93619 5.96365 6.29257 9.45502 5.13391 13.8981C4.73215 15.4387 4.65099 17.5166 4.92959 19.1292C5.79478 24.1372 9.75367 28.1601 14.7303 29.0883C16.068 29.3378 17.092 29.3824 18.348 29.2457Z' fill='rgb(0 181 103)'/%3E%3C/svg%3E%0A") no-repeat center / auto 1.125rem;
	transition: background .3s .02s linear;
}

.rdn-search-submit:hover::before {
	background: url("data:image/svg+xml,%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.9309 39.8657C36.7119 39.79 36.4293 39.6466 36.3027 39.5471C36.1762 39.4476 34.5277 37.8474 32.6394 35.9911L29.2061 32.6161L29.6612 32.2374C30.6513 31.4134 31.8138 30.2337 32.4824 29.3744L32.6607 29.1452L33.5813 30.0414C34.0877 30.5343 35.6771 32.0967 37.1135 33.5135C40.1049 36.464 40.1447 36.5168 40.1516 37.5348C40.1553 38.0675 40.1228 38.2304 39.9383 38.606C39.3846 39.7337 38.1024 40.2707 36.9309 39.8657ZM14.9094 33.925C9.98259 33.2828 5.60181 30.5686 2.85357 26.4557C0.725385 23.2707 -0.28319 19.2914 0.0688426 15.4686C0.791001 7.62652 6.69793 1.37558 14.556 0.137778C15.6319 -0.0317043 18.2875 -0.0483607 19.3854 0.10749C25.0093 0.905809 29.8216 4.39385 32.3444 9.50055C33.5285 11.8974 34.0654 14.221 34.0685 16.9627C34.0709 19.0273 33.8454 20.4767 33.2286 22.3633C31.198 28.5733 25.7501 33.0608 19.1993 33.9196C18.1074 34.0627 15.9866 34.0654 14.9094 33.925ZM18.348 29.2457C19.9009 29.0768 21.3227 28.6499 22.6836 27.944C26.0313 26.2076 28.3882 23.0642 29.1392 19.3344C29.3928 18.0746 29.3898 15.8448 29.1328 14.6441C28.5795 12.0586 27.3883 9.90088 25.5292 8.11648C22.5884 5.29382 18.414 4.11334 14.4402 4.98063C9.93619 5.96365 6.29257 9.45502 5.13391 13.8981C4.73215 15.4387 4.65099 17.5166 4.92959 19.1292C5.79478 24.1372 9.75367 28.1601 14.7303 29.0883C16.068 29.3378 17.092 29.3824 18.348 29.2457Z' fill='rgb(8 99 171)'/%3E%3C/svg%3E%0A") no-repeat center / auto 1.125rem;
}


.rdn-search-hint {
	/* display: none; */
	display: block;
	position: absolute;
	top: 2.875rem;
	left: 0;
	z-index: 3;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s .02s linear;
	overflow: hidden;
	border-radius: .25rem;
	box-shadow: 0 0 .125rem .125rem rgb(0 0 0 / .1),
				0 .188rem .313rem .125rem rgb(0 0 0 / .1);
	background: var(--white-color);
}

.rdn-search-input:focus + .rdn-search-submit + .rdn-search-hint {
	display: block;
	opacity: 1;
	visibility: visible;

	/* background: pink; */
}

.collection-rdn-search-hint {
	padding: 0 0 .625rem;
}

.product-rdn-search-hint {
	padding: 0 0 .625rem;
}

.title-rdn-search-hint {
	padding: .750rem .625rem;
	background: var(--grey-bg);
	font-weight: 700;
	font-size: .750rem;
	text-transform: uppercase;
}

.list-rdn-search-hint {
	max-height: 11.25rem;
	padding: .625rem;
	overflow-y: auto;
}

.list-rdn-search-hint::-webkit-scrollbar {
	width: 4px;
}

.list-rdn-search-hint::-webkit-scrollbar-thumb {
	background: var(--border-color);
}

.item-rdn-search-hint {
	display: flex;
	margin: 0 0 .625rem;
	padding: 0 0 .625rem;
	border-bottom: .063rem solid var(--border-color);
}

.item-rdn-search-hint:last-child {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

.left-item-rdn-search-hint {
	flex-basis: 3.125rem;
	max-width: 3.125rem;
}

.right-item-rdn-search-hint {
	padding: 0 0 0 .938rem;
}

.title-item-rdn-search-hint {
	display: block;
	margin: 0 0 .625rem;
	color: var(--blue-color);
	transition: color .3s .02s linear;
	font-size: .875rem;
	line-height: 1.2;
	text-decoration: underline;

	/* background: #ccc; */
}

.title-item-rdn-search-hint:hover,
.title-item-rdn-search-hint:focus,
.title-item-rdn-search-hint:active {
	color: var(--green-color);
	text-decoration: none;
}

.price-item-rdn-search-hint {
	display: block;
	font-weight: 700;
	font-size: .875rem;
}

.price-item-rdn-search-hint .rub::after {
	font-size: .875rem;
}

/* rdn-login
============================================ */
.rdn-login {
	align-self: center;
	margin: 0 2.5rem 0 0;

	/* background: palegoldenrod; */
}

@media (max-width: 991.98px) {

	.rd-navbar-fixed .rdn-login {
		flex-basis: 22.5rem;
		max-width: 22.5rem;
		position: fixed;
		top: 56px;
		right: 0;
		left: 0;
		z-index: 2;
		margin: 0 0 0 auto;
		padding: .938rem;
		box-shadow: 0 1px 3px 0 rgb(0 0 0 / .3);
		opacity: 0;
		visibility: hidden;
		transition: opacity .3s ease-in-out,
					visibility .3s ease-in-out;
		background: var(--white-color);

		/* background: yellowgreen; */
	}

}

.rdn-login ul {
	display: flex;
	padding: 0.25rem 0 .25rem 1.25rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(53 148 209)' width='24'%3E%3Cpath d='M480-120v-80h280v-560H480v-80h360v720H480Zm-80-160-55-58 102-102H120v-80h327L345-622l55-58 200 200-200 200Z'/%3E%3C/svg%3E") no-repeat 0 .063rem / auto 1.25rem;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	white-space: nowrap;

	/* background: palegreen; */
}

@media (max-width: 991.98px) {

	.rd-navbar-fixed  .rdn-login ul {
		white-space: normal;
	}

	.rd-navbar-fixed .rdn-login.active {
		opacity: 1;
		visibility: visible;
	}

}

.rdn-login ul li {
	position: relative;
	margin: 0 0 0 .625rem;
}

.rdn-login ul li:first-child::after {
	content: "/";
	margin: 0 0 0 .625rem;
}

.rdn-login ul li a {
	display: inline-block;
	color: var(--text-color);
	transition: color .3s .02s linear;
	text-decoration: none;
}

.rdn-login ul li a:hover,
.rdn-login ul li a:active,
.rdn-login ul li a:focus {
	color: var(--green-color);
}

/* rdn-cart-wrap
============================================ */
.rd-navbar-static .rdn-cart-wrap {
	position: relative;
	margin: 0 0 0 auto;

	/* background: yellow; */
}

.rd-navbar-static .rdn-cart-wrap.sticking {
	right: calc((50% - 47.125rem) + 6.875rem);
	z-index: 5;
	margin: .25rem 0 0;

	/* background: red; */
}

@media (max-width: 1399.98px) {
	.rd-navbar-static .rdn-cart-wrap.sticking {
		right: calc((50% - 49.875rem) + 6.875rem);
	}

}

@media (max-width: 1199.98px) {

	.rd-navbar-static .rdn-cart-wrap.sticking {
		left: calc((50% + 470px) - 6.875rem);
	}

}

/* ======= rdn-cart-toggle ======= */
.rdn-cart-toggle {
	display: flex;
	align-items: center;
	position: relative;
	height: 2.625rem;
	padding: 0 .938rem;
	border-radius: .25rem;
	background: var(--green-color);
	transition: all .3s .02s linear;
}

.rdn-cart-toggle:hover,
.rdn-cart-toggle:active,
.rdn-cart-toggle:focus {
	background: var(--blue-color);
}

.rd-navbar-static .rdn-cart-wrap.sticking .rdn-cart-toggle,
.rd-navbar-static .rdn-cart-wrap.sticking .rdn-cart-toggle,
.rd-navbar-static .rdn-cart-wrap.sticking .rdn-cart-toggle {
	height: 2.5rem;
}

.rd-navbar-static .rdn-cart-wrap.sticking .rdn-cart-toggle:hover,
.rd-navbar-static .rdn-cart-wrap.sticking .rdn-cart-toggle:active,
.rd-navbar-static .rdn-cart-wrap.sticking .rdn-cart-toggle:focus {
	background: var(--cyan-color);
}

.rdn-cart-toggle .rdn-cart-toggle-ico {
	position: relative;
	width: 1.625rem;
	height: 1.625rem;
	margin: 0 .625rem 0 0;
	cursor: pointer;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(255 255 255)' width='24'%3E%3Cpath d='M280-80q-33 0-56.5-23.5T200-160q0-33 23.5-56.5T280-240q33 0 56.5 23.5T360-160q0 33-23.5 56.5T280-80Zm400 0q-33 0-56.5-23.5T600-160q0-33 23.5-56.5T680-240q33 0 56.5 23.5T760-160q0 33-23.5 56.5T680-80ZM208-800h590q23 0 35 20.5t1 41.5L692-482q-11 20-29.5 31T622-440H324l-44 80h480v80H280q-45 0-68-39.5t-2-78.5l54-98-144-304H40v-80h130l38 80Z'/%3E%3C/svg%3E") no-repeat center / auto 100%;
	transition: all .3s .02s linear;
}

.rdn-cart-toggle.active .rdn-cart-toggle-ico  {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(255 255 255)' width='24'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}

/* = rdn-cart-toggle-quantity = */
.rdn-cart-toggle .rdn-cart-toggle-quantity {
	display: block;
	color: var(--white-color);
	font-size: .875rem;

	/* background: papayawhip; */
}

.rdn-cart-toggle .rdn-cart-toggle-quantity i {
	display: inline-block;
	font-style: normal;
	font-weight: 600;
}

/* ======= rdn-cart-buy ======= */
.rdn-cart-buy {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 1rem;
	border-radius: 0 0 .25rem .25rem;
	background: var(--green-color);
	transition: background .3s .02s ease;
	color: var(--white-color);
	font-weight: 600;
	font-size: 1rem;
	text-transform: uppercase;
	text-align: center;
}

.rdn-cart-buy::before {
	content: "";
	flex-basis: 1.375rem;
	width: 1.375rem;
	height: 1.375rem;
	margin: 0 .375rem 0 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(255 255 255)' width='24'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}

.rdn-cart-buy:hover,
.rdn-cart-buy:active,
.rdn-cart-buy:focus {
	background-color: var(--blue-color);
}


.rd-navbar-static .rdn-cart-floating .rdn-cart-buy {
	display: none;
}

.rd-navbar-fixed .rdn-cart .rdn-cart-buy {
	display: none;
}

/* ======= rdn-cart ======= */
.rdn-cart {
	display: none;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 328px;
	border-radius: .25rem .25rem 0 0;
	box-shadow: 0 0 .125rem 0 rgb(0 0 0 / .1), 0 .188rem .313rem 0 rgb(0 0 0 / .1);
	background: var(--white-color);
	color: var(--text-color);
	text-align: left;

	/* background: paleturquoise; */
}

.rdn-cart::before {
	content: "";
	position: absolute;
	height: 3.125rem;
	left: 0;
	right: 0;
	top: 0;
	z-index: -1;
	background: linear-gradient(var(--white-color), rgb(255 255 255 / 0));
}


.rd-navbar-static .rdn-cart {
	display: block;
	position: absolute;
	top: 100%;
	right: 0;
	width: 20rem;
	visibility: hidden;
	opacity: 0;
	transform: translateY(1.25rem);
	z-index: 2;
	transition: .3s all ease;
}

.rd-navbar-static .rdn-cart.active {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

@media (max-width: 991.98px) {

	.rd-navbar-fixed .rdn-cart {
		display: block;
		position: fixed;
		top: 100%;
		left: 0;
		z-index: 22 !important;
		width: 100%;
		padding-bottom: 3.5rem;

		/* background: red; */
	}

	.rd-navbar-fixed .rdn-cart.active {
		transform: translateY(-100%);
	}

}




/* ======= rdn-cart-items ======= */
.rdn-cart-items {
	max-height: 100%;
	height: 100%;
	padding: 1.313rem 0 0;
	overflow: auto;
}

.rdn-cart-items::-webkit-scrollbar {
	width: 4px;
}

.rdn-cart-items::-webkit-scrollbar-thumb {
	background: var(--border-color);
}

.rdn-cart-item {
	display: table;
	position: relative;
	width: 100%;
	padding: .5rem 0;
}

.rdn-cart-item::after {
	content: "";
	display: block;
	position: absolute;
	right: .625rem;
	bottom: 0;
	left: .625rem;
	height: .063rem;
	background: var(--border-color);
}


.rdn-cart-item-left {
	display: table-cell;
	width: 3.750rem;
	height: auto;
	padding: 0 0 0 .625rem;
	vertical-align: top;
}

.rdn-cart-item-left a {
	display: block;
	margin: .188rem 0 0;
}


.rdn-cart-item-body {
	display: table-cell;
	padding: 0 .625rem;
	vertical-align: top;
}

.rdn-cart-item-title {
	display: inline-block;
	color: var(--blue-color);
	transition: color .3s .02s linear;
	font-size: .875rem;
	line-height: 1.2;
	text-decoration: underline;
}

.rdn-cart-item-title:hover,
.rdn-cart-item-title:focus,
.rdn-cart-item-title:active {
	color: var(--green-color);
	text-decoration: none;
}

.rdn-cart-item-counter {
	display: block;
	margin: .313rem 0 0;
	font-size: .875rem;
	line-height: 1.3;
}


.rdn-cart-item-remove {
	display: table-cell;
	width: 2.125rem;
	padding: 0;
	vertical-align: middle;
	text-align: center;

	/* background: blueviolet; */
}

.rdn-cart-item-remove button {
	display: block;
	padding: .75rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(149 149 149)' width='24'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / 100% auto;
	transition: all .3s .02s ease;
}

.rdn-cart-item-remove button:hover,
.rdn-cart-item-remove button:focus {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(51 51 51)' width='24'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / 100% auto;
}


.rdn-cart-empty {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	font-weight: 600;
	text-align: center;

	/* background: palegoldenrod; */
}

.rdn-cart-empty span {
	display: block;
	width: 3.75rem;
	height: 3.75rem;
	margin: 0 auto 1.25rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(149 149 149)' width='24'%3E%3Cpath d='M440-600v-120H320v-80h120v-120h80v120h120v80H520v120h-80ZM280-80q-33 0-56.5-23.5T200-160q0-33 23.5-56.5T280-240q33 0 56.5 23.5T360-160q0 33-23.5 56.5T280-80Zm400 0q-33 0-56.5-23.5T600-160q0-33 23.5-56.5T680-240q33 0 56.5 23.5T760-160q0 33-23.5 56.5T680-80ZM40-800v-80h131l170 360h280l156-280h91L692-482q-11 20-29.5 31T622-440H324l-44 80h480v80H280q-45 0-68.5-39t-1.5-79l54-98-144-304H40Z'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}

@media (max-width: 991.98px) {

	.rd-navbar-fixed .rdn-cart-floating {
		display: block;
		position: fixed;
		bottom: .938rem;
		right: .938rem;
		z-index: 5555 !important;
		width: 56px;
		height: 56px;
		overflow: hidden;
		border-radius: 100%;
		box-shadow: 0 5px 8px 0 rgb(0 0 0 / .25),
					0 0 2px 0 rgb(0 0 0 / .25);
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		transition: .3s all ease;
	}

	.rd-navbar-fixed .rdn-cart {
		border-top: 1px solid var(--border-color);
	}

	.rd-navbar-fixed .rdn-cart-floating .rdn-cart-toggle {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--green-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(255 255 255)' width='24'%3E%3Cpath d='M280-80q-33 0-56.5-23.5T200-160q0-33 23.5-56.5T280-240q33 0 56.5 23.5T360-160q0 33-23.5 56.5T280-80Zm400 0q-33 0-56.5-23.5T600-160q0-33 23.5-56.5T680-240q33 0 56.5 23.5T760-160q0 33-23.5 56.5T680-80ZM208-800h590q23 0 35 20.5t1 41.5L692-482q-11 20-29.5 31T622-440H324l-44 80h480v80H280q-45 0-68-39.5t-2-78.5l54-98-144-304H40v-80h130l38 80Z'/%3E%3C/svg%3E") no-repeat center / auto 2rem;
	}

	.rd-navbar-fixed .rdn-cart-toggle .rdn-cart-toggle-quantity {
		display: none !important;
	}

	.rd-navbar-fixed .rdn-cart-floating.active .rdn-cart-toggle {
		visibility: hidden;
		opacity: 0;
	}

	.rd-navbar-fixed .rdn-cart-floating .rdn-cart-buy {
		opacity: 0;
		visibility: hidden;
	}

	.rd-navbar-fixed .rdn-cart-floating.active {
		right: 0;
		bottom: 0 !important;
		width: 100%;
		border-radius: 0;
		box-shadow: none;
	}

	.rd-navbar-fixed .rdn-cart-floating.active .rdn-cart-buy {
		bottom: -11px;
		opacity: 1;
		visibility: visible;
		padding: .938rem .938rem 1.125rem;

		/* background: red; */
	}

	.rd-navbar-fixed .rdn-cart-item-remove {
		width: 2.875rem;
	}

}

/* rdn-main-nav
============================================================================= */
.rdn-main-nav {
	/* background: linear-gradient(to right bottom, var(--blue-color) 25%, var(--cyan-color) 100%); */
	background: var(--blue-color);

	/* background: #000; */
}

.rdn-main-nav.sticking {
	display: block;
	width: 100%;
	z-index: 4;
	box-shadow: 0 .063rem .188rem 0 rgb(0 0 0 / .15);
	background: var(--blue-color);

	/* background: red; */
}

.rdn-main-nav .container-center {
	position: relative;

	/* background: peru; */
}

/* rd-navbar-static rdn-nav
============================================ */
.rd-navbar-static .rdn-nav {
	display: block;

	/* background: cyan; */
}

.rd-navbar-static .rdn-main-nav.sticking .rdn-nav {
	flex-basis: calc(100% - 6.875rem);
	max-width: calc(100% - 6.875rem);

	/* background: pink; */
}

.rd-navbar-static .rdn-nav-ul {
	display: flex;
	justify-content: center;

	/* background: red; */
}
.rd-navbar-static .rdn-main-nav.sticking .rdn-nav-ul {
	justify-content: flex-start;

	/* background: #ccc; */
}

/* .rd-navbar-static .rdn-nav-ul > li {
	background: #399841;
} */

/* .rd-navbar-static .rdn-nav-ul > li:nth-child(2n) {
	background: cadetblue;
} */

.rd-navbar-static .rdn-nav-ul > li:last-child {
	margin: 0 0 0 2px;
}

.rd-navbar-static .rdn-nav-ul > li > a {
	display: flex;
	align-items: center;
	position: relative;
	height: 100%;
	padding: 1.125rem .750rem;
	color: rgba(255, 255, 255, 1);
	font-weight: 600;
	font-size: .875rem;
	line-height: 1.2;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	transition: background .3s .02s linear;

	/* background: #65340C; */
}

@media (max-width: 1199.98px) {

	.rd-navbar-static .rdn-nav-ul > li > a {
		padding: 1.125rem .438rem;
		font-size: .875rem;
	}

}

.rd-navbar-static .rdn-nav-ul > li:last-child > a,
.rd-navbar-static .rdn-nav-ul > li:nth-last-child(2) > a {
	background: rgba(53, 148, 209, 1);
}

.rd-navbar-static .rdn-main-nav.sticking .rdn-nav-ul > li > a {
	padding: .625rem .625rem;
	font-size: .688rem;
}

.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,
.rd-navbar-static .rdn-nav-ul > li > a:hover {
	background: rgba(0, 181, 103, 1);
}

@media (max-width: 991.98px) {

	.rd-navbar-fixed .rdn-nav {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 22.5rem;
		padding: 56px 0 40px;
		z-index: 2;
		box-shadow: 0 3px 5px 0 rgb(0 0 0 / 0.25);
		background: var(--white-color);
		transform: translateX(-105%);
		transition: all .3s ease;
	}

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

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

	.rd-navbar-fixed .rdn-nav-ul li > a {
		display: block;
		height: 100%;
		padding: 1.250rem 3.500rem 1.125rem 1rem;
		border-bottom: 1px solid rgb(220 220 220 / .5);
		color: var(--text-color);
		font-weight: 600;
		font-size: 1.125rem;
		line-height: 1.3;
		transition: all .3s .02s ease;
	}

	.rd-navbar-fixed .rdn-nav-ul li:last-child > a,
	.rd-navbar-fixed .rdn-nav-ul li:nth-last-child(2) > a {
		background: var(--grey-bg);
		color: var(--blue-color);
	}

	.rd-navbar-fixed .rdn-nav-ul li > a br {
		display: none;
	}

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

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

}


/* ========================================================================================
	notification
======================================================================================== */
.notification {
	/* display: none; */

	padding-block: .938rem;
	border: .063rem solid rgb(220 220 220 / .5);
	background: var(--grey-bg);
	color: var(--text-color);
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
}

@media (max-width: 991.98px) {

	.notification {
		margin: 56px 0 -56px;
		text-align: center;
	}

}

.notification span {
	display: block;
	text-transform: uppercase;
}


.notification a {
	display: inline-block;
	margin: .625rem 0 0;
	color: var(--blue-color);
	font-weight: 500;
	text-decoration: underline;
	transition: all .3s .02s linear;
}

.notification a:hover,
.notification a:active {
	color: var(--text-color);
	text-decoration: none;
}


/* ========================================================================================
	bread-crumbs
======================================================================================== */
/* .bread-crumbs {
	background: palegreen;
} */

@media (max-width: 991.98px) {

	.bread-crumbs {
		margin: .625rem 0 0;
	}

}

.bread-crumbs .container-center {
	padding: 1.25rem 1rem;
}

.bread-crumbs ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.bread-crumbs li {
	padding: .25rem 0;
	color: rgb(149 149 149);
	font-size: .875rem;
	line-height: 1.2;

	/* background: #2B86C5; */
}

.bread-crumbs li::after {
	content: "/";
	display: inline-block;
	margin: 0 clamp(0.25rem, 0.0298rem + 1.1008vw, 0.938rem);
	color: rgb(149 149 149);
}

.bread-crumbs li:last-child:after {
	content: none;
	margin: 0 0 0 clamp(0.25rem, 0.0298rem + 1.1008vw, 0.938rem);
}

.bread-crumbs a {
	display: inline-block;
	color: var(--cyan-color);
	transition: color .3s .02s ease;
}

.bread-crumbs .home-bc {
	display: inline-block;
	position: relative;
	top: .063rem;
	width: .875rem;
	height: .875rem;
	vertical-align: top;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgb(53 148 209)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E") no-repeat center;
	background-size: auto .875rem;
	transition: background .3s .02s ease;
}

.bread-crumbs a:hover,
.bread-crumbs a:focus,
.bread-crumbs a:active {
	color: var(--green-color);
}

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


.bread-crumbs br {
	display: none;
}


/* ========================================================================================
	common styles
======================================================================================== */
/* typography
============================================================================= */
/* h1 - h6
============================================ */
.middle h1 {
	margin: 0 0 2.5rem;
	color: var(--black--color);
	font-weight: 400;
	font-size: clamp(1.5rem, 1.34rem + 0.8vw, 2rem);
	line-height: 1.2;
}

.middle h1::after {
	content: "";
	display: block;
	width: 3.125rem;
	height: .125rem;
	margin: .938rem 0 0;
	background: var(--green-color);
}

.middle h2,
.h2 {
	margin: 2.5rem 0 2.875rem;
	color: var(--black--color);
	font-weight: 400;
	font-size: clamp(1.5rem, 1.42rem + 0.4vw, 1.75rem);
	line-height: 1.2;

	/* background: #ccc; */
}

.middle h2::after,
.h2::after {
	content: "";
	display: block;
	width: 3.750rem;
	height: .125rem;
	margin: .938rem 0 0;
	background: var(--green-color);
}


.middle h3,
.h3 {
	margin: 2.5rem 0 1.875rem;
	color: var(--black--color);
	font-weight: 400;
	font-size: clamp(1.25rem, 1.21rem + 0.2vw, 1.375rem);
	line-height: 1.2;
}

/* .middle h3::after {
	content: "";
	display: block;
	width: 3.750rem;
	height: .125rem;
	margin: .938rem 0 0;
	background: var(--green-color);
} */

.middle h4,
.h4 {
	margin: 2.5rem 0 1.25rem;
	color: var(--black--color);
	font-weight: 600;
	font-size: clamp(1rem, 0.92rem + 0.4vw, 1.25rem);
	line-height: 1.2;
}

/* p + text elements
============================================ */
.middle p {
	margin: 0 0 .938rem;
	line-height: 1.5;

	/* background: #ccc; */
}

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

.middle p a:hover,
.middle p a:focus,
.middle p a:active {
	text-decoration: none;
}

strong,
.bold {
	font-weight: 600;
}

.bold-700 {
	font-weight: 700;
}

.italic {
	font-style: italic;
}

.red {
	color: var(--red-color);
}

.green {
	color: var(--green-color);
}

.center {
	text-align: center;
}

.upp {
	text-transform: uppercase;
}

.att {
	padding: 1.875rem;
	border: .063rem solid var(--border-color);
	background: var(--grey-bg);
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	text-transform: uppercase;
}

.rub {
	display: inline-block;
}

.rub::after {
	content: "₽";
	font-style: normal;
	font-size: 1.125rem;
}

/* hr
============================================================================= */
hr {
	height: .063rem;
	border: 0;
	border-top: .063rem dotted var(--border-color);
}

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

/* btn-buttons
============================================ */
.btn-buttons {
	display: inline-block;
	padding: .938rem 2.5rem;
	border: .063rem solid var(--blue-color);
	border-radius: .25rem;
	background: var(--blue-color);
	color: var(--white-color) !important;
	font-weight: 400;
	font-size: .875rem;
	text-transform: uppercase;
	transition: all .3s .02s ease;
}

.btn-buttons:hover,
.btn-buttons:focus,
.btn-buttons:active {
	border-color: var(--green-color);
	background: var(--white-color);
	color: var(--text-color) !important;
}

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

.middle ul:not([class]) li {
	margin: 0 0 .313rem;
	padding: 0 0 0 1.875rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(53 148 209)' width='24'%3E%3Cpath d='m560-240-56-58 142-142H160v-80h486L504-662l56-58 240 240-240 240Z'/%3E%3C/svg%3E") no-repeat 0 .188rem / 1rem auto;
	line-height: 1.3;
}

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

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


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

/* list-anchors
============================================ */
.list-anchors {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.313rem 2.5rem;
}

.list-anchors li {
    flex-basis: calc(25% - .625rem);
	max-width: calc(25% - .625rem);
	margin: 0 .313rem .625rem;
}

@media (max-width: 991.98px) {

	.list-anchors li {
		flex-basis: calc(33.3333% - .625rem);
		max-width: calc(33.3333% - .625rem);
	}

}

@media (max-width: 575.98px) {

	.list-anchors li {
		flex-basis: calc(50% - .625rem);
		max-width: calc(50% - .625rem);
	}

}

.list-anchors li a {
	display: flex;
	/* align-items: center; */
	height: 100%;
	padding: 1.25rem 1.875rem 1.25rem 2.875rem;
	border-radius: .25rem;
	border: .063rem solid rgb(220 220 220 / .5);
	background: rgb(245 246 250 / .5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(53 148 209)' width='24'%3E%3Cpath d='m560-240-56-58 142-142H160v-80h486L504-662l56-58 240 240-240 240Z'/%3E%3C/svg%3E") no-repeat 1.25rem 1.375rem / 1rem auto;
	color: var(--text-color);
	font-weight: 600;
	line-height: 1.2;
	transition: all .3s .02s linear;
}

.list-anchors li a:hover,
.list-anchors li a:active,
.list-anchors li a:focus {
	border-color: var(--blue-color);
	background-color: var(--white-color);

}

/* img
============================================================================= */
img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}

.img-one {
	width: 70%;
	margin: 2.5rem auto;
	overflow: hidden;
	border-radius: .25rem;
}

@media (max-width: 767.98px) {

	.img-one {
		width: 80%;
	}

}

@media (max-width: 575.98px) {

	.img-one {
		width: 100%;
	}

}

.img-center {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: stretch;
	align-items: stretch;
	margin: 2.5rem -.625rem 1.25rem;
	overflow: hidden;
	border-radius: .25rem;
}

.img-center a {
	position: relative;
	z-index: 1;
	flex-basis: calc(33.3333% - 1.25rem);
	max-width: calc(33.3333% - 1.25rem);
	margin: 0 .625rem 1.25rem;
	overflow: hidden;
	border-radius: .25rem;
}

@media (max-width: 575.98px) {

	.img-center a {
		flex-basis: calc(50% - 1.25rem);
		max-width: calc(50% - 1.25rem);
	}

}

.img-center a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3.750rem;
	height: 3.750rem;
	border-radius: .25rem;
	background: rgb(0 0 0 / .3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(255 255 255)' width='24'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-40-60v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z'/%3E%3C/svg%3E") no-repeat center / auto 2.5rem;
	visibility: hidden;
	opacity: 0;
	transition: all .3s .02s linear;
}

.img-center a:hover:before,
.img-center a:active:before {
	visibility: visible;
	opacity: 1;
}

.img-center span {
	display: block;
	position: relative;
	overflow: hidden;
	/* max-height: 17.375rem; */
}


.img-one figcaption,
.img-center figcaption {
	margin: .625rem 0 0;
	color: var(--cyan-color);
	transition: color .3s .02s linear;
	font-size: 1rem;
	line-height: 1.2;
}

.img-center a:hover figcaption,
.img-center a:active figcaption,
.img-center a:focus figcaption {
	color: var(--green-color);
}


.magnifier {
	position: relative;
}

.magnifier::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3.750rem;
	height: 3.750rem;
	border-radius: .25rem;
	background: rgb(0 0 0 / .3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(255 255 255)' width='24'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-40-60v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z'/%3E%3C/svg%3E") no-repeat center / auto 2.5rem;
	visibility: hidden;
	opacity: 0;
	transition: all .3s .02s linear;
}

.magnifier:hover::before,
.magnifier:active::before {
	visibility: visible;
	opacity: 1;
}

/* carousel-gallery
============================================ */
.carousel-gallery a {
	display: block;
	position: relative;
	/* height: 23.563rem; */
	overflow: hidden;

	/* background: red; */
}


.carousel-gallery a {
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: .25rem;
}

.carousel-gallery a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3.750rem;
	height: 3.750rem;
	border-radius: .25rem;
	background: rgb(0 0 0 / .3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(255 255 255)' width='24'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-40-60v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z'/%3E%3C/svg%3E") no-repeat center / auto 2.5rem;
	visibility: hidden;
	opacity: 0;
	transition: all .3s .02s linear;
}

.carousel-gallery a:hover:before,
.carousel-gallery a:active:before {
	visibility: visible;
	opacity: 1;
}

.carousel-gallery a img {
	height: 100%;
	object-fit: cover;
}


/* table
============================================================================= */
/* .table-not-responsive {
	width: 100%;
	overflow: auto;
}

.middle table:not([class]) {
	width: 100%;
	margin: 0 0 1.25rem;
	background: var(--white-color);
}

.middle table:not([class]) thead {
	border-bottom: .063rem solid rgba(180, 180, 180, .7);
	background: #000;
}

.middle table:not([class]) thead tr {
	background: transparent;
}

.middle table:not([class]) thead th {
	padding: 1.25rem .938rem;
	background: #333;
	vertical-align: top;
	color: #fff;
	font-weight: 700;
	text-align: left;
}

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

.middle table:not([class]) tbody td {
	padding: 1.25rem .938rem;
	vertical-align: top;
}

.middle table:not([class]) tbody tr:nth-child(even) {
	background-color: #eeeeee;
} */

/* tabs
============================================================================= */
/* .tabs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	border-bottom: .063rem solid #ccc;

	background: yellow;
}

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

.tabs li {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
	position: relative;
	top: .063rem;
	padding: .938rem 1.25rem;
	border: .063rem solid #ccc;
	border-bottom: none;
	background: #eee;
	transition: background .3s .02s linear,
				color .3s .02s linear;
	cursor: pointer;
}

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

.tabs li:hover,
.tabs li:focus,
.tabs li:active {
	background: #26A69A;
	color: #fff;
}

.tabs li.active {
	display: block;
	padding-top: .875rem;
	padding-bottom: 1.063rem;
	border-top: .125rem solid #333;
	background: #fff;
	cursor: default;
	color: inherit;
}


.tab-accordion {
	display: none;
}


.content-tab {
	margin: 0 0 1.25rem;
	padding: 1.25rem;
	border: .063rem solid #ccc;
	border-top: none;
}

.content-tab p {
	margin: 0 0 .938rem;
	line-height: 1.5;
} */

/* tabs-radio
============================================================================= */
.tabs-radio {
	margin: 0 0 1.25rem;

	/* background: yellow; */
}

.tab-radio input {
	position: absolute;
	width: .063rem;
	height: .063rem;
	margin: -.063rem;
	border: 0;
	padding: 0;
	white-space: nowrap;
	-webkit-clip-path: inset(100%);
			clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.tab-radio label {
	display: block;
	width: 100%;
	margin: 0;
	padding: .938rem 2.5rem;
	border: .063rem solid var(--border-color);
	background-color: var(--white-color);
	cursor: pointer;
	font-weight: 400;
	font-size: 1rem;
	transition: all 0.15s ease-in-out;
}

.tab-radio input:checked+label {
	border: .063rem solid var(--blue-color);
	background-color: var(--blue-color);
	color: var(--white-color);
}


.content-tabs-radio {
	display: block;
	width: 100%;
	margin: 1.25rem 0 0;
	padding: 1.25rem;
	border: .063rem solid var(--border-color);
}

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

	/* background: paleturquoise; */
}

/* label
============================================ */
.text-input {
	display: block;
	position: relative;
	z-index: 1;

	/* background: #eee; */
}

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

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

.text-input span::before {
	content: attr(data-first);
	display: inline-block;
	color: rgb(149 149 149);
	font-weight: 600;
	font-size: .875rem;
	white-space: nowrap;
	transition: all .2s ease;
}

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

.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='rgb(0 181 103)'%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='rgb(0 181 103)'%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='rgb(0 181 103)'%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-pin::before {
	background: url("data:image/svg+xml,%3Csvg width='33.37' height='48' viewBox='0 0 8.829 12.7' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='fill:rgb(0 181 103);fill-opacity:1'%3E%3Cpath d='M0 0c-12.992 0-23.563-10.57-23.563-23.563 0-16.329 23.586-44.224 23.586-44.224s23.54 28.698 23.54 44.224C23.563-10.57 12.993 0 0 0' style='fill:var(--green-color);fill-opacity:1;fill-rule:nonzero;stroke:none' transform='matrix(.18735 0 0 -.18735 4.415 0)'/%3E%3C/g%3E%3Cpath d='M0 0a10.023 10.023 0 0 0-7.109-2.94c-2.575 0-5.15.98-7.109 2.94-3.92 3.92-3.92 10.298 0 14.218a9.985 9.985 0 0 0 7.109 2.945A9.989 9.989 0 0 0 0 14.218C3.92 10.298 3.92 3.92 0 0' style='fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none' transform='matrix(.18735 0 0 -.18735 5.746 5.707)'/%3E%3C/svg%3E") no-repeat left center;
	background-size: auto 1rem;
}

.text-input.ico-label-mes::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='rgb(0 181 103)'%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: 2.875rem;
	margin: 0;
	padding: 0 .938rem;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
	box-shadow: none;
	background: var(--white-color);
	outline: none;
	color: var(--text-color);
	font-size: .875rem;
	line-height: 1;
	font-family: inherit;
	transition: border-color .3s .02s linear;
}

.text-input textarea {
	height: 11.25rem;
	padding: .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(--cyan-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 .313rem;
	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: rgb(149 149 149);
}

.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: rgb(149 149 149);
}

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

	/* background: blue; */
}

/* ======= классическое исчезновение placeholder-а ======= */
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: var(--text-color);
	transition: color .3s .02s linear;
}

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: var(--text-color);
	transition: color .3s .02s linear;
}

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: var(--text-color);
	transition: color .3s .02s linear;
}

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: var(--text-color);
	transition: color .3s .02s linear;
}

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: var(--text-color);
	transition: color .3s .02s linear;
}

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: var(--text-color);
	transition: color .3s .02s linear;
}


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

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

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

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

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

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus::placeholder,
textarea:focus::placeholder {
	color: transparent;
}
/* ======= /классическое исчезновение placeholder-а ======= */

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

.checkbox-input {
	display: block;
	position: relative;
	margin: 0 0 .625rem;
	user-select: none;
}

.checkbox-input span {
	display: inline-block;
	vertical-align: middle;
	transform: translate3d(0, 0, 0);
}

.checkbox-input .ico-cbx {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: .25rem;
	transform: scale(1);
	cursor: pointer;
	border: .063rem solid var(--border-color);
	background: var(--white-color);
	transition: all .2s ease;

	/* background: red; */
}

.checkbox-input .ico-cbx svg {
	position: absolute;
	top: .25rem;
	left: .188rem;
	width: .750rem;
	height: .625rem;
	fill: none;
	stroke: var(--white-color);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 1rem;
	stroke-dashoffset: 1rem;
	transition: all .3s ease;
	transition-delay: .1s;
	transform: translate3d(0, 0, 0);
}

.checkbox-input .ico-cbx:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	opacity: 1;
	border-radius: 50%;
	background: rgb(51 51 51 / .5);
	transform: scale(0);
}

.checkbox-input .label-cbx {
	padding-left: 2rem;
	font-size: .875rem;
	line-height: 1.3;

	/* background: seagreen; */
}

.checkbox-input:hover .ico-cbx {
	border-color: var(--green-color);
}

.checkbox-input input[type="checkbox"]:checked+.ico-cbx {
	background: var(--green-color);
	border-color: var(--green-color);
	-webkit-animation: wave-cbx .4s ease;
			animation: wave-cbx .4s ease;
}

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

.checkbox-input input[type="checkbox"]:checked+.ico-cbx::before {
	transform: scale(3.5);
	opacity: 0;
	transition: all .28s linear;
}

@keyframes wave-cbx {
	50% {
		transform: scale(.9);
	}
}


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


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

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

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

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

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

/* number-input
============================================ */
.number-input span {
	display: block;
	margin: 0 0 .625rem;
	font-weight: 600;
}

.jq-number {
	display: inline-block;

	/* background: red; */
}

.jq-number__field input {

	/* для Opera Presto */
}

.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
	margin: 0;
	/* в каких-то браузерах присутствует отступ */
	-webkit-appearance: none;
}


.jq-number {
	position: relative;
	padding: 0 3.125rem;
}

.jq-number__field {
	width: 6.25rem;
}

.jq-number__field input {
		-moz-appearance: textfield;
	display: block;	
	width: 100%;
	height: 2.875rem;
	margin: 0;
	padding: 0 .938rem;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
	box-shadow: none;
	background: var(--white-color);
	outline: none;
	color: var(--text-color);
	font-size: .875rem;
	line-height: 1;
	font-family: inherit;
	text-align: center;
	transition: border-color .3s .02s linear;

	/* background: palegoldenrod; */
}

.jq-number__field input:focus {
	border-color: var(--blue-color);
}


.jq-number__spin {
	position: absolute;
	top: 0;
	width: 2.875rem;
	height: 2.875rem;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
	background: var(--white-color);
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	transition: all .2s .02s ease;
}

.jq-number__spin.minus {
	left: 0;
}

.jq-number__spin.plus {
	right: 0;
}

.jq-number__spin:hover,
.jq-number__spin:active,
.jq-number__spin:focus {
	background: var(--grey-bg);
}

.jq-number__spin::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--text-color);
	font-size: 1.375rem;
	transition: all .2s .02s ease;
}

.jq-number__spin.minus::after {
	content: "-";
}

.jq-number__spin.plus::after {
	content: "+";
}

/* select
============================================ */
.SumoSelect {
	width: 100%;
}

.sumoStopScroll {
	overflow: hidden;
}

.SumoSelect .hidden {
	display: none;
}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass,
.SumoUnder {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	border: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.SelectClass {
	z-index: 1;
}

.SumoSelect > .optWrapper > .options li.opt label,
.SumoSelect > .CaptionCont,
.SumoSelect .select-all > label {
	-webkit-user-select: none;
	-moz-user-select: none;
	 -ms-user-select: none;
		 user-select: none;
}

.SumoSelect {
	display: inline-block;
	position: relative;
	outline: none;
}

.SumoSelect > .CaptionCont {
	position: relative;
	height: 2.875rem;
	padding: .938rem .938rem;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
	transition: border-color .3s .02s linear;
	background: var(--white-color);
	cursor: pointer;
}

.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont,
.SumoSelect.open > .CaptionCont {
	border-color: var(--blue-color);
}

.SumoSelect > .CaptionCont > span {
	display: block;
	padding-right: 2rem;
	font-size: .875rem;
	line-height: 1;
	text-overflow: ellipsis;
	white-space: nowrap;

	/* background: powderblue; */
}

/*placeholder style*/
.SumoSelect > .CaptionCont > span.placeholder {
	color: rgb(149 149 149);
	font-size: .875rem;
}

.SumoSelect > .CaptionCont > label {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 2rem;
	cursor: pointer;

	/* background: peru; */
}

/* .SumoSelect > .CaptionCont > label > i {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 1rem;
	height: 1rem;
	margin: auto;

	background: palegreen;
} */

.SumoSelect > .CaptionCont > label > i {
	content: "";
	position: absolute;
	top: 50%;
	right: .375rem;
	transform: translateY(-50%);
	width: 1.5rem;
	height: 1.5rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(8 99 171)' width='24'%3E%3Cpath d='M480-360 280-560h400L480-360Z'/%3E%3C/svg%3E") no-repeat center / auto 100%;

	/* background: palegoldenrod; */
}

.SumoSelect > .optWrapper {
	display: none;
	width: 100%;
	position: absolute;
	top: 2.875rem;
	left: 0;
	z-index: 1000;
	overflow: hidden;
	border: .063rem solid var(--border-color);
	box-shadow: 0 .313rem .625rem rgb(51 51 51 / .3);
	background: var(--white-color);
}

.SumoSelect.open > .optWrapper {
	display: block;
}

.SumoSelect > .optWrapper ul {
	display: block;
	padding: 0;
	margin: 0;
	overflow: auto;
	list-style: none;
}

.SumoSelect > .optWrapper > .options {
	position: relative;
	/* max-height: 15.625rem; */
}

.SumoSelect > .optWrapper > .options li.opt {
	position: relative;
	border-bottom: .063rem solid var(--border-color);
	transition: background .2s .02s linear;
}

.SumoSelect > .optWrapper > .options > li.opt:last-child {
	border-bottom: none;
}

.SumoSelect > .optWrapper > .options li.opt label {
	display: block;
	padding: .875rem .938rem;
	overflow: hidden;
	cursor: pointer;
	font-size: .875rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color .2s .02s linear;
}

.SumoSelect > .optWrapper > .options li.opt:hover,
.SumoSelect > .optWrapper > .options li.opt:active,
.SumoSelect > .optWrapper > .options li.opt:focus {
	background: var(--cyan-color);
}

.SumoSelect > .optWrapper > .options li.opt label:hover,
.SumoSelect > .optWrapper > .options li.opt label:active,
.SumoSelect > .optWrapper > .options li.opt label:focus {
	color: var(--white-color);
}

/* btn-form
============================================ */
.btn-form [type="submit"] {
	display: inline-block;
	padding: .750rem 2.5rem;
	border: .063rem solid var(--blue-color);
	border-radius: .25rem;
	background: var(--blue-color);
	color: var(--white-color) !important;
	font-weight: 400;
	font-size: .875rem;
	text-transform: uppercase;
	transition: border-color .3s .02s ease,
		background .3s .02s ease,
		color .3s .02s ease;
}

.btn-form [type="submit"]:hover,
.btn-form [type="submit"]:focus,
.btn-form [type="submit"]:active {
	border-color: var(--green-color);
	background: var(--white-color);
	color: var(--text-color) !important;
}

/* pagination
============================================================================= */
.pagination {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: stretch;
	align-items: stretch;
	margin: 2.5rem 0;

	/* background: #777; */
}

.pagination li {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
	margin: 0 .313rem;
}

.pagination a {
	display: block;
	padding: .5rem .813rem;
	border: .063rem solid rgb(220 220 220 / .5);
	border-radius: .25rem;
	background: rgb(245 246 250 / .5);
	color: var(--text-color);
	font-weight: 400;
	font-size: 1rem;
	text-decoration: none;
	transition: all 0.2s 0.02s ease;
}

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

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

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

}

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

.pagination a.prev-pgn:hover .zmdi,
.pagination a.prev-pgn:active .zmdi,
.pagination a.prev-pgn:focus .zmdi,
.pagination a.next-pgn:hover .zmdi,
.pagination a.next-pgn:active .zmdi,
.pagination a.next-pgn:focus .zmdi {
	color: var(--green-color);
}

/* color-n
============================================================================= */
.color-1 {
	background: #fff;
}

.color-2 {
	background: #fdf4e3;
}

.color-3 {
	background: #EBDCC9;
}

.color-4 {
	background: linear-gradient(rgb(151, 135, 86) 0%, rgb(214, 197, 139) 52%, rgb(151, 135, 86) 100%);
}

.color-5 {
	background: #FBFF4A;
}

.color-6 {
	background: #F9A02F;
}

.color-7 {
	background: #FC93C3;
}

.color-8 {
	background: #F8001D;
}

.color-9 {
	background: url(../images/color-filter-last.jpg) no-repeat center;
	background-size: cover
}

.color-10 {
	background: #71C9FB;
}

.color-11 {
	background: #44C9C6;
}

.color-12 {
	background: #8E8E8D;
}

.color-13 {
	background: linear-gradient(rgb(123, 123, 123) 0%, rgb(197, 197, 197) 51%, rgb(123, 123, 123) 100%);
}

.color-14 {
	background: #9800C0;
}

.color-15 {
	background: #5202D3;
}

.color-16 {
	background: #399841;
}

.color-17 {
	background: #65340C;
}

.color-18 {
	background: #000;
}

/* tags
============================================================================= */
.tags {
	position: absolute;
	top: .938rem;
	right: .938rem;
	z-index: 1;
}

.new-tag {
	display: inline-block;
	margin: 0 0 0 .25rem;
	padding: .25rem .625rem .375rem;
	border-radius: .25rem;
	background: var(--green-color);
	color: var(--white-color);
	font-weight: 600;
	font-size: 1rem;
	text-transform: lowercase;

	/* padding: 1.5rem 2.25rem;
	background: url(../images/new-tag-ny.svg) no-repeat center / auto 100%; */
}

.sale-tag {
	display: inline-block;
	margin: 0 0 0 .25rem;
	padding: .313rem .625rem;
	border-radius: .25rem;
	background: var(--red-color);
	color: var(--white-color);
	font-weight: 600;
	font-size: 1rem;
	text-transform: lowercase;

	/* padding: 1.750rem 1.750rem 1rem;
	background: url(../images/sale-tag-ny.svg) no-repeat center bottom / auto 100%; */
}

.hit-tag {
	display: inline-block;
	margin: 0 0 0 .25rem;
	padding: .25rem .625rem .375rem;
	border-radius: .25rem;
	background: rgb(255 143 0);
	color: var(--white-color);
	font-weight: 600;
	font-size: 1rem;
	text-transform: lowercase;

	/* padding: 1.875rem 1.25rem .750rem 1.5rem;
	background: url(../images/hit-tag-ny.svg) no-repeat center bottom / auto 100%; */
}


/* about
============================================================================= */
/* left-about
============================================ */
.left-about {
	flex-basis: 60%;
	max-width: 60%;
	padding: 0 2.5rem 0 0;

	/* background: paleturquoise; */
}

@media (max-width: 991.98px) {

	.left-about {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
	}

}

/* right-about
============================================ */
.right-about {
	flex-basis: 40%;
	max-width: 40%;
	flex-direction: column;
	margin: -.625rem 0;
	padding: 0 0 0 2.5rem;

	/* background: palevioletred; */
}

@media (max-width: 991.98px) {

	.right-about {
		display: none;
	}

}

.right-about img {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: calc(50% - 1.25rem);
	max-width: auto;
	align-self: auto;
	order: 0;
	height: calc(50% - 1.25rem);
	margin: .625rem 0;
	border-radius: .25rem;
	-o-object-fit: cover;
	   object-fit: cover;
}


/* grid-services
============================================================================= */
.grid-services {
	margin: 0 -.625rem;

	/* background: peachpuff; */
}

@media (max-width: 575.98px) {

	.grid-services {
		margin: 0;
	}

}

.grid-services .cell-services {
	flex-basis: calc(33.3333% - 1.250rem);
	max-width: calc(33.3333% - 1.250rem);
	margin: 0 .625rem 1.25rem;
}

@media (max-width: 991.98px) {

	.grid-services .cell-services {
		flex-basis: calc(50% - 1.25rem);
		max-width: calc(50% - 1.25rem);
	}

}

@media (max-width: 575.98px) {

	.grid-services .cell-services {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.25rem;
	}

}

.grid-services a {
	display: block;
	position: relative;
	padding: 1.25rem 1.25rem 1.25rem 2.125rem;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
	background: var(--grey-bg);
	color: var(--text-color);
	font-weight: 600;
	font-size: 1.125rem;
	transition: all .3s .02s linear;
}

.grid-services a::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 1.25rem;
	transform: translateY(-50%);
	width: .313rem;
	height: .125rem;
	background: var(--cyan-color);
	transition: background .3s .02s linear;
}

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

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


.map-master {
	width: 100%;
	height: 28.125rem;
	margin: 2.5rem 0;
}


/* grid-info
============================================================================= */
.grid-info {
	margin: 0 -1.25rem;

	/* background: peachpuff; */
}

@media (max-width: 767.98px) {

	.grid-info {
		margin: 0;
	}

}

.grid-info .cell-info {
	flex-basis: calc(50% - 2.5rem);
	max-width: calc(50% - 2.5rem);
	margin: 0 1.25rem 2.5rem;
}

@media (max-width: 767.98px) {

	.grid-info .cell-info {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 2.5rem;
	}

}

.grid-info a {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	padding: 1.563rem;
	border-radius: .25rem;
	overflow: hidden;
	color: var(--white-color);
}

.grid-info a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / .5);
	transition: all .3s .02s linear;
}

.grid-info a img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	transition: transform 1s;
}

.title-grid-info {
	margin: 0 0 .625rem;
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 1.2;
	text-transform: uppercase;
}

.date-grid-info {
	margin: 0 0 1.875rem;
}

.text-grid-info {
	flex: 1 0 auto;
	margin: 0 0 1.875rem;
	line-height: 1.5;
}

.btn-grid-info {
	flex: 0 0 auto;
	margin: auto 0 0 0;
}

.btn-grid-info span {
	display: inline-block;
	padding: .750rem 1.875rem;
	border: .063rem solid var(--green-color);
	border-radius: .25rem;
	background: var(--green-color);
	color: var(--white-color) !important;
	font-weight: 400;
	font-size: .875rem;
	text-transform: uppercase;
	transition: all .3s .02s ease;
}

.btn-grid-info span:hover,
.btn-grid-info span:focus,
.btn-grid-info span:active {
	border-color: var(--blue-color);
	background: var(--white-color);
	color: var(--text-color) !important;
}

.grid-info a:hover img,
.grid-info a:active img,
.grid-info a:focus img {
	transform: scale(1.1);
}

/* form-info
============================================ */
.form-info {
	margin: 2.875rem 0 0;
	border-top: .063rem solid var(--border-color);
}

.form-info p {
	margin: 0 0 1.25rem;
}

/* oplata-i-dostavka
============================================================================= */
.table-requisites {
	width: 100%;
	margin: 0 0 1.875rem;
	background: var(--white-color);
	line-height: 1.2;
}

.table-requisites tr {
	border-bottom: .063rem solid rgb(220 220 220 / .5);
}

.table-requisites th {
	padding: .625rem .625rem .625rem 0;
	vertical-align: top;
	font-weight: 600;
	text-align: left;
}

.table-requisites td {
	padding: .625rem 0 .625rem .625rem;
	vertical-align: top;
}

/* reviews
============================================================================= */
.vidget-reviews {
	position: relative;
	width: 100%;
	max-width: 760px;
	height: 50rem;
	overflow: hidden;
}

.vidget-reviews iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
}

/* contacts
============================================================================= */
.notification-contacts {
	display: none !important;

	margin: 0 0 3.75rem;
	padding: 1.25rem 2.5rem;
	border-radius: .25rem;
	background: var(--grey-bg);
	line-height: 1.5;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.title-notification-contacts {
	flex-basis: 100%;
	max-width: 100%;
	margin: 0 0 1.25rem;
	font-weight: 700;
	font-size: 1.125rem;
	text-transform: uppercase;
	text-align: center;
}

.side-notification-contacts {
	margin: 0 1.25rem;
}

@media (max-width: 767.98px) {

	.side-notification-contacts {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.25rem;
	}

}

.title-side-notification-contacts {
	margin: 0 0 .625rem;
	font-weight: 700;
	font-size: 1.125rem;
}

/* contacts 
============================================ */
.contacts {
	margin: 0 0 1.875rem;
	padding: 0 0 1.875rem;
	border-bottom: .063rem solid var(--border-color);
}

@media (max-width: 767.98px) {

	.contacts {
		margin: 0;
		padding: 0;
		border-bottom: none;
	}

}

.contacts .element-flex {
	position: relative;
	flex-basis: 50%;
	max-width: 50%;
}

@media (max-width: 767.98px) {

	.contacts .element-flex {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.875rem;

		/* background: palegoldenrod; */
	}

	.contacts .element-flex:last-child {
		margin: 0 0 1.875rem;
	}
	
	/* .contacts .element-flex:nth-child(2n) {
		background: palegreen;
	} */

}

.contacts .element-flex:first-child {
	padding-right: 2.5rem;
	border-right: .063rem solid var(--border-color);

	/* background: papayawhip; */
}

@media (max-width: 767.98px) {

	.contacts .element-flex:first-child {
		padding-right: 0;
		border-right: none;
	}

}

.contacts .element-flex:last-child {
	padding-left: 4.5rem !important;

	/* background: peachpuff; */
}

@media (max-width: 767.98px) {

	.contacts .element-flex:last-child {
		padding-left: 1.875rem !important;
	}

}

.contacts .element-flex::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: .875rem;
	height: .875rem;
}

.contacts .element-flex:last-child::before {
	left: 2.5rem;
}

@media (max-width: 767.98px) {

	.contacts .element-flex:last-child::before {
		left: 0;
	}

}

.contacts .element-flex span:first-of-type {
	display: block;
	position: relative;
	margin: 0 0 .938rem;
	color: var(--black--color);
	font-weight: 600;
	font-size: 1.125rem;

	/* background: red; */
}

.contacts .element-flex span:last-of-type a {
	display: inline-block;
	margin: 0 .313rem 0 0;
	color: var(--blue-color);
	transition: color .3s .02s linear;
	font-size: 1rem;
	text-decoration: underline;
}

.contacts .element-flex span:last-of-type a:hover,
.contacts .element-flex span:last-of-type a:active,
.contacts .element-flex span:last-of-type a:focus {
	color: var(--green-color);
	text-decoration: none;
}

/* tel-cont
============================================ */
.tel-cont {
	padding-left: 1.875rem;

	/* background: palegoldenrod; */
}

.tel-cont::before {
	background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.21778 6.92445C4.49778 9.44 6.56 11.4933 9.07556 12.7822L11.0311 10.8267C11.2711 10.5867 11.6267 10.5067 11.9378 10.6133C12.9333 10.9422 14.0089 11.12 15.1111 11.12C15.6 11.12 16 11.52 16 12.0089V15.1111C16 15.6 15.6 16 15.1111 16C6.76445 16 0 9.23556 0 0.888889C0 0.4 0.4 0 0.888889 0H4C4.48889 0 4.88889 0.4 4.88889 0.888889C4.88889 2 5.06667 3.06667 5.39556 4.06222C5.49333 4.37333 5.42222 4.72 5.17333 4.96889L3.21778 6.92445Z' fill='rgb(0 181 103)'/%3E%3C/svg%3E%0A") no-repeat center / auto 100% !important;
}

.tel-cont > span:last-of-type {
	display: block;
	color: rgb(149 149 149);
	font-size: .875rem;
	line-height: 1.5;
}

.tel-cont > span:last-of-type a {
	display: inline-block;
	margin: 0 .313rem 0 0;
	color: var(--text-color);
	transition: color .3s .02s linear;
	font-size: 1rem;
	text-decoration: none;
}

.tel-cont > span:last-of-type a:hover,
.tel-cont > span:last-of-type a:active,
.tel-cont > span:last-of-type a:focus {
	color: var(--green-color);
}

/* mess-cont
============================================ */
.mess-cont {
	display: flex;
	position: relative;
	left: -1.875rem;
	align-items: center;

	/* background: red; */
}

@media (max-width: 767.98px) {

	.mess-cont {
		left: 0;
	}

}

.mess-cont::before {
	display: none !important;
}

.mess-cont a {
	flex-basis: 1.875rem;
	width: 1.875rem;
	height: 1.875rem;
	margin: 0 .625rem 0 0;
	border-radius: .25rem;
	transition: all .3s .02s linear;
}

.mess-cont .ico-telegram {
	background: rgb(0 136 204) 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 / auto .75rem;
}

.mess-cont .ico-telegram:hover,
.mess-cont .ico-telegram:active {
	background: var(--white-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(0 136 204)' 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 / auto .75rem;
}

.mess-cont .ico-whatsapp {
	background: rgb(37 211 102) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255 255 255)' 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 / auto 1rem;
}

.mess-cont .ico-whatsapp:hover,
.mess-cont .ico-whatsapp:active {
	background: var(--white-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(37 211 102)' 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 / auto 1rem;
}

.mess-cont .ico-vk-cont {
	flex-basis: auto;
	width: auto;
	height: auto;
	align-items: center;
}

.mess-cont .ico-vk-cont img {
	height: 1.875rem;

	/* background: red; */
}

/* mail-cont
============================================ */
.mail-cont {
	padding-left: 2rem !important;

	/* background: pink; */
}

.mail-cont::before {
	width: 1.125rem !important;
	height: 1.125rem !important;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' fill='rgb(0 181 103)' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280 320-200v-80L480-520 160-720v80l320 200Z'/%3E%3C/svg%3E") no-repeat center / 100% auto !important;
}

/* dir-cont
============================================ */
/* .dir-cont {
	background: red;
} */

@media (max-width: 767.98px) {

	.dir-cont {
		padding: 0 0 2.5rem;
		border-bottom: .063rem solid var(--border-color);
	}

}

/* maps-contacts
============================================ */
/* .maps-contacts {
	background: pink;
} */

.row-maps-contacts {
	display: flex;
	flex-wrap: wrap;
}

.left-maps-contacts {
	flex-basis: 45%;
	width: 45%;
	padding-right: 2.5rem;
}

@media (max-width: 991.98px) {

	.left-maps-contacts {
		flex-basis: 100%;
		width: 100%;
		padding-right: 0;
	}

}

.center-maps-contacts {
	flex-basis: 27.5%;
	width: 27.5%;
	padding-right: 2.5rem;
}

@media (max-width: 991.98px) {

	.center-maps-contacts {
		flex-basis: 100%;
		width: 100%;
		padding-right: 0;
	}

}

.right-maps-contacts {
	flex-basis: 27.5%;
	width: 27.5%;
	padding-right: 2.5rem;
}

@media (max-width: 991.98px) {

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

}

/* ======= pin-cont======= */
.pin-cont {
	position: relative;
	margin: 0 0 1.25rem;
	padding-left: 1.75rem;
	line-height: 1.3;

	/* background: red; */
}

.pin-cont::before {
	content: "";
	display: block;
	position: absolute;
	top: .188rem;
	left: 0;
	width: 1rem;
	height: 1rem;
	background:  url("data:image/svg+xml,%3Csvg width='33.37' height='48' viewBox='0 0 8.829 12.7' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='fill:rgb(0 181 103);fill-opacity:1'%3E%3Cpath d='M0 0c-12.992 0-23.563-10.57-23.563-23.563 0-16.329 23.586-44.224 23.586-44.224s23.54 28.698 23.54 44.224C23.563-10.57 12.993 0 0 0' style='fill:var(--green-color);fill-opacity:1;fill-rule:nonzero;stroke:none' transform='matrix(.18735 0 0 -.18735 4.415 0)'/%3E%3C/g%3E%3Cpath d='M0 0a10.023 10.023 0 0 0-7.109-2.94c-2.575 0-5.15.98-7.109 2.94-3.92 3.92-3.92 10.298 0 14.218a9.985 9.985 0 0 0 7.109 2.945A9.989 9.989 0 0 0 0 14.218C3.92 10.298 3.92 3.92 0 0' style='fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none' transform='matrix(.18735 0 0 -.18735 5.746 5.707)'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}

.pin-cont span:first-child {
	display: block;
	position: relative;
	margin: 0 0 .938rem;
	color: var(--black--color);
	font-weight: 600;
	font-size: 1.125rem;
}


.pin-cont + p {
	margin-left: 2rem;
	font-size: .875rem;
}

/* ======= time-cont======= */
.time-cont {
	position: relative;
	margin: 0 0 1.25rem;
	padding-left: 2rem;
	line-height: 1.3;

	/* background: red; */
}

.time-cont::before {
	content: "";
	display: block;
	position: absolute;
	top: .188rem;
	left: 0;
	width: 1.125rem;
	height: 1.125rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' fill='rgb(0 181 103)' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='m612-292 56-56-148-148v-184h-80v216l172 172ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}

.time-cont > span:first-child {
	display: block;
	position: relative;
	margin: 0 0 .938rem;
	color: var(--black--color);
	font-weight: 600;
	font-size: 1.125rem;
}


.time-cont + p {
	margin-left: 2rem;
	font-size: .875rem;
}


/* .times-ny {
	display: none;

	margin: 1.25rem 0 0;
	line-height: 1.4;
}

.times-ny span {
	display: inline-block !important;
	color: var(--red-color);
	font-weight: 600;
} */

/* ======= map-yandex ======= */
.map-yandex {
	width: 100%;
	height: 28.125rem;
	margin: 2.5rem 0;
	overflow: hidden;
	border-radius: .25rem;
}

/* #map-yandex-show-room {
	margin-top: 4.625rem;
}

@media (max-width: 991.98px) {

	#map-yandex-show-room {
		margin-top: 3.125rem;
	}

} */


/* ======= media-contacts ======= */
.media-contacts {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	display: none;

	/* background: #399841; */
}


.img-media-contacts {
	flex-basis: 50%;
	width: 50%;
	padding-right: 1.25rem;

	/* background: #072b3d; */
}

@media (max-width: 767.98px) {

	.img-media-contacts {
		flex-basis: 100%;
		width: 100%;
		margin-bottom: 1.5rem;
		padding-right: 0;
	}

}

.img-media-contacts a {
	display: block;
	height: 100%;

	/* background: red; */
}

.img-media-contacts img {
	height: 100%;
	object-fit: cover;
	border-radius: .25rem;
}


.video-media-contacts {
	flex-basis: 50%;
	width: 50%;
	padding-left: 1.25rem;
}

@media (max-width: 767.98px) {

	.video-media-contacts {
		flex-basis: 100%;
		width: 100%;
		padding-left: 0;
	}

}

.video-contacts {
	position: relative;
	padding-bottom: calc(100% / (16 / 9));
	overflow: hidden;
	border-radius: .25rem;

	/* background: red; */
}

.video-contacts iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

/* filters + grid-products
============================================================================= */
/* name-filtters
============================================ */
@media (min-width: 991.98px) {

	.name-filtters {
		display: none;
	}

}

@media (max-width: 991.98px) {

	.name-filtters {
		position: relative;
		padding: .875rem 1.125rem;
		border: .063rem solid transparent;
		border-radius: .25rem;
		background: var(--grey-bg);
		cursor: pointer;
		font-weight: 600;
		transition: all .3s .02s linear;
	}

	.name-filtters::after {
		content: "";
		position: absolute;
		top: 48%;
		right: 1.25rem;
		width: .375rem;
		height: .375rem;
		border-bottom: .125rem solid var(--blue-color);
		border-right: .125rem solid var(--blue-color);
		transform: rotate(45deg);
		transition: all .3s .02s linear;
	}

	.name-filtters-active {
		margin: 0 0 1.875rem;
		border-color: var(--border-color);
		background: transparent;

		/* background: red; */
	}

	.name-filtters-active::after {
		transform: rotate(-135deg);
	}

}

/* filters
============================================ */
.filters + hr {
	margin: 0 0 1.875rem;
}

.filters .grid-filters {
	margin: 0 -.938rem 1.25rem;

	/* background: seagreen; */
}

.filters .grid-filters > .element-flex {
	flex-basis: calc(33.3333% - 1.875rem);
	max-width: calc(33.3333% - 1.875rem);
	margin: 0 .938rem .938rem;

	/* background: powderblue; */
}

@media (max-width: 991.98px) {

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

	.filters .grid-filters > .element-flex:first-child {
		flex-basis: calc(33.3333% - 1.875rem);
		max-width: calc(33.3333% - 1.875rem);
	}

}

@media (max-width: 767.98px) {

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

	.filters .grid-filters > .element-flex:first-child {
		flex-basis: calc(100% - 1.875rem);
		max-width: calc(100% - 1.875rem);
	}

}

.filters .grid-filters > .element-flex:nth-child(2) {
	flex-basis: calc(66.6666% - 1.875rem);
	max-width: calc(66.6666% - 1.875rem);
	margin: 0 .938rem 1.25rem;
	display: flex;
	flex-direction: column;

	/* background: plum; */
}

@media (max-width: 767.98px) {

	.filters .grid-filters > .element-flex:nth-child(2) {
		flex-basis: calc(100% - 1.875rem);
		max-width: calc(100% - 1.875rem);
	}

}

/* .filters .grid-filters > .element-flex:nth-child(2n) {
	background: peachpuff;
} */

.filters .grid-filters > .element-flex:last-child {
	flex-basis: 100% !important;
	max-width: 100% !important;
}

/* ======= filters-2 ======= */
.filters-2 .grid-filters > .element-flex {
	flex-basis: calc(25% - 1.875rem);
	max-width: calc(25% - 1.875rem);
}

@media (max-width: 991.98px) {

	.filters-2 .grid-filters > .element-flex {
		flex-basis: calc(50% - 1.875rem);
		max-width: calc(50% - 1.875rem);
	}

}

@media (max-width: 767.98px) {

	.filters-2 .grid-filters > .element-flex {
		flex-basis: calc(100% - 1.875rem);
		max-width: calc(100% - 1.875rem);
	}

}

.filters-2 .grid-filters > .element-flex:first-child {
	flex-basis: calc(33.3333% - 1.875rem);
	max-width: calc(33.3333% - 1.875rem);
}

@media (max-width: 767.98px) {

	.filters-2 .grid-filters > .element-flex:first-child {
		flex-basis: calc(100% - 1.875rem);
		max-width: calc(100% - 1.875rem);
	}

}

.filters-2 .grid-filters > .element-flex:nth-child(2) {
	flex-basis: calc(66.6666% - 1.875rem);
	max-width: calc(66.6666% - 1.875rem);
}

@media (max-width: 767.98px) {

	.filters-2 .grid-filters > .element-flex:nth-child(2) {
		flex-basis: calc(100% - 1.875rem);
		max-width: calc(100% - 1.875rem);
	}

}

/* ======= filters-3 ======= */
.filters-3 .grid-filters > .element-flex:nth-child(2) {
	flex-basis: calc(33.3333% - 1.875rem);
	max-width: calc(33.3333% - 1.875rem);

	/* background: red; */
}

.filters-3 .grid-filters > .element-flex:nth-child(3) {
	flex-basis: calc(33.3333% - 1.875rem);
	max-width: calc(33.3333% - 1.875rem);

	/* background: blueviolet; */
}


.title-filters {
	margin: 0 0 .625rem;
	font-weight: 600;
	font-size: .875rem;
}

/* ======= slider-range ======= */
#slider-range {
	margin: 2.5rem 0 1.875rem;

	/* background: red; */
}

#amount {
	border: none;
	color: var(--text-color);
	font-weight: 600;

	/* background: red; */
}

.ui-slider {
	position: relative;
}

.ui-widget-content {
	background: var(--border-color);
}

.ui-widget-header {
	background: rgb(149 149 149);
}

.ui-slider .ui-slider-range {
	display: block;
	position: absolute;
	z-index: 1;
	border: 0;
	background-position: 0 0;
}

/* .ui-state-default {
	border: .063rem solid rgb(149 149 149);
} */

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: .5rem;
	height: .813rem;
	background: rgb(149 149 149);
	transition: background .3s .02s linear;
	cursor: default;
	touch-action: none;
}

.ui-slider .ui-slider-handle:hover {
	background: var(--green-color);
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	-webkit-filter: inherit;
			filter: inherit;
}

.ui-slider-horizontal {
	height: .125rem;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.313rem;
	margin-left: -.25rem;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

/* ======= sale-filters ======= */
.sale-filters {
	margin: 1.25rem 0;

	/* background: plum; */
}

.sale-filters .checkbox-input {
	display: inline-block;
	margin: 0 1.25rem .625rem 0;
}

@media (max-width: 991.98px) {

	.sale-filters .checkbox-input {
		display: block;
		margin: 0 0 .625rem;
	}

}

@media (max-width: 767.98px) {

	.sale-filters .checkbox-input {
		display: inline-block;
		margin: 0 1.25rem .625rem 0;
	}

}

.sale-filters .checkbox-input .label-cbx {
	padding-left: 1.750rem;
}

/* ======= multiselect ======= */
.SumoSelect > .optWrapper.multiple > .options {
	max-height: 26.875rem;
}

.SumoSelect > .optWrapper.multiple > .options li.opt {
	padding-left: 2.5rem;
	cursor: pointer;
}

.SumoSelect > .optWrapper.multiple > .options li.opt span,
.SumoSelect .select-all > span {
	position: absolute;
	display: block;
	width: 2rem;
	top: 0;
	bottom: 0;
	margin-left: -2.5rem;

	/* background: powderblue; */
}

.SumoSelect > .optWrapper.multiple > .options li.opt span i,
.SumoSelect .select-all > span i {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 1rem;
	height: 1rem;
	margin: auto;
	border: .063rem solid var(--border-color);
	background: var(--white-color);
}

.SumoSelect > .optWrapper > .MultiControls {
	display: none;
	border-top: .063rem solid var(--border-color);
	background: var(--grey-bg);
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
	display: block;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
	display: inline-block;
	cursor: pointer;
	margin: 0;
	padding: .875rem .625rem;
	width: 50%;
	transition: all .2s .02s linear;
	font-weight: 600;
	font-size: .875rem;
	text-align: center;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover,
.SumoSelect > .optWrapper.multiple > .MultiControls > p:active,
.SumoSelect > .optWrapper.multiple > .MultiControls > p:focus {
	background: var(--cyan-color);
	color: var(--white-color);
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
	border-right: .063rem solid var(--border-color);
}

/* .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
} */

.SumoSelect > .optWrapper.multiple > .options li.opt label {
	padding-left: .313rem;
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i {
	border-color: transparent;
	background: var(--cyan-color) url(../images/checked.svg) no-repeat center;
	background-size: auto .563rem;
}

/* ======= color-filter ======= */
.grid-color-filter {
	margin: 0 -.313rem;

	/* background: rebeccapurple; */
}

.grid-color-filter > .element-flex {
	flex-basis: calc(11.1% - .625rem);
	max-width: calc(11.1% - .625rem);
	margin: 0 .313rem .625rem;

	/* background: pink; */
}

@media (max-width: 991.98px) {

	.grid-color-filter > .element-flex {
		flex-basis: calc(16.6667% - .625rem);
		max-width: calc(16.6667% - .625rem);
	}

}

@media (max-width: 767.98px) {

	.grid-color-filter > .element-flex {
		flex-basis: calc(25% - .625rem);
		max-width: calc(25% - .625rem);
	}

}

/* .grid-color-filter > .element-flex:nth-child(2n) {
	background: powderblue;
} */

.color-filter {
	display: block;
	position: relative;
	width: 100%;
	margin: auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	 -ms-user-select: none;
		 user-select: none;
	cursor: pointer;
	text-align: center;

	/* background: red; */
}

.color-filter span {
	display: inline-block;
	vertical-align: middle;
	transform: translate3d(0, 0, 0);
}

.color-filter .ico-cbx-color {
	display: block;
	width: 100%;
	height: 2.5rem;
	margin: 0 0 .25rem;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
	/* background: red; */
}

.color-filter .ico-cbx-color svg {
	position: absolute;
	top: calc(50% - .5rem);
	left: calc(50% - .5rem);
	width: 1.125rem;
	height: 1.125rem;
	fill: none;
	stroke: transparent;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 1.25rem;
	stroke-dashoffset: 1.25rem;
	transition: all .3s ease;
	transition-delay: .1s;
	transform: translate3d(0, 0, 0);

	/* background: powderblue; */
}

.color-filter .ico-cbx-color::before {
	content: "";
	display: block;
	position: relative;
	top: calc(50% - .938rem);
	left: calc(50% - .938rem);
	width: 1.875rem;
	height: 1.875rem;
	opacity: 1;
	border-radius: 50%;
	background: rgb(51 51 51 / .3);
	transform: scale(0);
}

.color-filter .label-cbx-color {
	display: block;
	color: var(--text-color);
	font-size: .750rem;
	line-height: 1.3;

	/* background: seagreen; */
}

.color-filter input[type="checkbox"]:checked+.ico-cbx-color svg {
	stroke-dashoffset: 2;
	stroke: var(--grey-bg);
}

.color-filter input[type="checkbox"]:checked+.ico-cbx-color.black-ico-cbx svg {
	stroke: var(--text-color);
}

.color-filter input[type="checkbox"]:checked+.ico-cbx-color::before {
	transform: scale(3.5);
	opacity: 0;
	transition: all .28s linear;
}

/* ======= btn-form ======= */
/* .btn-form {
	background: powderblue;
} */

.btn-form [type="submit"] {
	margin: 0 1.25rem 0 0;
}


.btn-form .reset-lnk {
	display: inline-block;
	padding: .750rem 0 .125rem;
	border-bottom: .063rem solid rgb(149 149 149);
	background: none;
	color: rgb(149 149 149) !important;
	font-weight: 600;
	font-size: .875rem;
	text-transform: uppercase;
	transition: border-color .3s .02s ease,
		color .3s .02s ease;
}

.btn-form .reset-lnk:hover,
.btn-form .reset-lnk:focus,
.btn-form .reset-lnk:active {
	border-color: transparent;
	color: var(--text-color) !important;
}

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

@media (max-width: 575.98px) {

	.grid-products {
		margin: 0 -.625rem;
	}

}

.grid-products + hr {
	margin: .625rem 0 1.875rem;
}


.cell-grid-products {
	flex-basis: calc(33.3333% - 1.875rem);
	max-width: calc(33.3333% - 1.875rem);
	margin: 0 .938rem 1.875rem;
}

@media (max-width: 767.98px) {

	.cell-grid-products {
		flex-basis: calc(50% - 1.875rem);
		max-width: calc(50% - 1.875rem);
	}

}

@media (max-width: 575.98px) {

	.cell-grid-products {
		flex-basis: calc(50% - 1.25rem);
		max-width: calc(50% - 1.25rem);
		margin: 0 .625rem 1.25rem;
	}

}


.item-grid-products {
	display: flex;
	height: 100%;
	overflow: hidden;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;

	/* background: #ccc; */
}

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


.img-grid-products {
	position: relative;
	z-index: 1;
	margin: 0 0 .938rem;

	/* background: #ccc; */
}

.img-grid-products > a {
	display: block;
	position: relative;
	height: 16.875rem;
	overflow: hidden;
}

@media (max-width: 991.98px) {

	.img-grid-products > a {
		height: 12.5rem;
	}

}

.img-grid-products > a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3.750rem;
	height: 3.750rem;
	border-radius: .25rem;
	/* background: rgb(0 0 0 / .3) url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 36C2.2 36 1.5 35.7 0.9 35.1C0.3 34.5 0 33.8 0 33V3C0 2.2 0.3 1.5 0.9 0.9C1.5 0.3 2.2 0 3 0H16.95V3H3V33H33V19.05H36V33C36 33.8 35.7 34.5 35.1 35.1C34.5 35.7 33.8 36 33 36H3ZM13.1 25.05L11 22.9L30.9 3H19.95V0H36V16.05H33V5.15L13.1 25.05Z' fill='white'/%3E%3C/svg%3E") no-repeat center / auto 1.875rem; */

	background: rgb(0 0 0 / .3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' fill='rgb(255 255 255)' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-320q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Zm0-80q33 0 56.5-23.5T560-480q0-33-23.5-56.5T480-560q-33 0-56.5 23.5T400-480q0 33 23.5 56.5T480-400Zm0-80ZM200-120q-33 0-56.5-23.5T120-200v-160h80v160h160v80H200Zm400 0v-80h160v-160h80v160q0 33-23.5 56.5T760-120H600ZM120-600v-160q0-33 23.5-56.5T200-840h160v80H200v160h-80Zm640 0v-160H600v-80h160q33 0 56.5 23.5T840-760v160h-80Z'/%3E%3C/svg%3E") no-repeat center / auto 2.5rem;

	
	visibility: hidden;
	opacity: 0;
	transition: all .3s .02s linear;


	background: rgb(0 0 0 / .3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' fill='rgb(255 255 255)' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M480-320q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Zm0-80q33 0 56.5-23.5T560-480q0-33-23.5-56.5T480-560q-33 0-56.5 23.5T400-480q0 33 23.5 56.5T480-400Zm0-80ZM200-120q-33 0-56.5-23.5T120-200v-160h80v160h160v80H200Zm400 0v-80h160v-160h80v160q0 33-23.5 56.5T760-120H600ZM120-600v-160q0-33 23.5-56.5T200-840h160v80H200v160h-80Zm640 0v-160H600v-80h160q33 0 56.5 23.5T840-760v160h-80Z'/%3E%3C/svg%3E") no-repeat center / auto 2.5rem;

}

.img-grid-products > a:hover::before,
.img-grid-products > a:active::before {
	visibility: visible;
	opacity: 1;
}

.img-grid-products > a img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	object-fit: cover;
	transition: transform 1s;
	height: 100%;
}

.img-grid-products-accessory > a img {
	object-fit: contain;
}


.zoom {
	display: block;
	position: absolute;
	right: .938rem;
	bottom: .938rem;
	z-index: 2;
	border-radius: .25rem;
	background: var(--grey-bg);
}

.zoom a {
	display: block;
	position: relative;
	width: 2.5rem;
	height: 2.5rem;

	/* background: palegoldenrod; */
}

.zoom a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(8 99 171)' width='24'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-40-60v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z'/%3E%3C/svg%3E") no-repeat center / 1.875rem auto;
	transition: background .3s .02s linear;

	/* background: paleturquoise; */
}

.zoom a:hover:before,
.zoom a:active:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(0 181 103)' width='24'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-40-60v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z'/%3E%3C/svg%3E") no-repeat center / 1.875rem auto;
}


.title-grid-products {
	margin: 0 0 .938rem;
	padding: 0 1.25rem;
}

.title-grid-products span {
	display: block;
	margin: 0 0 .313rem;
	color: rgb(149 149 149);
	font-size: .875rem;
}

.title-grid-products a {
	display: inline-block;
	color: var(--blue-color);
	transition: color .3s .02s linear;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.3;
	text-transform: uppercase;
}

.title-grid-products a:hover,
.title-grid-products a:active,
.title-grid-products a:focus {
	color: var(--green-color);
}


.price-grid-products {
	margin: auto 0 1.875rem;
	padding: 0 1.25rem;
	color: var(--black--color);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.2;
	text-transform: uppercase;
}


.btn-grid-products a {
	display: block;
	padding: 1.25rem 1.25rem;
	background: var(--blue-color);
	transition: background .3s .02s linear;
	color: var(--white-color);
	font-weight: 600;
	font-size: .875rem;
	text-transform: uppercase;
	text-align: center;
}

.btn-grid-products a:hover,
.btn-grid-products a:active,
.btn-grid-products a:focus {
	background: var(--green-color);
}



.buy-grid-products {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	padding: 0 1.25rem;
	margin: 0 0 .938rem;
}

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

.buy-grid-products .number-input {
	width: calc(100% - 4.750rem);
}

.buy-grid-products .jq-number {
	padding: 0 2.5rem;
}

.buy-grid-products .jq-number__field {
	width: 100%;
}

.buy-grid-products .jq-number__field input {
	height: 2.25rem;
	padding: 0 .625rem;
}

.buy-grid-products .jq-number__spin {
	width: 2.25rem;
	height: 2.25rem;
}


.add-to-card-grid-products {
	width: 4.438rem;
	height: 2.25rem;
	margin: 0 0 0 auto;
}

.add-to-card-grid-products a {
	display: block;
	height: 100%;
	border: .063rem solid var(--blue-color);
	border-radius: .25rem;
	background: var(--blue-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(255 255 255)' width='24'%3E%3Cpath d='M280-80q-33 0-56.5-23.5T200-160q0-33 23.5-56.5T280-240q33 0 56.5 23.5T360-160q0 33-23.5 56.5T280-80Zm400 0q-33 0-56.5-23.5T600-160q0-33 23.5-56.5T680-240q33 0 56.5 23.5T760-160q0 33-23.5 56.5T680-80ZM208-800h590q23 0 35 20.5t1 41.5L692-482q-11 20-29.5 31T622-440H324l-44 80h480v80H280q-45 0-68-39.5t-2-78.5l54-98-144-304H40v-80h130l38 80Z'/%3E%3C/svg%3E") no-repeat center / auto 1.5rem;
	transition: all .3s .02s linear;
}

.add-to-card-grid-products a:hover,
.add-to-card-grid-products a:active,
.add-to-card-grid-products a:focus {
	border-color: var(--green-color);
	background: var(--white-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(8 99 171)' width='24'%3E%3Cpath d='M280-80q-33 0-56.5-23.5T200-160q0-33 23.5-56.5T280-240q33 0 56.5 23.5T360-160q0 33-23.5 56.5T280-80Zm400 0q-33 0-56.5-23.5T600-160q0-33 23.5-56.5T680-240q33 0 56.5 23.5T760-160q0 33-23.5 56.5T680-80ZM208-800h590q23 0 35 20.5t1 41.5L692-482q-11 20-29.5 31T622-440H324l-44 80h480v80H280q-45 0-68-39.5t-2-78.5l54-98-144-304H40v-80h130l38 80Z'/%3E%3C/svg%3E") no-repeat center / auto 1.5rem;
}

.add-to-card-grid-products a svg {
	display: inline-block;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: 1.375rem;
	fill: var(--white-color);
	transition: fill .3s .02s ease;
	line-height: 1;
}

.add-to-card-grid-products a:hover svg,
.add-to-card-grid-products a:active svg,
.add-to-card-grid-products a:focus svg {
	fill: var(--black--color);
}


.in-card-grid-products {
	width: 4.438rem;
	height: 2.25rem;
	margin: 0 0 0 auto;
}

.in-card-grid-products a {
	display: block;
	height: 100%;
	border: .063rem solid var(--blue-color);
	background: var(--white-color);
	transition: all .3s .02s linear;
}

.in-card-grid-products a:hover,
.in-card-grid-products a:active,
.in-card-grid-products a:focus {
	background: var(--blue-color);
}

.in-card-grid-products a svg {
	display: inline-block;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: 1.375rem;
	fill: var(--text-color);
	transition: fill .3s .02s ease;
	line-height: 1;
}

.in-card-grid-products a:hover svg,
.in-card-grid-products a:active svg,
.in-card-grid-products a:focus svg {
	fill: var(--white-color);
}

/* card
============================================================================= */
/* .card {
	background: red;
} */

/* img-card
============================================ */
.img-card {
	position: relative;
	flex-basis: 50%;
	max-width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;

	/* background: blue; */
}

@media (max-width: 991.98px) {

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

}

.img-card > a {
	position: relative;
	z-index: 1;
	width: 100%;
	max-height: 28.75rem;
	overflow: hidden;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;

	/* background: palegreen; */
}

@media (max-width: 991.98px) {

	.img-card > a {
		max-width: 38rem; 
	}

}

@media (max-width: 767.98px) {

	.img-card > a {
		max-height: 25rem;
	}

}

.img-card > a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3.750rem;
	height: 3.750rem;
	border-radius: .25rem;
	background: rgb(0 0 0 / .3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(255 255 255)' width='24'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-40-60v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z'/%3E%3C/svg%3E") no-repeat center / auto 2.5rem;
	visibility: hidden;
	opacity: 0;
	transition: all .3s .02s linear;
}

.img-card > a:hover::before,
.img-card > a:active::before {
	visibility: visible;
	opacity: 1;
}

.img-card > a > img {
	height: 100%;
	object-fit: contain;
}


.slick-slider-img-card {
	width: 100%;
	height: 100%;
	max-height: 28.75rem;

	/* background-color: blueviolet; */
}

@media (max-width: 991.98px) {

	.slick-slider-img-card {
		max-width: 38rem; 
	}

}

@media (max-width: 767.98px) {

	.slick-slider-img-card {
		max-height: 25rem;
	}

}

/* .slick-slider-img-card .slick-slide {
	background: palegoldenrod;
} */

.slick-slider-img-card a {
	position: relative;
	z-index: 1;
	height: 100%;
	overflow: hidden;
	border: .063rem solid var(--border-color);

	/* background: peru; */
}

.slick-slider-img-card a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3.750rem;
	height: 3.750rem;
	border-radius: .25rem;
	background: rgb(0 0 0 / .3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(255 255 255)' width='24'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-40-60v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z'/%3E%3C/svg%3E") no-repeat center / auto 2.5rem;
	visibility: hidden;
	opacity: 0;
	transition: all .3s .02s linear;
}

.slick-slider-img-card a:hover::before,
.slick-slider-img-card a:active::before {
	visibility: visible;
	opacity: 1;
}

.slick-slider-img-card a img {
	height: 100%;
	object-fit: contain;
}

/* arrows .img-card
============================================ */
.img-card .slick-prev,
.img-card .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);
	border-radius: .25rem;
	transition: border-color .3s .02s linear;
	background: var(--white-color);
	color: transparent;
	font-size: 0;
	line-height: 0;

	/* background: red; */
}

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

.img-card .slick-prev {
	left: .938rem;
}

.img-card .slick-prev::before {
	background: url("data:image/svg+xml,%3Csvg width='11' height='21' viewBox='0 0 11 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.63003' y1='11.6637' x2='10.63' y2='0.663664' stroke='var(--blue-color)'/%3E%3Cline x1='1.3737' y1='11.6678' x2='9.3737' y2='20.6678' stroke='var(--blue-color)'/%3E%3C/svg%3E%0A") no-repeat center / auto 1.25rem;
}

.img-card .slick-next {
	right: .938rem;
}

.img-card .slick-next::before {
	background: url("data:image/svg+xml,%3Csvg width='11' height='21' viewBox='0 0 11 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='10.37' y1='9.33634' x2='0.36997' y2='20.3363' stroke='var(--blue-color)'/%3E%3Cline x1='9.6263' y1='9.33218' x2='1.6263' y2='0.332182' stroke='var(--blue-color)'/%3E%3C/svg%3E%0A") no-repeat center / auto 1.25rem;
}

.img-card .slick-prev:hover,
.img-card .slick-next:hover,
.img-card .slick-prev:active,
.img-card .slick-next:active {
	border-color: var(--green-color);
}


.img-card .tags {
	right: auto;
	left: .938rem;
}


.img-card .buttons {
	text-align: center;
}

.all-coll-card {
	margin: 0 .625rem;
	vertical-align: top;
}

.d3-btn {
	margin: 0 .625rem;
	vertical-align: top;
	border: .063rem solid var(--turquoise-color) !important;
	background: var(--turquoise-color) !important;
}

.d3-btn:hover,
.d3-btn:focus,
.d3-btn:active {
	background: var(--white-color) !important;
	color: var(--text-color) !important;
}

/* info-card
============================================ */
.info-card {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 0 0 3.125rem;

	/* background-color: peru; */
}

@media (max-width: 991.98px) {

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

}

.info-card h1:not([class]) {
	margin-bottom: .625rem !important;
}

.info-card h2:not([class]) {
	margin-bottom: .625rem !important;
	font-size: 1.25rem;
}

.info-card h1:not([class])::after,
.info-card h2:not([class])::after {
	display: none;
}

.info-card h1:not([class]) a {
	display: inline-block;
	color: var(--blue-color);
	transition: all .3s .02s linear;

	/* background: paleturquoise; */
}

.info-card h1:not([class]) a:hover,
.info-card h1:not([class]) a:active,
.info-card h1:not([class]) a:focus {
	color: var(--black--color);
}

.info-card h1:not([class])+h2:not([class]) {
	margin-top: 0 !important;
}

.info-card h2:not([class]) span {
	display: inline-block;
	margin: 0 .313rem 0 0;
	color: rgb(149 149 149);
	font-size: 1.25rem;
}

/* ======= prices-card ======= */
.prices-card {
	margin: 1.5rem 0 1.5rem;

	/* background: rebeccapurple; */
}

.coast-card {
	display: inline-block;
	color: var(--black--color);
	font-weight: 700;
	font-size: 2rem;
}

.coast-card .rub::after {
	font-size: 2rem;
}

.old-coast-card {
	display: inline-block;
	position: relative;
	margin: 0 0 0 1.25rem;
	color: rgb(149 149 149);
	font-weight: 600;
	font-size: 1.375rem;
}

.old-coast-card .rub::after {
	font-size: 1.375rem;
}

.old-coast-card::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -.313rem;
	transform: translateY(-50%);
	width: calc(100% + .625rem);
	height: .063rem;
	background: rgb(149 149 149);
}


.note-prices-card {
	display: block;
	margin: 1.25rem 0 0;
}

.note-prices-card span {
	display: inline-block;
	margin: 0 .625rem 0 0;
	color: var(--red-color);
	font-weight: 600;
}

@media (max-width: 479.98px) {

	.note-prices-card span {
		display: block;
		margin: 0 0 .625rem;
	}

}

.note-prices-card a {
	display: inline-block;
	padding: 0 0 .125rem;
	border-bottom: .063rem solid var(--blue-color);
	color: var(--blue-color);
	font-weight: 700;
	font-size: .875rem;
	text-transform: uppercase;
	transition: all .3s .02s ease;
}

.note-prices-card a:hover,
.note-prices-card a:focus,
.note-prices-card a:active {
	border-bottom-color: transparent;
	color: var(--green-color);
}

/* ======= delivery-time-card ======= */
.delivery-time-card {
	margin: 0 0 1.5rem;
}

.delivery-time-card span {
	padding: .313rem .625rem;
	background: var(--grey-bg);
	font-weight: 600;
}

.in-stock-delivery-time-card {
	color: var(--green-color);
}

.date-delivery-time-card {
	color: rgb(255 143 0);
}

.correction-delivery-time-card {
	color: var(--red-color);
}

/* ======= buy-card ======= */
.buy-card {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 .625rem;

	/* background: palegoldenrod; */
}

@media (max-width: 479.98px) {

	.buy-card {
		margin: 0 0 1.5rem;
	}

}

.buy-card .number-input {
	margin: 0 1.25rem .938rem 0;

	/* background: palegreen; */
}

@media (max-width: 479.98px) {

	.buy-card .number-input {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 .938rem;
	}

}

/* = add-to-cart-product-card = */
.add-to-cart-product-card {
	margin: auto 0 .938rem;

	/* background: palevioletred; */
}

@media (max-width: 479.98px) {

	.add-to-cart-product-card {
		margin: 0;
	}

}

.add-to-cart-product-card a {
	position: relative;
	height: 2.875rem;
	padding: .750rem 2.5rem .625rem 2.5rem;
	font-weight: 600;
}

.add-to-cart-product-card a svg {
	display: inline-block;
	position: relative;
	top: -.125rem;
	width: auto;
	height: 1.5rem;
	margin: 0 .625rem 0 0;
	fill: var(--white-color);
	transition: fill .3s .02s ease;
	line-height: 1;
}

.add-to-cart-product-card a:hover svg,
.add-to-cart-product-card a:active svg,
.add-to-cart-product-card a:focus svg {
	fill: var(--black--color);
}

/* = in-cart-product-card = */
@media (max-width: 479.98px) {

	.in-cart-product-card {
		margin: 0;
	}

}

.in-cart-product-card a {
	margin: .375rem 0 0;
	background: var(--white-color);
	color: var(--text-color) !important;
}

.in-cart-product-card a:hover,
.in-cart-product-card a:active,
.in-cart-product-card a:focus {
	border-color: var(--blue-color);
	background: var(--blue-color);
	color: var(--white-color) !important;
}

/* ======= table-spec-card ======= */
.table-spec-card {
	width: 100%;
	margin: 0 0 1.25rem;
	background: transparent;
	font-size: .875rem;
	line-height: 1.3;

	/* background: red; */
}

.table-spec-card tr {
	border-bottom: .063rem solid rgb(220 220 220 / .7);
}

.table-spec-card th {
	width: 50%;
	padding: .5rem .750rem .5rem 0;
	vertical-align: top;
	font-weight: 600;
	text-align: left;
}

.table-spec-card td {
	padding: .5rem 0;
	vertical-align: top;
}

/* ======= links-card ======= */
.links-card {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
}

.links-card > span {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
	margin: 0 1.5rem .938rem 0;
}

.links-card > span:last-child {
	margin-right: 0;
}

.links-card a {
	display: inline-block;
	padding: 0 0 .125rem;
	border-bottom: .063rem solid var(--blue-color);
	color: var(--blue-color);
	font-weight: 600;
	font-size: 1rem;
	text-transform: uppercase;
	transition: all .3s .02s ease;
}

.links-card a:hover,
.links-card a:focus,
.links-card a:active {
	border-bottom-color: transparent;
	color: var(--green-color);
}

/* grid-colors-collection
============================================ */
.grid-colors-collection {
	position: relative;
	z-index: 1;
	padding: 3.875rem 0 1.875rem;
}

.grid-colors-collection::before {
	content: "";
	position: absolute;
	top: 2.875rem;
	left: 0;
	width: 100%;
	height: .063rem;
	background: var(--border-color);
}

.grid-colors-collection .container-flex {
	margin: 0 -.625rem;

	/* background: greenyellow; */
}

.cell-grid-colors-collection {
	flex-basis: calc(25% - 1.25rem);
	max-width: calc(25% - 1.25rem);
	margin: 0 .625rem 1.875rem;

	/* background: red; */
}

@media (max-width: 767.98px) {

	.cell-grid-colors-collection {
		flex-basis: calc(33.3333% - 1.25rem);
		max-width: calc(33.3333% - 1.25rem);
	}

}

@media (max-width: 479.98px) {

	.cell-grid-colors-collection {
		flex-basis: calc(50% - 1.25rem);
		max-width: calc(50% - 1.25rem);
	}

}

.item-grid-colors-collection {
	display: flex;
	position: relative;
	height: 100%;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;

	/* background: red; */
}

.item-grid-colors-collection > * {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
}

/* ======= img-grid-colors-collection ======= */
.img-grid-colors-collection {
	margin: 0 0 .938rem;

	/* border: 2px solid red; */
}

.img-grid-colors-collection a {
	display: block;
	position: relative;
	z-index: 1;
	height: 10rem;
	overflow: hidden;
	border-radius: .25rem;

	/* background: palegreen; */
}

@media (max-width: 767.98px) {

	.img-grid-colors-collection a {
		height: 8.5rem;
	}

}

.img-grid-colors-collection a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3.750rem;
	height: 3.750rem;
	border-radius: .25rem;
	background: rgb(0 0 0 / .3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(255 255 255)' width='24'%3E%3Cpath d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Zm-40-60v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z'/%3E%3C/svg%3E") no-repeat center / auto 2.5rem;
	visibility: hidden;
	opacity: 0;
	transition: all .3s .02s linear;
}

.img-grid-colors-collection a:hover::before,
.img-grid-colors-collection a:active::before {
	visibility: visible;
	opacity: 1;
}

.img-grid-colors-collection img {
	height: 100%;
	object-fit: cover;
}

.img-grid-colors-collection-accessory img {
	object-fit: contain;
}

/* ======= title-grid-colors-collection ======= */
.title-grid-colors-collection {
	height: 100%;
	margin: 0 0 .938rem;
}

.title-grid-colors-collection a {
	display: block;
	color: var(--text-color);
	transition: color .3s .02s linear;
	font-weight: 600;
	font-size: .875rem;
	line-height: 1.2;
	text-align: center;
}

.title-grid-colors-collection a:hover,
.title-grid-colors-collection a:active,
.title-grid-colors-collection a:focus {
	color: var(--cyan-color);
}

/* ======= data-grid-colors-collection-accessory ======= */
.data-grid-colors-collection-accessory {
	margin: 0 0 .938rem;
	color: rgb(104 104 104);
	font-size: .875rem;
	line-height: 1.3;

	/* background: palegreen; */
}

.data-grid-colors-collection-accessory > div:not(.price-poduct-grid-colors-collection-accessory) {
	position: relative;
	padding: 0 0 0 5.875rem;
}

.data-grid-colors-collection-accessory span:not(.rub) {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 600;

	/* background: paleturquoise; */
}

.price-poduct-grid-colors-collection-accessory {
	margin: .625rem 0 0;
	color: var(--black--color);
	font-weight: 600;
	font-size: 1.125rem;
	text-align: center;
}

.price-poduct-grid-colors-collection-accessory .rub::after {
	font-size: 1.125rem;
}

/* ======= btn-grid-colors-collection ======= */
.btn-grid-colors-collection {
	text-align: center;
}

.btn-grid-colors-collection a {
	display: inline-block;
	padding: .625rem 1.25rem;
	border: .063rem solid var(--blue-color);
	border-radius: .25rem;
	background: var(--blue-color);
	transition: all .3s .02s linear;
	color: var(--white-color);
	font-weight: 600;
	font-size: .750rem;
	text-transform: uppercase;
}

.btn-grid-colors-collection a:hover,
.btn-grid-colors-collection a:active,
.btn-grid-colors-collection a:focus {
	border-color: var(--green-color);
	background: var(--white-color);
	color: var(--text-color);
}

/* gallery-collection
============================================ */
.gallery-collection {
	padding-bottom: 8.125rem;

	/* background: #ccc; */
}

/* fabric-care
============================================ */
.fabric-care {
	border-top: .063rem solid var(--border-color);
}

.fabric-care .container-flex {
	margin: 0 -.938rem;
}

@media (max-width: 479.98px) {

	.fabric-care .container-flex {
		margin: 0;
	}

}

.fabric-care .element-flex {
	flex-basis: calc(33.3333% - 1.875rem);
	max-width: calc(33.3333% - 1.875rem);
	min-height: 3.125rem;
	margin: 0 .938rem 1.875rem;
	padding-left: 4.438rem;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto 2.5rem;
	line-height: 1.4;

	/* background-color: #ccc; */
}

@media (max-width: 991.98px) {

	.fabric-care .element-flex {
		flex-basis: calc(50% - 2.5rem);
		max-width: calc(50% - 2.5rem);
	}

}

@media (max-width: 479.98px) {

	.fabric-care .element-flex {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.25rem;
	}

}

.fc-1 {
	background-image: url(../images/ico-fc-1.svg);
}

.fc-2 {
	background-image: url(../images/ico-fc-2.svg);
}

.fc-3 {
	background-image: url(../images/ico-fc-3.svg);
}

.fc-4 {
	background-image: url(../images/ico-fc-4.svg);
}

.fc-5 {
	background-image: url(../images/ico-fc-5.svg);
}

.fc-6 {
	background-image: url(../images/ico-fc-6.svg);
}

.fc-7 {
	background-image: url(../images/ico-fc-7.svg);
}

.fc-8 {
	background-image: url(../images/ico-fc-8.svg);
}

.fc-9 {
	background-image: url(../images/ico-fc-9.svg);
}

.fc-10 {
	background-image: url(../images/ico-fc-10.svg);
}

.fc-11 {
	background-image: url(../images/ico-fc-11.svg);
}

.fc-12 {
	background-image: url(../images/ico-fc-12.svg);
}

.fc-13 {
	background-image: url(../images/ico-fc-13.svg);
}

.fc-14 {
	background-image: url(../images/ico-fc-14.svg);
}

.fc-15 {
	background-image: url(../images/ico-fc-15.svg);
}

.fc-16 {
	background-image: url(../images/ico-fc-16.svg);
}

.fc-17 {
	background-image: url(../images/ico-fc-17.svg);
}

.fc-18 {
	background-image: url(../images/ico-fc-18.svg);
}

.fc-19 {
	background-image: url(../images/ico-fc-19.svg);
}

.fc-20 {
	background-image: url(../images/ico-fc-20.svg);
}

.fc-21 {
	background-image: url(../images/ico-fc-21.svg);
}

.fc-22 {
	background-image: url(../images/ico-fc-22.svg);
}

.fc-23 {
	background-image: url(../images/ico-fc-23.svg);
}

.fc-24 {
	background-image: url(../images/ico-fc-24.svg);
}

.fc-25 {
	background-image: url(../images/ico-fc-25.svg);
}

.fc-26 {
	background-image: url(../images/ico-fc-26.svg);
}

/* text
============================================ */
.text {
	margin: 0 0 3.125rem;
	border-top: .063rem solid var(--border-color);
}

/* video
============================================ */
.video {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -.938rem;
}

@media (max-width: 767.98px) {

	.video {
		margin: 0;
	}

}

.video h2 {
	margin-top: 1.875rem !important;
}

.video figure {
	position: relative;
	flex-basis: calc(50% - 1.875rem);
	max-width: calc(50% - 1.875rem);
	height: 100%;
	margin: 0 .938rem 1.875rem;
	padding-bottom: 30%;
	overflow: hidden;
	border-radius: .25rem;

	/* background: red; */
}

@media (max-width: 767.98px) {

	.video figure {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.875rem;
		padding-bottom: 55%;
	}

}

.video figure iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* presentation-pdf
============================================ */
.presentation-pdf {
	margin: 2.5rem 0;
}

.presentation-pdf a {
	display: flex;
	align-items: center;
	padding: 2rem 1.25rem 2rem 6.25rem;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
	transition: border-color .3s .02s linear;
	background: url(../images/pdf.svg) no-repeat 2rem 1.5rem;
	background-size: auto 2.5rem;

	/* background-color: #44C9C6; */
}

.presentation-pdf a span {
	color: var(--text-color);
	font-weight: 600;
	font-size: 1.25rem;
}

.presentation-pdf a:hover,
.presentation-pdf a:active {
	border-color: var(--cyan-color);
}

/* 3d
============================================ */
.d3 {
	margin: 0 0 2.5rem;
}

.d3 h2 {
	margin-top: -.625rem !important;
}

/* combinatorics
============================================ */
.combinatorics {
	padding-bottom: 5rem;
}


/* cart
============================================================================= */
/* cart-empty
============================================ */
.cart-empty {
	text-align: center;
}

.cart-empty .zmdi {
	margin: 0 0 1.25rem;
	color: rgb(149 149 149);
	font-size: 12.5rem;
}

.cart-empty p:nth-child(2) {
	margin: 0 0 .625rem;
	font-weight: 600;
	font-size: 1.5rem;
}

/* table-cart
============================================ */
.table-cart {
	width: 100%;
	margin: 0 0 1.25rem;
	background: var(--white-color);
}

@media (max-width: 991.98px) {

	.table-cart {
		display: block;
	}

}

@media (max-width: 991.98px) {

	.table-cart thead {
		display: none;
	}

}

.table-cart tr {
	border-bottom: .063rem solid var(--border-color);
}

.table-cart th {
	padding: 1.25rem .938rem;
	border-bottom: .125rem solid var(--border-color);
	vertical-align: middle;
	font-weight: 600;
	white-space: nowrap;
	text-align: center;
}

.table-cart th:first-child {
	text-align: left;
}

.table-cart th .rub::after {
	font-size: .875rem;
}

@media (max-width: 991.98px) {

	.table-cart tbody tr {
		display: flex;
		padding-top: .5rem;
		padding-bottom: .5rem;
		flex-wrap: wrap;
		border-bottom: .063rem solid rgb(219 219 219);
	}

	.table-cart tbody tr:nth-child(2n) {
		background: rgb(245 245 245 / .5) !important;
	}

}

.table-cart td {
	padding: 1.25rem .938rem;
	vertical-align: middle;
	text-align: center;
}

@media (max-width: 991.98px) {

	.table-cart td {
		flex-basis: 20%;
		max-width: 20%;
		text-align: left;
	}

}

@media (max-width: 767.98px) {

	.table-cart td {
		flex-basis: 50%;
		max-width: 50%;
		padding: .625rem .5rem;
	}

}


.title-table-cart {
	display: none;
}

@media (max-width: 991.98px) {

	.title-table-cart {
		display: block;
		margin: 0 0 1.375rem;
		color: rgb(149 149 149);
		font-weight: 600;
		font-size: 1rem;

		/* background: skyblue; */
	}

}

.title-table-cart .rub::after {
	font-size: .875rem;
}

/* ======= img-product-cart ======= */
.img-product-cart {
	text-align: left !important;

	/* background: pink; */
}

@media (max-width: 991.98px) {

	.img-product-cart {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}

}

.img-product-cart a {
	display: flex;
	align-items: center;
}

.img-cart {
	flex-basis: 3.75rem;
	max-width: 3.750rem;
	height: 3.750rem;
	margin: 0 1.25rem 0 0;

	/* background: peachpuff; */
}

.img-cart img {
	width: auto;
	max-width: auto;
	height: 100%;
	object-fit: contain;	
	margin: 0 auto;
}

.product-cart {
	display: inline-block;
	width: calc(100% - 5.938rem);
	color: var(--blue-color);
	transition: color .3s .02s linear;
	line-height: 1.5;
	text-decoration: underline;

	/* background: peru; */
}

.product-cart:hover,
.product-cart:active,
.product-cart:focus {
	color: var(--green-color);
	text-decoration: none;
}

/* ======= price-cart ======= */
/* .price-cart {
	background: powderblue;
} */

/* ======= quantity-cart ======= */
.quantity-cart {
	padding-left: .625rem !important;
	padding-right: .625rem !important;

	/* background: peru; */
}

.quantity-cart .number-input {
	width: calc(100% - 4.750rem);
	min-width: 8.750rem;
	margin: 0 auto;

	/* background: pink; */
}

@media (max-width: 991.98px) {

	.quantity-cart .number-input {
		margin: 0;
	}

}

.quantity-cart .jq-number {
	padding: 0 2.5rem;
}

.quantity-cart .jq-number__field {
	width: 100%;
}

.quantity-cart .jq-number__field input {
	height: 2.25rem;
	padding: 0 .625rem;
}

.quantity-cart .jq-number__spin {
	width: 2.25rem;
	height: 2.25rem;
}

/* ======= sum-cart ======= */
/* .sum-cart {
	background: rosybrown;
} */

/* ======= delete-cart ======= */
/* .delete-cart {
	background: sandybrown;
} */

.delete-cart button {
	width: 1.25rem;
	height: 1.25rem;
	border: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(249 0 82)' width='24'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / 100% auto;
	transition: all .3s .02s linear;
}

.delete-cart button:hover,
.delete-cart button:active,
.delete-cart button:focus {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='var(--black--color)' width='24'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E") no-repeat center / 100% auto;
}

/* total-sum-without-delivey-cart
============================================ */
.total-sum-without-delivey-cart {
	margin: 0 0 2.5rem;
	text-align: right;
}

.total-sum-without-delivey-cart span {
	color: var(--black--color);
	font-weight: 600;
	font-size: 1.25rem;
}

.total-sum-without-delivey-cart p {
	margin: 0 !important;
}

.total-sum-without-delivey-cart p:last-child {
	margin: 0 !important;
	color: rgb(149 149 149);
	font-size: .875rem;
}

.total-sum-without-delivey-cart .rub {
	display: inline-block;
	margin: 0 0 0 .25rem;
}

.total-sum-without-delivey-cart .rub::after {
	font-size: 1.25rem;
}


.preparation-cart .btn-form {
	text-align: right;
}

.preparation-cart .btn-form [type="submit"] {
	margin: 0;
	padding: .938rem 2.5rem;
}

/* delivey-cart
============================================ */
.delivery-cart .tabs-radio {
	margin: 0 -.625rem 1.25rem;

	/* background: yellow; */
}

@media (max-width: 767.98px) {

	.delivery-cart .tabs-radio {
		margin: 0 0 1.25rem;
	}

}

.delivery-cart .tab-radio {
	flex-basis: calc(33.3333% - 1.25rem);
	max-width: calc(33.3333% - 1.25rem);
	margin: 0 .625rem;

	/* background: palegreen; */
}

@media (max-width: 767.98px) {

	.delivery-cart .tab-radio {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 .625rem;
	}

}

.delivery-cart .tab-radio label {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
	background: var(--white-color);
	cursor: pointer;
	color: rgb(149 149 149);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.3;
	text-align: center;
	transition: all 0.15s ease-in-out;
}

@media (max-width: 767.98px) {

	.delivery-cart .tab-radio label {
		position: relative;
		padding-left: 3.5rem;
		text-align: left;
	}

	.delivery-cart .tab-radio label br {
		display: none;
	}

}

.delivery-cart .tab-radio label span {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0 auto 1.25rem;
	

	/* background: red; */
}

@media (max-width: 767.98px) {

	.delivery-cart .tab-radio label span {
		position: absolute;
		top: 1.25rem;
		left: 1.25rem;
	}

}

.delivery-cart .tab-radio label span::before {
	content: "";
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: 50%;

	/* background: red; */
}

.delivery-cart .tab-radio input:checked + label {
	border-color: var(--blue-color);
	background: var(--white-color);
	color: var(--text-color);
}

.delivery-cart .tab-radio input:checked + label span::before {
	border-color: transparent;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(0 181 103)' width='24'%3E%3Cpath d='M480-280q83 0 141.5-58.5T680-480q0-83-58.5-141.5T480-680q-83 0-141.5 58.5T280-480q0 83 58.5 141.5T480-280Zm0 200q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E") no-repeat center / 120% auto;
}


.delivery-cart .content-tabs-radio {
	padding: 0;
	border: none;
}


.pickup-cart {
	margin: 0 0 1.25rem;
}


.pickup-cart input {
	position: absolute;
	width: .063rem;
	height: .063rem;
	margin: -.063rem;
	border: 0;
	padding: 0;
	white-space: nowrap;
	-webkit-clip-path: inset(100%);
			clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.pickup-cart label {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 1.25rem 1.25rem 1.25rem 2.25rem;
	border: .063rem solid var(--border-color);
	background: var(--white-color);
	cursor: pointer;
	transition: all 0.15s ease-in-out;

	/* background: pink; */
}

.pickup-cart label::before {
	display: block;
	position: absolute;
	top: 1.375rem;
	left: 1.25rem;
	width: 1.375rem;
	height: 1.375rem;
	margin: 0 auto 1.25rem;

	/* background: red; */
}

.pickup-cart label::before {
	content: "";
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: 50%;
}

.pickup-cart input:checked + label::before {
	border-color: var(--blue-color);
	background: var(--white-color);
	color: var(--text-color);
}

.pickup-cart input:checked + label::before {
	border-color: transparent;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(0 181 103)' width='24'%3E%3Cpath d='M480-280q83 0 141.5-58.5T680-480q0-83-58.5-141.5T480-680q-83 0-141.5 58.5T280-480q0 83 58.5 141.5T480-280Zm0 200q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E") no-repeat center / 120% auto;
}


.pickup-cart p {
	position: relative;
	margin: 0 0 .625rem;
	padding: 0 0 0 1.875rem;
	color: rgb(149 149 149);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.3;
}

.pickup-cart p:first-of-type {
	color: var(--black--color);
}

.pickup-cart .zmdi {
	display: inline-block;
	position: absolute;
	top: .188rem;
	left: 0;
	color: var(--blue-color);
	font-size: 1.125rem;
}

.pickup-cart p:last-of-type {
	margin: 0 !important;
}


.ring-road-delivery-cart .text-input {
	margin: 0 0 .625rem;
}

.ring-road-delivery-cart p {
	margin: 0 0 .625rem !important;
}

.ring-road-delivery-cart span {
	color: var(--black--color);
	font-weight: 600;
}

.region-delivery-cart .text-input,
.region-delivery-cart #cdek-map {
	margin: 0 0 .625rem;
}

.region-delivery-cart span {
	color: var(--black--color);
	font-weight: 600;
}

/* pay-cart
============================================ */
.pay-cart .tabs-radio {
	margin: 0 -.625rem 1.25rem;

	/* background: yellow; */
}

@media (max-width: 767.98px) {

	.pay-cart .tabs-radio {
		margin: 0 0 1.250rem;
	}

}

.pay-cart .tab-radio {
	flex-basis: calc(33.3333% - 1.25rem);
	max-width: calc(33.3333% - 1.25rem);
	margin: 0 .625rem;

	/* background: palegreen; */
}

@media (max-width: 767.98px) {

	.pay-cart .tab-radio {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 .625rem;
	}

}

.pay-cart .tab-radio label {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
	background: var(--white-color);
	cursor: pointer;
	color: rgb(149 149 149);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.3;
	text-align: center;
	transition: all 0.15s ease-in-out;
}

@media (max-width: 767.98px) {

	.pay-cart .tab-radio label {
		position: relative;
		padding-left: 3.5rem;
		text-align: left;
	}

}

.pay-cart .tab-radio label span {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0 auto 1.25rem;

	/* background: red; */
}

@media (max-width: 767.98px) {

	.pay-cart .tab-radio label span {
		position: absolute;
		top: 1.25rem;
		left: 1.25rem;
	}

}

.pay-cart .tab-radio label span::before {
	content: "";
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: 50%;
}

.pay-cart .tab-radio input:checked+label {
	border-color: var(--blue-color);
	background: var(--white-color);
	color: var(--text-color);
}

.pay-cart .tab-radio input:checked+label span::before {
	border-color: transparent;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(0 181 103)' width='24'%3E%3Cpath d='M480-280q83 0 141.5-58.5T680-480q0-83-58.5-141.5T480-680q-83 0-141.5 58.5T280-480q0 83 58.5 141.5T480-280Zm0 200q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E") no-repeat center / 120% auto;
}


.pay-cart .content-tabs-radio {
	padding: 0;
	border: none;
}

.pay-cart .field-form {
	margin: 0 0 1.25rem;
}

/* total-sum-with-delivey-cart
============================================ */
.total-sum-with-delivey-cart {
	margin: 0 0 2.5rem;
	padding: .938rem 1.25rem;
	border-radius: .25rem;
	background: var(--grey-bg);
}

.total-sum-with-delivey-cart p {
	display: inline-block;
	margin: 0 !important;
}

.total-sum-with-delivey-cart span {
	color: var(--black--color);
	font-weight: 600;
	font-size: 1.25rem;
}

.total-sum-with-delivey-cart .rub {
	display: inline-block;
	margin: 0 0 0 .25rem;
}

.total-sum-with-delivey-cart .rub::after {
	font-size: 1.25rem;
}


/* result
============================================================================= */
/* .order-result {
	background: blue;
} */

/* status-order-result
============================================ */
.status-order-result {
	margin: 0 auto 1.875rem 0;

	/* background: paleturquoise; */
}

.status-order-result p {
	margin: 0 0 .313rem !important;
}

.status-order-result p span {
	font-weight: 700;
}


.status-order-result + .att {
	color: var(--red-color);
	font-weight: 700;
}

/* payment-order-result
============================================ */
.payment-order-result {
	margin: 0 -.625rem;

	/* background: red; */
}

@media (max-width: 767.98px) {

	.payment-order-result {
		margin: 0;
	}

}

.payment-order-result .buttons {
	margin: 0 !important;
}

/* ======= summ-payment-order-result ======= */
.summ-payment-order-result {
	flex-basis: calc(100% - 1.25rem);
	max-width: calc(100% - 1.25rem);
	margin: 0 .625rem 1.25rem;
	background: var(--grey-bg);

	/* background: papayawhip; */
}

@media (max-width: 767.98px) {

	.summ-payment-order-result {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.25rem;
	}

}

.summ-payment-order-result .total-sum-with-delivey-cart {
	margin: 0;
	padding: 1.25rem;
	background: var(--grey-bg);
	text-align: center;
}

/* ======= card-payment-order-result ======= */
.card-payment-order-result {
	flex-basis: calc(33.3333% - 1.25rem);
	max-width: calc(33.3333% - 1.25rem);
	margin: 0 .625rem;
	padding: 1.875rem 1.25rem;
	background: var(--grey-bg);

	/* background: papayawhip; */
}

@media (max-width: 767.98px) {

	.card-payment-order-result {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.25rem;
	}

}

.title-card-payment-order-result {
	margin: 0 0 1.5rem;
	font-weight: 600;
	font-size: 1.125rem;
	text-align: center;
}

.title-card-payment-order-result img {
	margin: 1.5rem auto 1.25rem;
	max-width: 10rem;
}

.card-payment-order-result .buttons {
	margin: 0 !important;
	text-align: center;
}

.payment-button {
	display: inline-flex !important;
	align-items: center;
	width: auto !important;
	height: auto !important;
	margin: 0 0 1.25rem;
	padding: 1.125rem 2.875rem;
	border: .063rem solid var(--red-color) !important;
	border-radius: .25rem !important;
	background: var(--red-color) !important;
	cursor: pointer;
	color: var(--white-color);
	font-weight: 600 !important;
	font-size: 1rem !important;
	line-height: 1.2 !important;
	text-transform: uppercase;
	transition: all .3s .02s ease;
}

.payment-button:hover,
.payment-button:focus,
.payment-button:active {
	border-color: var(--red-color) !important;
	background: var(--white-color) !important;
	color: var(--text-color) !important;
}


.card-payment-order-result .buttons p {
	display: block;
	margin: 0;
	font-weight: 600;
	font-size: .875rem;
	line-height: 1.3;
}

/* ======= sbp-payment-order-result ======= */
.sbp-payment-order-result {
	flex-basis: calc(66.6667% - 1.25rem);
	max-width: calc(66.6667% - 1.25rem);
	margin: 0 .625rem;
	padding: 1.875rem 1.25rem;
	background: var(--grey-bg);

	/* background: papayawhip; */
}

@media (max-width: 767.98px) {

	.sbp-payment-order-result {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0;
	}

}

.qr-payment {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.img-qr-payment {
	flex-basis: 20%;
	max-width: 20%;
}

@media (max-width: 575.98px) {

	.img-qr-payment {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.25rem;
	}

	.img-qr-payment img {
		width: 12.5rem;
		margin: 0 auto;
	}

}

.text-qr-payment {
	flex-basis: 80%;
	max-width: 80%;
	padding: 0 0 0 2.5rem;
	line-height: 1.5;
}

@media (max-width: 575.98px) {

	.text-qr-payment {
		flex-basis: 100%;
		max-width: 100%;
	}

}

.text-qr-payment span {
	display: block;
	margin: 0 0 .625rem;
	font-weight: 600;
}

.text-qr-payment li {
	font-size: .875rem;
}

/* table-order-result
============================================ */
.table-order-result {
	width: 100%;
	background: var(--white-color);
}

@media (max-width: 767.98px) {

	.table-order-result {
		display: block;
	}

	.table-order-result thead {
		display: none;
	}

}

.table-order-result tr {
	border-bottom: .063rem solid var(--border-color);
}

.table-order-result th {
	padding: 1.25rem .938rem;
	border-bottom: .125rem solid var(--border-color);
	vertical-align: middle;
	font-weight: 600;
	white-space: nowrap;
	text-align: center;
}

.table-order-result tr th:first-child {
	text-align: left;
}

@media (max-width: 767.98px) {

	.table-order-result tbody tr {
		display: flex;
		flex-wrap: wrap;
	}

	.table-order-result tbody tr:nth-child(2n) {
		background: var(--grey-bg);
	}

}

.table-order-result td {
	padding: 1.25rem .938rem;
	vertical-align: middle;
	text-align: center;
}

@media (max-width: 767.98px) {
	
	.table-order-result td{
		flex-basis: 33.3333%;
		max-width: 33.3333%;
		text-align: left;
	}

}

.table-order-result td:first-child {
	text-align: left;
}

@media (max-width: 767.98px) {

	.table-order-result td:first-child {
		flex-basis: 100% !important;
		max-width: 100% !important;
		padding-bottom: 0;
	}

}

.table-order-result td span {
	display: none;
}

@media (max-width: 767.98px) {

	.table-order-result td span {
		display: block;
		margin: 0 0 .625rem;
		color: rgb(149 149 149);
		font-weight: 600;
		white-space: nowrap;
	}

}

/* info-order-result
============================================ */
.info-order-result {
	margin: 0 0 2.5rem;

	/* background: #399841; */
}

@media (max-width: 767.98px) {

	.info-order-result h3 {
		margin-bottom: .938rem;
	}

}

.delivery-info-order-result {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 2.5rem 0 0;
}

@media (max-width: 767.98px) {

	.delivery-info-order-result {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
	}

}

.recipient-info-order-result {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 0 0 2.5rem;

	/* background: #44C9C6; */
}

@media (max-width: 767.98px) {

	.recipient-info-order-result {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
	}

}

.info-order-result p {
	margin: 0 0 .313rem;
}

.info-order-result p span {
	font-weight: 700;
}

@media (max-width: 767.98px) {

	.info-order-result p span {
		display: block;
	}

}

/* articles
============================================================================= */
.required-icons-articles-fabric-care {
	margin: 0 0 2.5rem;
	border: .063rem solid var(--border-color);
	border-right: none;
}

@media (max-width: 767.98px) {

	.required-icons-articles-fabric-care {
		border: none;
	}

}

.required-icons-articles-fabric-care .element-flex {
	flex-basis: 20%;
	max-width: 20%;
	padding: 1.25rem;
	border-right: .063rem solid var(--border-color);
}

@media (max-width: 767.98px) {

	.required-icons-articles-fabric-care .element-flex {
		flex-basis: 100%;
		max-width: 100%;
		padding: .938rem 0;
		border-right: none;
		border-bottom: .063rem solid var(--border-color);
		display: flex;
		align-items: center;
	}

}

/* .required-icons-articles-fabric-care span:first-child {
} */

@media (max-width: 767.98px) {

	.required-icons-articles-fabric-care span:first-child {
		flex-basis: 4.375rem;
		max-width: 4.375rem;
	}

}

.required-icons-articles-fabric-care img {
	max-width: 2.5rem;
	margin: 0 auto 1.25rem;
}

@media (max-width: 767.98px) {

	.required-icons-articles-fabric-care img {
		margin: 0;
	}

}

.required-icons-articles-fabric-care span:last-child {
	display: block;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
}

@media (max-width: 767.98px) {

	.required-icons-articles-fabric-care span:last-child {
		text-align: left;
	}

}


.articles-fabric-care {
	margin: 2.5rem 0;
}

.block-articles-fabric-care {
	display: flex;
	margin: 0 0 1.25rem;
	padding: 0 0 1.25rem;
	border-bottom: .063rem solid var(--border-color);
}

.block-articles-fabric-care span:first-child {
	flex-basis: 5rem;
	max-width: 5rem;

	/* background: red; */
}

.block-articles-fabric-care img {
	max-width: 2.5rem;
}

.block-articles-fabric-care span:last-child {
	flex-basis: calc(100% - 5rem);
	max-width: calc(100% - 5rem);
	align-self: center;
	line-height: 1.3;
}

/* ========================================================================================
	sidebar
======================================================================================== */
.nav-sidebar {
	margin: 6rem 0 0;
}

.ul-nav-sidebar {
	overflow: hidden;
	border-radius: .25rem;
	border: .063rem solid rgb(220 220 220 / .5);
	background: rgb(245 246 250 / .5);
}

.ul-nav-sidebar li a {
	display: block;
	padding: 1.125rem .938rem;
	border-bottom: .063rem solid rgb(220 220 220 / .5);
	color: var(--text-color);
	font-weight: 400;
	text-decoration: none;
	transition: all 0.15s ease-in-out;
}

.ul-nav-sidebar li:last-child a {
	border-bottom: none
}

.ul-nav-sidebar li a:hover,
.ul-nav-sidebar li a:active,
.ul-nav-sidebar li a:focus {
	background: var(--blue-color);
	color: var(--white-color);
}


/* ========================================================================================
	footer
======================================================================================== */
.footer {
	flex: 0 0 auto;
	/* background: var(--blue-color); */
	background: linear-gradient(to right bottom, var(--blue-color) 35%, rgb(0 181 103 / .5));

	/* position: relative;
	z-index: 1; */
}

/* .footer::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/ny-f.png) no-repeat center / cover;
} */

/* footer-top
============================================================================= */
.footer-top {
	position: relative;
	z-index: 1;
	border-bottom: .063rem solid rgb(220 220 220 / .2);
	/* background: linear-gradient(to right bottom rgb(8 99 171) 25% rgb(0 181 103 / .5)); */
	/* background: linear-gradient(to right, rgb(0 181 103), #47e727); */
	background: #072b3d;
}

.footer-top::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(220 220 220 / .2)' 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 right 25% center / auto 200%;
}

@media (max-width: 767.98px) {

	.footer-top::before {
		background-position: right 10% center;
		background-size: auto 120%;
	}

}

.footer-top .container-center {
	padding: 2.25rem 1rem;

	/* background: #5e35b1; */
}

.chanel-tg-f {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

	/* background: pink; */
}

.title-chanel-tg-f {
	margin: 0 5rem 0 0;
	color: var(--white-color);
	font-size: clamp(1.25rem, 1.21rem + 0.2vw, 1.375rem);
	font-weight: 600;
	line-height: 1.4;

	/* background: palegreen; */
}

@media (max-width: 767.98px) {

	.title-chanel-tg-f {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.875rem;
		text-align: center;
	}

}

.title-chanel-tg-f span {
	display: block;
	font-weight: 400;
	font-size: 1rem;
}

@media (max-width: 767.98px) {

	.title-chanel-tg-f span {
		margin: .625rem 0 0;
	}

}

.chanel-tg-f a {
	padding: 1.125rem 1.875rem 1.125rem 3.5rem;
	border-radius: .25rem;
	background: rgb(39 167 231) 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 left 1.5rem center /auto 1rem;
	color: var(--white-color);
	font-weight: 600;
	font-size: 1.125rem;
	transition: all .3s .02s linear;
}

.chanel-tg-f a:hover,
.chanel-tg-f a:focus-visible {
	background-color: var(--green-color);
}

/* main-footer
============================================================================= */
/* .main-footer {
	background: paleturquoise;
} */

.main-footer .container-center {
	padding: 3.125rem 1rem 3.75rem;

	/* background: #5e35b1; */
}

@media (max-width: 991.98px) {

	.main-footer .container-center {
		padding: 3.125rem 1rem 1.25rem;
	}

}


.accordion-mobile-f {
	position: relative;
	margin: 0 0 1.25rem;
	padding: 0 0 0 .938rem;
	color: var(--white-color);
	font-weight: 600;
	font-size: 1.125rem;
}

@media (max-width: 991.98px) {

	.accordion-mobile-f {
		position: relative;
		padding: 0;
		cursor: pointer;
	}

}

.accordion-mobile-f::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: .063rem;
	height: 100%;
	background: var(--white-color);
}

@media (max-width: 991.98px) {

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

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

}


.main-footer .element-flex {
	flex-basis: 25%;
	max-width: 25%;
	margin: 1.5rem 0 0;
}

@media (max-width: 991.98px) {

	.main-footer .element-flex {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0;
	}

}

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

@media (max-width: 991.98px) {

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

}

.main-footer ul li {
	margin-bottom: .5rem;
}

.main-footer ul li a {
	display: inline-block;
	color: var(--border-color);
	font-size: 1rem;
	line-height: 1.2;
	text-decoration: none;
	transition: color .3s .02s ease;
}

.main-footer ul li a:hover,
.main-footer ul li a:focus,
.main-footer ul li a:active {
	color: rgb(0 230 118);
}

.links-f ul li a br {
	display: none;
}

/* logo-f
============================================ */
.logo-f {
	margin: 0 !important;
	padding-top: 1.5rem;
	
	/* background: #33CCFF; */
}

@media (max-width: 991.98px) {

	.logo-f {
		display: none;
	}

}

.logo-f a {
	display: inline-block;
	max-width: 9.375rem;
}

/* links-f-1
============================================ */
.links-f-1 {
	padding: 0 0 0 1.25rem;

	/* background: #FF6600; */
}

@media (max-width: 991.98px) {

	.links-f-1 {
		padding: 0;
	}

}

/* links-f-2
============================================ */
.links-f-2 {
	padding: 0 0 0 1.25rem;

	/* background: palegreen; */
}

@media (max-width: 991.98px) {

	.links-f-2 {
		margin: 0 0 1.5rem !important;
		padding: 0;
	}

}

.links-f-2 br {
	display: none;
}

/* contacts-f
============================================ */
.contacts-f {
	margin: .938rem 0 0;
	padding: 0 0 0 2.5rem;

	/* background: #00bfa5; */
}

@media (max-width: 991.98px) {

	.contacts-f {
		margin: 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}

}

.contacts-f > div {
	margin: 0 0 1.25rem;
}

@media (max-width: 991.98px) {

	.contacts-f > div {
		flex-basis: 33.3333%;
		max-width: 33.3333%;
		margin: 0 0 1.625rem;
	}

}

@media (max-width: 575.98px) {

	.contacts-f > div {
		flex-basis: 50%;
		max-width: 50%;
		padding: 0 .938rem 0 0;
	}

}

@media (max-width: 479.98px) {

	.contacts-f > div {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
	}

}

.contacts-f a {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0 0 0 2.25rem;
	color: var(--border-color);
	font-size: 1rem;
	font-weight: 600;
	transition: color .3s .02s linear;
}

.contacts-f a::before {
	content: "";
	display: block;
	position: absolute;
	top: -.188rem;
	left: 0;
	z-index: -1;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: .25rem;
	
	/* background-color: red; */
}

.contacts-f a:hover,
.contacts-f a:active,
.contacts-f a:focus {
	color: rgb(0 230 118);
}

/* ======= phone-f ======= */
/* .phone-f {
} */

.phone-f a {
	padding: 0;
	color: var(--white-color);
	font-weight: 600;
	font-size: 1.125rem;
}

.phone-f a::before {
	display: none;
}

/* ======= modal-f ======= */
.modal-f a::before {
	background: var(--white-color) url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.21778 6.92445C4.49778 9.44 6.56 11.4933 9.07556 12.7822L11.0311 10.8267C11.2711 10.5867 11.6267 10.5067 11.9378 10.6133C12.9333 10.9422 14.0089 11.12 15.1111 11.12C15.6 11.12 16 11.52 16 12.0089V15.1111C16 15.6 15.6 16 15.1111 16C6.76445 16 0 9.23556 0 0.888889C0 0.4 0.4 0 0.888889 0H4C4.48889 0 4.88889 0.4 4.88889 0.888889C4.88889 2 5.06667 3.06667 5.39556 4.06222C5.49333 4.37333 5.42222 4.72 5.17333 4.96889L3.21778 6.92445Z' fill='rgb(8 99 171)'/%3E%3C/svg%3E%0A") no-repeat center / .75rem auto;
}

/* ======= email-f ======= */
.email-f a::before {
	background: var(--white-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' fill='rgb(8 99 171)' viewBox='0 -960 960 960' width='24'%3E%3Cpath d='M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280 320-200v-80L480-520 160-720v80l320 200Z'/%3E%3C/svg%3E") no-repeat center / .875rem auto;
}

/* ======= telegram-f ======= */
.telegram-f a::before {
	background: var(--white-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(0 136 204)' 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 / .875rem auto;
}

/* ======= whatsapp-f ======= */
.whatsapp-f a::before {
	background: var(--white-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(18, 140, 126, 1)' 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 / .875rem auto;
}

/* ======= vk-f ======= */
.vk-f a::before {
	background: var(--white-color) url("data:image/svg+xml,%3Csvg viewBox='0 0 38.462463 24' fill='rgb(0 119 255)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.949 24C7.808 24 .312 14.991 0 0h6.583c.216 11.003 5.069 15.664 8.912 16.625V0h6.199v9.49C25.49 9.08 29.477 4.756 30.822 0h6.199c-1.033 5.862-5.358 10.186-8.433 11.964 3.075 1.441 8 5.213 9.874 12.036H31.64c-1.465-4.565-5.116-8.096-9.945-8.577V24Z' fill='rgb(0 119 255)' style='stroke-width:1.2012'/%3E%3C/svg%3E") no-repeat center / .875rem auto;

	/* background-color: #ccc; */
}

/* pay-footer
============================================================================= */
/* .pay-footer {
	background: palegoldenrod;
} */

.pay-footer .container-center {
	padding: 0 1rem 1.875rem;

	/* background: #CCFFFF; */
}

/* .pay-footer .container-flex {
	background: palegreen;
} */

.pay-footer .element-flex {
	flex-basis: 33.3333%;
	max-width: 33.3333%;
	padding: 0 2.5rem 0 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;

	/* background: blue; */
}

@media (max-width: 767.98px) {

	.pay-footer .element-flex {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.875rem;
		padding: 0;
		/* flex-direction: row; */
	}

}


.pay-footer .element-flex div:first-child {
	margin: 0 0 1.25rem;
	color: var(--white-color);
	font-weight: 600;
	line-height: 1.3;

	/* background: red; */
}

/* @media (max-width: 767.98px) {

	.pay-footer .element-flex div:first-child {
		flex-basis: 66.6666%;
		max-width: 66.6666%;
		margin: 0;
		padding: 0 2.5rem 0 0;
	}

	.pay-footer .element-flex > *:last-child {
		flex-basis: 33.3333%;
		max-width: 33.3333%;
	}

} */

.logos-bank-f {
	padding: .375rem .625rem;
	border-radius: .25rem;
	background: var(--white-color);
}

@media (max-width: 767.98px) {

	.logos-bank-f {
		margin: 0;
	}

}

.pay-footer img {
	width: auto;
	max-width: none;
}


/* .leave-review-f {
} */

.leave-review-f iframe {
	margin-bottom: 1.25rem;
}

.leave-review-f a {
	display: block;
	padding: .313rem 0 .313rem 2.25rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgb(0 181 103)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z'/%3E%3C/svg%3E") no-repeat 0 .188rem;
	background-size: auto 1.5rem;
	color: var(--grey-bg);
	transition: color .3s .02s linear;
	font-weight: 600;
	font-size: 1.125rem;
	text-transform: uppercase;
	text-decoration: none;
}

.leave-review-f a:hover,
.leave-review-f a:active,
.leave-review-f a:focus {
	color: var(--green-color);
}


/* .bank-f {
} */

.bank-f img {
	max-height: 1.750rem;
}


.cards-f {
	padding: 0;

	/* background: red; */
}

.cards-f img {
	max-width: 100%;
	max-height: 1.625rem;
}

/* footer-bottom
============================================================================= */
.footer-bottom {
	border-top: .063rem solid rgb(220 220 220 / .2);
}

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

	/* background: #CCFFFF; */
}

.copyright {
	flex-basis: 40%;
	max-width: 40%;
	color: var(--grey-bg);

	/* background: #ccc; */
}

@media (max-width: 991.98px) {

	.copyright {
		flex-basis: 100%;
		max-width: 100%;
		order: 2;
	}

}

.made-f {
	display: block;
	margin: .375rem 0 0;
	font-size: .875rem;
}

.made-f a {
	display: inline-block;
	color: var(--blue-color);
	font-weight: 700;
	text-decoration: underline;
}

.made-f a:hover,
.made-f a:active,
.made-f a:focus {
	text-decoration: none;
}


.fz-152 {
	flex-basis: 60%;
	max-width: 60%;
	color: var(--grey-bg);
	line-height: 1.2;
	text-align: right;

	/* background: red; */
}

@media (max-width: 991.98px) {

	.fz-152 {
		flex-basis: 100%;
		max-width: 100%;
		order: 1;
		margin: 0 0 1.25rem;
		text-align: left;
	}

}

.fz-152 a {
	display: inline-block;
	color: var(--blue-color);
	font-weight: 600;
	text-decoration: underline;
}

.fz-152 a:hover,
.fz-152 a:active,
.fz-152 a:focus {
	text-decoration: none;
}


/* ========================================================================================
	index
======================================================================================== */
.block-index h2:not([class]) {
	margin-top: 0;
	font-size: 2rem;
	text-align: center;

	/* background: #ccc; */
}

.block-index h2:not([class])::after {
	margin: .938rem auto 0;
}

/* slider-index
============================================================================= */
.slider-index {
	padding: 2.5rem 0 2.875rem;
	background: var(--grey-bg);
}

@media (max-width: 991.98px) {

	.slider-index {
		margin: 56px 0 0;
	}

}

/* .slider-index .container-center {
	background: #399841;
} */

.slider-index .container-flex {
	margin: 0 -.625rem;

	/* background: red; */
}

@media (max-width: 479.98px) {

	.slider-index .container-flex {
		margin: 0;
	}

}

.left-slider-index {
	flex-basis: calc(70% - 1.25rem);
	max-width: calc(70% - 1.25rem);
	margin: 0 .625rem;

	/* background: palegreen; */
}

@media (max-width: 767.98px) {

	.left-slider-index {
		flex-basis: calc(100% - 1.25rem);
		max-width: calc(100% - 1.25rem);
		margin: 0 .625rem 1.25rem;
	}

}

@media (max-width: 479.98px) {

	.left-slider-index {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.25rem;
	}

}

/* slick-slider-index
============================================ */
.slick-slider-index {
	width: 100%;
	height: 100%;

	/* background: peru; */
}

.slick-slider-index .slick-slide {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	border-radius: .5rem;
	overflow: hidden;

	/* background: red; */
}

.slick-slider-index .slick-slide::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right bottom, rgb(0 0 0 / .3), rgb(0 0 0 / .1));
}

.slick-slider-index .slick-slide::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/angle-top-left.svg) no-repeat left 1.25rem top 1.25rem,
				url(../images/angle-bottom-right.svg) no-repeat right 1.25rem bottom 1.25rem;
	background-size: auto 6.25rem;
}

.slick-slider-index .slick-slide img {
	position: relative;
	z-index: -2;
	height: 100%;
	/* object-fit: cover !important; */
}

.text-slides-ssi-1 {
	display: inline-block;
	position: absolute;
	top: 2.5rem;
	left: 2.5rem;
	color: var(--white-color);
}

.text-slides-ssi-1 span:first-child {
	display: block;
	margin: 0 0 .5rem;
	font-weight: 700;
	font-size: 2.25rem;
	text-transform: uppercase;
}


.btn-ssi {
	display: block;
	position: absolute;
	bottom: 1.25rem;
	left: 1.25rem;
}

.btn-ssi a {
	display: inline-block;
	padding: .750rem 2.25rem;
	border: .125rem solid var(--white-color);
	border-radius: .25rem;
	background: rgb(51 51 51 / .3);
	color: var(--white-color);
	font-weight: 600;
	font-size: .875rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: all .3s .02s linear;
}

.btn-ssi a:hover,
.btn-ssi a:active,
.btn-ssi a:focus {
	border-color: var(--green-color);
	background: var(--white-color);
	color: var(--black--color);
}

/* dots slick-slider-index
============================================ */
.slick-slider-index .slick-dots {
	display: block;
	position: absolute;
	top: 50%;
	left: 1.25rem;
	transform: translateY(-50%);
}

.slick-slider-index .slick-dots li {
	display: block;
	position: relative;
	width: .875rem;
	height: .875rem;
	margin: 0 0 7px;
}

.slick-slider-index .slick-dots li button {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	outline: none;
	background: var(--white-color);
	transition: background .3s .02s ease;
	cursor: pointer;
	color: transparent;
	font-size: 0;
	line-height: 0;
}

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

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

/* right-slider-index
============================================ */
.right-slider-index {
	flex-basis: calc(30% - 1.25rem);
	max-width: calc(30% - 1.25rem);
	display: flex;
	flex-wrap: wrap;
	margin: 0 .625rem;

	/* background: blueviolet; */
}

@media (max-width: 767.98px) {

	.right-slider-index {
		flex-basis: calc(100% - 1.25rem);
		max-width: calc(100% - 1.25rem);
		margin: 0 auto;
	}

}

@media (max-width: 479.98px) {

	.right-slider-index {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0;
	}

}

.right-slider-index > div {
	flex-basis: 100%;
	max-width: 100%;
}

@media (max-width: 767.98px) {

	.right-slider-index > div {
		flex-basis: calc(50% - .625rem);
		max-width: calc(50% - .625rem);
		height: 100%;
	}

}

@media (max-width: 479.98px) {

	.right-slider-index > div {
		flex-basis: 100%;
		max-width: 100%;
		height: 12.5rem;
		margin: 0 0 1.25rem;
	}

}

.btn-right-slider-index {
	display: block;
	position: absolute;
	bottom: .938rem;
	left: .938rem;
}

.btn-right-slider-index a {
	display: inline-block;
	padding: .625rem 1.5rem;
	border: .125rem solid var(--white-color);
	border-radius: .25rem;
	background: rgb(51 51 51 / .3);
	color: var(--white-color);
	font-weight: 600;
	font-size: .750rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: all .3s .02s linear;
}

.btn-right-slider-index a:hover,
.btn-right-slider-index a:active,
.btn-right-slider-index a:focus {
	border-color: var(--green-color);
	background: var(--white-color);
	color: var(--black--color);
}

/* ======= top-right-slider-index ======= */
.top-right-slider-index {
	position: relative;
	z-index: 1;
	margin: 0 0 1.25rem;
	border-radius: .5rem;
	overflow: hidden;

	/* background: powderblue; */
}

.top-right-slider-index::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right bottom, rgb(0 0 0 / .3), rgb(0 0 0 / .1));
}

.top-right-slider-index::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/angle-top-left.svg) no-repeat left .938rem top .938rem,
		url(../images/angle-bottom-right.svg) no-repeat right .938rem bottom .938rem;
	background-size: auto 3.25rem;
}

.top-right-slider-index img {
	position: relative;
	z-index: -2;
	height: 100%;
	object-fit: cover;
}


.text-top-right-slider-index {
	display: inline-block;
	position: absolute;
	top: 1.625rem;
	left: 1.875rem;
	color: var(--white-color);
}

.text-top-right-slider-index span:first-child {
	display: block;
	color: var(--red-color);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.2;
}

.text-top-right-slider-index span:last-child {
	display: block;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.2;
}

/* ======= bottom-right-slider-index ======= */
.bottom-right-slider-index {
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: .5rem;

	/* background: powderblue; */
}

@media (max-width: 767.98px) {

	.bottom-right-slider-index {
		margin: 0 0 0 auto;
	}

}

.bottom-right-slider-index::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	/* background: linear-gradient(to right bottom, var(--blue-color) 25%, rgb(0 181 103 / .5)); */
	background: linear-gradient(to right bottom, rgb(0 0 0 / .3), rgb(0 0 0 / .1));
}

.bottom-right-slider-index::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/angle-top-left.svg) no-repeat left .938rem top .938rem,
		url(../images/angle-bottom-right.svg) no-repeat right .938rem bottom .938rem;
	background-size: auto 3.25rem;
}


.bottom-right-slider-index img {
	position: relative;
	z-index: -2;
	height: 100%;
	object-fit: cover;
}

.text-bottom-right-slider-index {
	position: absolute;
	top: 1.625rem;
	right: .938rem;
	left: 1.875rem;
	color: var(--white-color);

	/* background: antiquewhite; */
}

.text-bottom-right-slider-index span:first-child {
	display: block;
	width: 100%;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.2;
}

.text-bottom-right-slider-index span:last-child {
	display: block;
	width: 100%;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.2;
}

/* catalog-index
============================================================================= */
.catalog-index {
	padding: 3.75rem 0 2.5rem;
}

.content-catalog-index {
	display: grid; 
	grid-template-rows: 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1.25rem;

	/* background: #44C9C6; */
}

@media (max-width: 767.98px) {

	.content-catalog-index {
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr;
	}

}

.ci-1 {
	grid-row-start: 1;
	grid-column-start: 1;
	grid-row-end: 2;
	grid-column-end: 2;
}

@media (max-width: 767.98px) {

	.ci-1 {
		grid-row-start: 1;
		grid-column-start: 1;
		grid-row-end: 2;
		grid-column-end: 2;
	}

}

.ci-2 {
	grid-row-start: 1;
	grid-column-start: 2;
	grid-row-end: 3;
	grid-column-end: 3;
}

@media (max-width: 767.98px) {

	.ci-2 {
		grid-row-start: 2;
		grid-column-start: 1;
		grid-row-end: 3;
		grid-column-end: 3;
	}

}

.ci-3 {
	grid-row-start: 1;
	grid-column-start: 3;
	grid-row-end: 2;
	grid-column-end: 4;
}

@media (max-width: 767.98px) {

	.ci-3 {
		grid-row-start: 1;
		grid-column-start: 2;
		grid-row-end: 2;
		grid-column-end: 2;
	}

}

.ci-4 {
	grid-row-start: 2;
	grid-column-start: 1;
	grid-row-end: 3;
	grid-column-end: 2;
}

@media (max-width: 767.98px) {

	.ci-4 {
		grid-row-start: 3;
		grid-column-start: 1;
		grid-row-end: 4;
		grid-column-end: 2;
	}

}

.ci-5 {
	grid-row-start: 3;
	grid-column-start: 1;
	grid-row-end: 4;
	grid-column-end: 2;
}

@media (max-width: 767.98px) {

	.ci-5 {
		grid-row-start: 3;
		grid-column-start: 2;
		grid-row-end: 4;
		grid-column-end: 2;
	}

}

.ci-6 {
	grid-row-start: 4;
	grid-column-start: 1;
	grid-row-end: 5;
	grid-column-end: 2;
}

@media (max-width: 767.98px) {

	.ci-6 {
		grid-row-start: 4;
		grid-column-start: 1;
		grid-row-end: 5;
		grid-column-end: 2;
	}

}

.ci-7 {
	grid-row-start: 3;
	grid-column-start: 2;
	grid-row-end: 4;
	grid-column-end: 3;
}

@media (max-width: 767.98px) {

	.ci-7 {
		grid-row-start: 4;
		grid-column-start: 2;
		grid-row-end: 5;
		grid-column-end: 2;
	}

}

.ci-8 {
	grid-row-start: 4;
	grid-column-start: 2;
	grid-row-end: 5;
	grid-column-end: 3;
}

@media (max-width: 767.98px) {

	.ci-8 {
		grid-row-start: 5;
		grid-column-start: 1;
		grid-row-end: 6;
		grid-column-end: 2;
	}

}

.ci-9 {
	grid-row-start: 4;
	grid-column-start: 3;
	grid-row-end: 5;
	grid-column-end: 4;
}

@media (max-width: 767.98px) {

	.ci-9 {
		grid-row-start: 5;
		grid-column-start: 2;
		grid-row-end: 6;
		grid-column-end: 2;
	}

}

.ci-10 {
	grid-row-start: 3;
	grid-column-start: 3;
	grid-row-end: 4;
	grid-column-end: 4;
}

@media (max-width: 767.98px) {

	.ci-10 {
		grid-row-start: 6;
		grid-column-start: 1;
		grid-row-end: 7;
		grid-column-end: 2;
	}

}

.ci-11 {
	grid-row-start: 2;
	grid-column-start: 3;
	grid-row-end: 3;
	grid-column-end: 4;
}

@media (max-width: 767.98px) {

	.ci-11 {
		grid-row-start: 6;
		grid-column-start: 2;
		grid-row-end: 7;
		grid-column-end: 2;
	}

}


.content-catalog-index a {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	max-height: 100%;
	padding: 4.375rem 0;
	overflow: hidden;
	border-radius: .25rem;
	justify-content: center;
	align-items: center;
}

.content-catalog-index a::before {
	content: "";
	display: block;
	position: absolute;
	top: .938rem;
	right: .938rem;
	bottom: .938rem;
	left: .938rem;
	z-index: -1;
	border-radius: .25rem;
	background: rgba(51, 51, 51, .5);
	transition: all .3s .02s linear;
}

.content-catalog-index a img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	height: 100%;
		-o-object-fit: cover;
	object-fit: cover;
	transition: transform 1s;
}

.title-ci {
	display: block;
	width: 100%;
	margin: 2.188rem auto 1.25rem;
	padding: 0;
	color: rgba(255, 255, 255, 1);
	transition: all .3s .02s linear;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.3;
	text-transform: uppercase;
	text-align: center;
}

@media (max-width: 991.98px) {

	.title-ci {
		font-size: 1rem;
	}

}

.ci-1 .title-ci,
.ci-3 .title-ci {
	margin: .938rem auto 0;
	padding: 1.25rem 0;
	background: rgb(255 255 255 / .8);
	color: var(--blue-color);
}


.content-catalog-index a:hover::before,
.content-catalog-index a:active::before,
.content-catalog-index a:focus::before {
	background: transparent;
}

.content-catalog-index a:hover .title-ci,
.content-catalog-index a:active .title-ci,
.content-catalog-index a:focus .title-ci {
	margin: .938rem auto 0;
	padding: 1.25rem 0;
	background: rgba(255, 255, 255, .8);
	color: rgba(0, 181, 103, 1);
}

.content-catalog-index a:hover img,
.content-catalog-index a:active img,
.content-catalog-index a:focus img {
	transform: scale(1.1);
}

/* products-carusel-index
============================================================================= */
/* .products-carusel-index {
	background: #333;
} */

.products-carusel-index .container-center {
	padding: 2.5rem 1rem 5rem;

	/* background: palegreen; */
}

.products-carusel-index .title-grid-products span {
	font-size: .875rem;
}

.products-carusel-index .title-grid-products a {
	font-size: 1rem;
}

/* about-index
============================================================================= */
.about-index {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: var(--grey-bg);
}

.about-index::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: calc(50% + 8.5rem);
	z-index: -1;
	width: calc(50% + 8.5rem);
	height: 100%;
	background: url(../images/about-index-bg-2.jpg) no-repeat center;
	background-size: cover;
}

@media (max-width: 991.98px) {

	.about-index::after {
		display: none;
	}

}

.about-index h2:not([class]) {
	text-align: left;
}

.about-index h2:not([class])::after {
	margin: .938rem 0 0;
}

/* left-about-index
============================================ */
.left-about-index {
	width: calc(50% + 6.25rem);
	padding: 5rem 0 3.75rem;

	/* background: #ccc; */
}

@media (max-width: 991.98px) {

	.left-about-index {
		width: 100%;
		padding: 3.75rem 0 2.5rem;

		/* background: #ccc; */
	}

}

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

/* person-index
============================================================================= */
.person-index .container-center {
	padding: 5rem 1rem;

	/* background: palegreen; */
}

.person-index h2:not([class]) {
	position: relative;
	z-index: 1;
	text-align: left;
}

.person-index h2:not([class]) span:first-child {
	display: inline-block;
	padding-right: 2.5rem;
	background: var(--white-color);
}

@media (max-width: 991.98px) {

	.person-index h2:not([class]) span:first-child {
		display: block;
		padding-right: 0;
	}

}

.person-index h2:not([class]) span:last-child {
	display: block;
	margin: .313rem 0 0;
	color: rgb(149 149 149);
	font-weight: 400;
	font-size: 1.125rem;
	text-transform: lowercase;
}

.person-index h2:not([class])::after {
	content: "";
	display: block;
	position: absolute;
	top: .313rem;
	left: 0;
	z-index: -1;
	width: 100%;
	height: .063rem;
	background: var(--border-color);
}

@media (max-width: 991.98px) {

	.person-index h2:not([class])::after {
		display: none;
	}

}

/* left-person-index
============================================ */
.left-person-index{
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 1.875rem 0 0;

	/* background: #ccc; */
}

@media (max-width: 991.98px) {

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

}

.left-person-index .buttons {
	margin: 2.5rem 0 0;
}

/* right-double-center
============================================ */
.right-person-index {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 0 0 1.25rem;
	display: flex;
	flex-wrap: wrap;
	/* background: #777; */
}

@media (max-width: 991.98px) {

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

}

/* ======= time-person-index ======= */
.time-person-index {
	flex-basis: 50%;
	max-width: 50%;

	/* background: turquoise; */
}

@media (max-width: 575.98px) {

	.time-person-index {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.25rem;
	}

}

.time-1-person-index {
	display: none;

	margin: 0 0 2.5rem;

	/* background: red; */
}

/* .time-2-person-index {
	background: blue;
} */


.title-time-person-index {
	display: block;
	margin: 0 0 .938rem;
	padding: .625rem 0 .625rem 4rem;
	color: var(--black--color);
	font-weight: 600;
	font-size: 1.125rem;
	text-transform: uppercase;
}

.time-1-person-index .title-time-person-index {
	background: url(../images/time-1-person-index.svg) no-repeat 0 center;
	background-size: auto 2.25rem;
}

.time-2-person-index .title-time-person-index {
	background: url(../images/time-2-person-index.svg) no-repeat .313rem center;
	background-size: auto 2.25rem;
}

.loc-time-person-index {
	display: block;
	margin: 0 0 1.25rem;
	padding: 0 .625rem 0 0;
	color: rgb(149 149 149);
	font-size: .875rem;
	line-height: 1.5;
}

.text-time-person-index {
	display: block;
	margin: 0 0 1.25rem;
	padding: 0 .625rem 0 0;
	color: rgb(149 149 149);
	font-size: .875rem;
	line-height: 1.5;
}

.text-time-person-index a {
	display: inline-block;
	margin: 0 0 .313rem;
	color: var(--blue-color);
	font-weight: 600;
	transition: color .3s .02s linear;
}

.text-time-person-index a:hover,
.text-time-person-index a:active {
	color: var(--green-color);
}

/* ======= ban-person-index ======= */
.ban-person-index {
	position: relative;
	z-index: 1;
	flex-basis: 50%;
	max-width: 50%;
	overflow: hidden;
	border-radius: .25rem;

	/* background: red; */
}

@media (max-width: 575.98px) {

	.ban-person-index {
		flex-basis: 100%;
		max-width: 100%;
		height: 15rem;
	}

}

.ban-person-index::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right bottom, var(--blue-color) 25%, rgb(0 181 103 / .5));
}

.ban-person-index::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/angle-top-left.svg) no-repeat left .938rem top .938rem,
		url(../images/angle-bottom-right.svg) no-repeat right .938rem bottom .938rem;
	background-size: auto 3.25rem;
}

.text-top-ban-person-index {
	display: block;
	position: absolute;
	top: 1.875rem;
	right: 1.875rem;
	left: 1.875rem;
	color: var(--white-color);
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5;
}

.text-bottom-ban-person-index {
	display: inline-block;
	position: absolute;
	right: 1.875rem;
	bottom: 1.875rem;
	left: 1.875rem;
	width: auto;
	color: var(--white-color);
	text-align: right;

	/* background: palegoldenrod; */
}

.text-bottom-ban-person-index::before {
	content: "";
	display: inline-block;
	position: relative;
	top: .063rem;
	width: .938rem;
	height: 1.125rem;
	background: url(../images/phone-wight.svg) no-repeat 0 0;
	background-size: auto 100%;
}

.text-bottom-ban-person-index a {
	display: inline-block;
	margin: 0 0 .25rem;
	color: var(--white-color);
	font-weight: 600;
	font-size: 1.25rem;
	line-height: 1.2;
	transition: all .3s .02s linear;
}

.text-bottom-ban-person-index a:hover,
.text-bottom-ban-person-index a:active {
	color: var(--border-color);
}

.text-bottom-ban-person-index span {
	display: block;
	font-weight: 400;
	font-size: .875rem;
}

/* designs-index
============================================================================= */
.designs-index {
	position: relative;
	z-index: 1;
	background: url(../images/designs-index.jpg) no-repeat center;
	background-size: cover;

	/* background: palegoldenrod; */
}

.designs-index::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / .3);
}

.designs-index .container-center {
	padding: 6.25rem 1rem;

	/* background: peru; */
}

.designs-index h2:not([class]) {
	margin-bottom: 4.438rem;
	color: var(--white-color);
}

.designs-index .container-flex {
	margin: 0 -.938rem;
}

@media (max-width: 767.98px) {

	.designs-index .container-flex {
		margin: 0;
		padding: 0 1.5rem;
	}

}

.designs-index .element-flex {
	position: relative;
	z-index: 1;
	flex-basis: calc(33.3333% - 3.750rem);
	max-width: calc(33.3333% - 3.750rem);
	margin: 0 1.875rem;
	padding: 3.750rem 2.5rem;
	border: .063rem solid rgb(255 255 255 / .7);
	border-radius: .25rem;
	color: var(--white-color);
	text-align: center;
}

@media (max-width: 767.98px) {

	.designs-index .element-flex {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 3.75rem;
	}

}

.designs-index .element-flex span:first-child {
	display: inline-block;
	position: absolute;
	top: -1.25rem;
	left: -1.25rem;
	z-index: -1;
	width: 3.750rem;
	height: 3.750rem;
	border: .063rem solid rgb(255 255 255 / .7);
	border-radius: .25rem;
	background: var(--white-color);
	color: var(--blue-color);
	font-weight: 600;
	font-size: 1.875rem;
	line-height: 3.750rem;
}

.designs-index .element-flex span:nth-child(2) {
	display: block;
	margin: 0 0 1.25rem;
	font-weight: 600;
	font-size: 1.375rem;
	text-transform: uppercase;
}

.designs-index .element-flex span:last-child {
	display: block;
	line-height: 1.3;
}

.designs-index .element-flex span:last-child::before {
	content: "";
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	margin: .938rem auto;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(53 148 209)' width='24'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E") no-repeat center / auto 100%;
}

/* opt-index
============================================================================= */
.opt-index .container-center {
	padding: 5rem 1rem;

	/* background: peru; */
}

.opt-index h2:not([class]) {
	position: relative;
	z-index: 1;
	text-align: right;

	/* background: palegoldenrod; */
}

@media (max-width: 991.98px) {

	.opt-index h2:not([class]) {
		text-align: left;
	}

}

.opt-index h2:not([class]) span:first-child {
	display: inline-block;
	width: 50%;
	padding-left: 2.5rem;
	background: var(--white-color);
	text-align: left;

	/* background: palegreen; */
}

@media (max-width: 991.98px) {

	.opt-index h2:not([class]) span:first-child {
		display: block;
		width: 100%;
		padding-left: 0;
	}

}

.opt-index h2:not([class]) span:last-child {
	display: inline-block;
	position: relative;
	top: -.25rem;
	width: 50%;
	padding-left: 2.5rem;
	color: rgb(149 149 149);
	font-weight: 400;
	font-size: 1.125rem;
	text-transform: lowercase;
	text-align: left;

	/* background: #ccc; */
}

@media (max-width: 991.98px) {

	.opt-index h2:not([class]) span:last-child {
		display: block;
		width: 100%;
		padding-left: 0;
	}
}

.opt-index h2:not([class])::after {
	content: "";
	display: block;
	position: absolute;
	top: .313rem;
	left: 0;
	z-index: -1;
	width: 100%;
	height: .063rem;
	background: var(--border-color);
}

@media (max-width: 991.98px) {

	.opt-index h2:not([class])::after {
		display: none;
	}

}

/* left-opt-index
============================================ */
.left-opt-index {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 2.5rem 0 0;
	display: flex;
	flex-wrap: wrap;

	/* background: #ccc; */
}

@media (max-width: 991.98px) {

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

}

.left-opt-index div {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 1.25rem;

	/* background: paleturquoise; */
}

@media (max-width: 991.98px) {

	.left-opt-index div {
		flex-basis: 25%;
		max-width: 25%;
		height: 11.5rem;
	}

}

@media (max-width: 767.98px) {

	.left-opt-index div {
		flex-basis: 50%;
		max-width: 50%;
	}

}

.left-opt-index div:first-child {
	background: var(--grey-bg) url(../images/opt-index-1.svg) no-repeat center 2.875rem;
	background-size: auto 4rem;
}

.left-opt-index div:nth-child(2) {
	background: url(../images/opt-index-2.svg) no-repeat center 2.875rem;
	background-size: auto 4rem;
}

.left-opt-index div:nth-child(3) {
	background: url(../images/opt-index-3.svg) no-repeat center 2.875rem;
	background-size: auto 4rem;
}

.left-opt-index div:last-child {
	background: var(--grey-bg) url(../images/opt-index-4.svg) no-repeat center 2.875rem;
	background-size: auto 4rem;
}

.left-opt-index div span {
	display: block;
	margin: 9rem 0 0;
	font-weight: 600;
	text-align: center;
}

@media (max-width: 991.98px) {

	.left-opt-index div span {
		margin: 8rem 0 0;
	}

}

/* right-opt-index
============================================ */
.right-opt-index {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 0 0 2.5rem;

	/* background: #777; */
}

@media (max-width: 991.98px) {

	.right-opt-index {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 2.5rem;
		padding: 0;
	}

}

.right-opt-index .buttons {
	margin: 2.5rem 0 0;
}

/* grid-info-index
============================================================================= */
.grid-info-index {
	margin: 0;
	padding: 2.5rem 0 3.75rem;

	/* background: peachpuff; */
}

@media (max-width: 575.98px) {

	.grid-info-index {
		padding: 2.5rem 1rem 3.75rem;
	}

}

.grid-info-index .cell-info {
	flex-basis: calc(25% - 2.5rem);
	max-width: calc(25% - 2.5rem);
	margin: 0 1.25rem 2.5rem;
}

@media (max-width: 1199.98px) {

	.grid-info-index .cell-info {
		flex-basis: calc(50% - 2.5rem);
		max-width: calc(50% - 2.5rem);
	}

}

@media (max-width: 575.98px) {

	.grid-info-index .cell-info {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 2.5rem;
	}

}


/* ========================================================================================
	sewing
======================================================================================== */
/* slider-sewing
============================================================================= */
.slider-sewing {
	padding: 2.5rem 0 2.875rem;
	background: var(--grey-bg);
}

/* .slider-sewing .container-center {
	background: #399841;
} */

.slider-sewing .container-flex {
	margin: 0 -.625rem;

	/* background: red; */
}

@media (max-width: 991.98px) {

	.slider-sewing .container-flex {
		margin: 0;
	}

}

.left-slider-sewing {
	flex-basis: calc(70% - 1.25rem);
	max-width: calc(70% - 1.25rem);
	margin: 0 .625rem;
	position: relative;
	z-index: 1;
	border-radius: .5rem;
	overflow: hidden;

	/* background: palegreen; */
}

@media (max-width: 991.98px) {

	.left-slider-sewing {
		flex-basis: 100%;
		max-width: 100%;
		max-height: 28.75rem;
		margin: 0 .625rem 1.25rem;
	}

}

@media (max-width: 575.98px) {

	.left-slider-sewing {
		margin: 0 0 1.25rem;
	}

}

@media (max-width: 479.98px) {

	.left-slider-sewing {
		height: 22.5rem;
	}

}

.left-slider-sewing::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right bottom, rgb(0 0 0 / .2), rgb(0 0 0 / .1));
}

.left-slider-sewing::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/angle-top-left.svg) no-repeat left 1.25rem top 1.25rem,
				url(../images/angle-bottom-right.svg) no-repeat right 1.25rem bottom 1.25rem;
	background-size: auto 6.25rem;
}

.left-slider-sewing img {
	position: relative;
	z-index: -2;
}

@media (max-width: 479.98px) {

	.left-slider-sewing img {
		width: auto;
		max-width: none;
		object-fit: cover;
	}

}


.text-left-slider-sewing {
	display: block;
	position: absolute;
	top: 2.875rem;
	left: 2.875rem;
	right: 1.25rem;
	color: var(--white-color);
	font-weight: 700;
	font-size: clamp(1.5rem, 1.18rem + 1.6vw, 2.5rem);
	line-height: 1.2;

	/* background: red; */
}

@media (max-width: 575.98px) {

	.text-left-slider-sewing {
		top: 2.5rem;
		left: 2.5rem;
	}

	.text-left-slider-sewing br {
		display: none;
	}

}

.text-left-slider-sewing span {
	display: block;
	margin: 1.25rem 1.25rem 0 0;
	font-weight: 600;
	font-size: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);

}


.btn-left-slider-sewing {
	display: block;
	position: absolute;
	bottom: 1.25rem;
	left: 1.25rem;
}

.btn-left-slider-sewing span {
	display: inline-block;
}

.btn-left-slider-sewing span + span {
	margin: 0 0 0 1.25rem;
}

@media (max-width: 479.98px) {

	.btn-left-slider-sewing span {
		display: block;
	}

	.btn-left-slider-sewing span + span {
		margin: .938rem 0 0;
	}

}

.btn-left-slider-sewing a {
	display: inline-block;
	padding: .750rem 2.25rem;
	border: .125rem solid var(--white-color);
	border-radius: .25rem;
	background: rgb(51 51 51 / .3);
	color: var(--white-color);
	font-weight: 600;
	font-size: .875rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: all .3s .02s linear;
}

@media (max-width: 479.98px) {

	.btn-left-slider-sewing span a {
		width: 9.5rem;
		padding-inline: 0;
		text-align: center;
	}

}

.btn-left-slider-sewing a:hover,
.btn-left-slider-sewing a:focus-visible {
	border-color: var(--green-color);
	background: var(--white-color);
	color: var(--black--color);
}

/* right-slider-sewing
============================================ */
.right-slider-sewing {
	flex-basis: calc(30% - 1.25rem);
	max-width: calc(30% - 1.25rem);
	display: flex;
	flex-wrap: wrap;
	margin: 0 .625rem;

	/* background: blueviolet; */
}

@media (max-width: 991.98px) {

	.right-slider-sewing {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0;
	}

}

@media (max-width: 575.98px) {

	.right-slider-sewing {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0;
	}

}

.right-slider-sewing > div {
	flex-basis: 100%;
	max-width: 100%;
}

@media (max-width: 991.98px) {

	.right-slider-sewing > div {
		flex-basis: calc(50% - 1.25rem);
		max-width: calc(50% - 1.25rem);
		height: 100%;
		margin: 0 .625rem;
	}

}

@media (max-width: 575.98px) {

	.right-slider-sewing > div {
		flex-basis: 100%;
		max-width: 100%;
		height: 12.5rem;
		margin: 0 0 1.25rem;
	}

}

.btn-right-slider-sewing {
	display: block;
	position: absolute;
	bottom: .938rem;
	left: .938rem;
}

.btn-right-slider-sewing a {
	display: inline-block;
	padding: .625rem 1.5rem;
	border: .125rem solid var(--white-color);
	border-radius: .25rem;
	background: rgb(51 51 51 / .3);
	color: var(--white-color);
	font-weight: 600;
	font-size: .750rem;
	text-transform: uppercase;
	text-decoration: none;
	transition: all .3s .02s linear;
}

.btn-right-slider-sewing a:hover,
.btn-right-slider-sewing a:active,
.btn-right-slider-sewing a:focus {
	border-color: var(--green-color);
	background: var(--white-color);
	color: var(--black--color);
}

/* ======= top-right-slider-sewing ======= */
.top-right-slider-sewing {
	position: relative;
	z-index: 1;
	margin: 0 0 1.25rem;
	border-radius: .5rem;
	overflow: hidden;

	/* background: powderblue; */
}

.top-right-slider-sewing::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right bottom, rgb(0 0 0 / .3), rgb(0 0 0 / .1));
}

.top-right-slider-sewing::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/angle-top-left.svg) no-repeat left .938rem top .938rem,
		url(../images/angle-bottom-right.svg) no-repeat right .938rem bottom .938rem;
	background-size: auto 3.25rem;
}

.top-right-slider-sewing img {
	position: relative;
	z-index: -2;
	height: 100%;
	object-fit: cover;
}


.text-top-right-slider-sewing {
	display: block;
	position: absolute;
	top: 2.5rem;
	left: 2.5rem;
	right: 1.25rem;
	display: flex;
	flex-wrap: wrap;
}

.text-top-right-slider-sewing ul {
	flex-basis: 50%;
	width: 50%;

	/* background: #399841; */
}

.text-top-right-slider-sewing li {
	margin: 0 0 .625rem;
	color: var(--white-color);
	font-weight: 600;
	font-size: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
}

/* ======= bottom-right-slider-sewing ======= */
.bottom-right-slider-sewing {
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: .5rem;

	/* background: powderblue; */
}

@media (max-width: 767.98px) {

	.bottom-right-slider-sewing {
		margin: 0 0 0 auto;
	}

}

.bottom-right-slider-sewing::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right bottom, var(--blue-color) 25%, rgb(0 181 103 / .5));
	background: linear-gradient(to right bottom, rgb(0 0 0 / .3), rgb(0 0 0 / .1));
}

.bottom-right-slider-sewing::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/angle-top-left.svg) no-repeat left .938rem top .938rem,
				url(../images/angle-bottom-right.svg) no-repeat right .938rem bottom .938rem;
	background-size: auto 3.25rem;
}


.bottom-right-slider-sewing img {
	position: relative;
	z-index: -2;
	height: 100%;
	object-fit: cover;
}

.text-bottom-right-slider-sewing {
	display: block;
	position: absolute;
	top: 2.5rem;
	left: 2.5rem;
	right: 1.25rem;
	color: var(--white-color);
	font-weight: 600;
	font-size: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
	line-height: 1.3;

	/* background: red; */
}

/* catalog-sewing
============================================================================= */
.catalog-sewing .container-center {
	padding: 5rem 1rem;
}

.grid-catalog-sewing {
	margin: 0 -.625rem;
	justify-content: center;
}

.cell-catalog-sewing {
	flex-basis: calc(25% - 1.25rem);
	max-width: calc(25% - 1.25rem);
	margin: 0 .625rem 1.25rem;
}

@media (max-width: 991.98px) {

	.cell-catalog-sewing {
		flex-basis: calc(33.333% - 1.25rem);
		max-width: calc(33.333% - 1.25rem);
	}

}

@media (max-width: 767.98px) {

	.cell-catalog-sewing {
		flex-basis: calc(50% - 1.25rem);
		max-width: calc(50% - 1.25rem);
	}

}

.cell-catalog-sewing a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	padding: clamp(5rem, 3.4rem + 8vw, 10rem) 0;
	overflow: hidden;
	border-radius: .25rem;

	pointer-events: none;
}

.cell-catalog-sewing a::before {
	content: "";
	display: block;
	position: absolute;
	top: .938rem;
	right: .938rem;
	bottom: .938rem;
	left: .938rem;
	z-index: -1;
	border-radius: .25rem;
	background: rgb(51 51 51 / .5);
	transition: all .3s .02s linear;
}

.last-cell-catalog-sewing a {
	pointer-events: auto;
}

.last-cell-catalog-sewing a::before {
	display: none;
}

.last-cell-catalog-sewing a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right bottom, var(--blue-color) 20%, rgb(0 181 103 / .5));
}

.cell-catalog-sewing a img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	height: 100%;
		-o-object-fit: cover;
	object-fit: cover;
	transition: transform 1s;
}

.title-catalog-sewing {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 0;
	color: var(--white-color);
	transition: all .3s .02s linear;
	font-weight: 600;
	font-size: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
	line-height: 1.3;
	text-transform: uppercase;
	text-align: center;
}

.cell-catalog-sewing a:hover::before,
.cell-catalog-sewing a:active::before,
.cell-catalog-sewing a:focus::before {
	background: transparent;
}

.cell-catalog-sewing a:hover .title-catalog-sewing,
.cell-catalog-sewing a:active .title-catalog-sewing,
.cell-catalog-sewing a:focus .title-catalog-sewing {
	padding: 1.25rem 0;
	background: rgb(255 255 255 / .8);
	color: var(--green-color);
}

.last-cell-catalog-sewing a:hover .title-catalog-sewing,
.last-cell-catalog-sewing a:active .title-catalog-sewing,
.last-cell-catalog-sewing a:focus .title-catalog-sewing {
	background: var(--white-color);
}

.cell-catalog-sewing a:hover img,
.cell-catalog-sewing a:active img,
.cell-catalog-sewing a:focus img {
	transform: scale(1.1);
}

/* adv-sewing
============================================================================= */
.adv-sewing .container-center {
	padding: 0 1rem 5rem;
}

/* left-adv-sewing
============================================ */
.left-adv-sewing {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 3.125rem 0 0;
}

@media (max-width: 991.98px) {

	.left-adv-sewing {
		flex-basis:100%;
		max-width: 100%;
		margin: 0 0 2.5rem;
		padding: 0;
	}

}

.left-adv-sewing h2 {
	text-align: left !important;
}

.left-adv-sewing h2::after {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* right-adv-sewing
============================================ */
.right-adv-sewing {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 0 0 1.25rem;
}

@media (max-width: 991.98px) {

	.right-adv-sewing {
		flex-basis:100%;
		max-width: 100%;
		padding: 0;
	}

}

.grid-adv-sewing {
	margin: 0 -.938rem;
}

@media (max-width: 479.98px) {

	.grid-adv-sewing {
		margin: 0;
	}

}

.cell-adv-sewing {
	position: relative;
	flex-basis: calc(50% - 1.875rem);
	max-width: calc(50% - 1.875rem);
	margin: 0 .938rem 1.875rem;
	padding: 7.5rem 1.25rem 6.25rem;
	border-radius: .25rem;
	box-shadow: 0 .063rem .188rem 0 rgb(0 0 0 / .15);
	background: var(--grey-bg);
	line-height: 1.5;
	text-align: center;
}

@media (max-width: 479.98px) {

	.cell-adv-sewing {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.875rem;
		padding: 5.75rem 1.25rem 2.875rem;
	}

}

.cell-adv-sewing::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 5rem;
	height: 5rem;
	border-radius: 0 0 .25rem .25rem;
	background: var(--blue-color);
	color: var(--white-color);
	font-weight: 600;
	font-size: 1.875rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 479.98px) {

	.cell-adv-sewing::before {
		width: 4.375rem;
		height: 4.375rem;
		font-size: 1.625rem;
	}

}

.cell-adv-sewing:first-child::before {
	content: "1";
}

.cell-adv-sewing:nth-child(2)::before {
	content: "2";
}

.cell-adv-sewing:nth-child(3)::before {
	content: "3";
}

.cell-adv-sewing:last-child::before {
	content: "4";
}

.cell-adv-sewing span {
	display: block;
	font-weight: 600;
	font-size: 1.25rem;
}

/* cta-sewing
============================================================================= */
.cta-sewing {
	background: var(--grey-bg);
}

.cta-sewing .container-center {
	padding: 5rem 1rem 6.25rem;

	/* background: #399841; */
}

/* .cta-sewing-flex {
	margin: 0 0 3.125rem;
} */

.cta-sewing .element-flex {
	flex-basis: calc(50% - 1.25rem);
	max-width: calc(50% - 1.25rem);
	padding: 5rem 2.875rem;
	border-radius: .25rem;
	display: flex;
	flex-direction: column;
}

@media (max-width: 767.98px) {

	.cta-sewing .element-flex {
		flex-basis: 100%;
		max-width: 100%;
		padding: 3.75rem 1.875rem;
	}

}

/* left-cta-sewing
============================================ */
.left-cta-sewing {
	background: linear-gradient(to right bottom, var(--blue-color), var(--cyan-color));
}

@media (max-width: 767.98px) {

	.left-cta-sewing {
		margin: 0 0 1.5rem;
	}

}

.left-cta-sewing .btn-buttons {
	background: var(--green-color);
}

.left-cta-sewing .btn-buttons:hover,
.left-cta-sewing .btn-buttons:focus,
.left-cta-sewing .btn-buttons:active {
	border-color: var(--green-color);
	background: var(--white-color);
	color: var(--text-color) !important;
}

/* right-cta-sewing
============================================ */
.right-cta-sewing {
	margin: 0 0 0 auto;
	background: linear-gradient(to left bottom, var(--blue-color), var(--cyan-color));
}

.cta-sewing .h2 {
	margin: 0 0 2.875rem;
	color: var(--white-color);
}

.text-cta-sewing {
	margin: 0 0 2.875rem;
	color: var(--white-color);
	line-height: 1.3;
	font-size: 1.125rem;
}

.cta-sewing .buttons {
	margin: auto 0 0 !important;
}

.cta-sewing .btn-buttons {
	border-color: var(--white-color);
}

/* video-cta-sewing
============================================ */
.video-cta-sewing {
	display: flex;

	margin: 0 -1.125rem;

	display: none;
}

@media (max-width: 767.98px) {

	.video-cta-sewing {
		flex-wrap: wrap;
		margin: 0;
	}

}

.video-cta-sewing > div {
	flex-basis: calc(50% - 2.25rem);
	max-width: calc(50% - 2.25rem);
	margin: 0 1.125rem;

	/* background: #399841; */
}

@media (max-width: 767.98px) {

	.video-cta-sewing > div {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0;
	}

}

.video-cta-sewing .h4 {
	margin-top: 0;
}


.video-cta-sewing figure {
	position: relative;
	height: 100%;
	padding-bottom: 50%;
	overflow: hidden;
	border-radius: .25rem;

	/* background: red; */
}

.video-cta-sewing figure iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ======= left-video-cta-sewing ======= */
@media (max-width: 767.98px) {

	.left-video-cta-sewing {
		margin: 0 0 5rem !important;
	}

}

/* ======= right-video-cta-sewing ======= */
/* .right-video-cta-sewing {
} */

/* catalog-sewing-2
============================================================================= */
/* .catalog-sewing-2 {
} */

.catalog-sewing-2 .container-center {
	padding: 5rem 1rem 0;
}

.grid-catalog-sewing-2 {
	margin: 0 -.625rem;
	justify-content: center;
}

.cell-catalog-sewing-2 {
	flex-basis: calc(25% - 1.25rem);
	max-width: calc(25% - 1.25rem);
	margin: 0 .625rem 1.25rem;

	/* background: red; */
}

@media (max-width: 991.98px) {

	.cell-catalog-sewing-2 {
		flex-basis: calc(33.333% - 1.25rem);
		max-width: calc(33.333% - 1.25rem);
	}

}

@media (max-width: 767.98px) {

	.cell-catalog-sewing-2 {
		flex-basis: calc(50% - 1.25rem);
		max-width: calc(50% - 1.25rem);
	}

}

.cell-catalog-sewing-2 a {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 0 1.25rem;
	overflow: hidden;
	border-radius: .25rem;
	box-shadow: 0 .125rem .25rem 0 rgb(0 0 0 / .15);
	background: var(--white-color);
	transition: all .3s .02s linear;

	pointer-events: none;

	/* background: greenyellow; */
}

.last-cell-catalog-sewing-2 a {
	position: relative;
	padding: 0;
	pointer-events: auto;
}

.img-catalog-sewing-2 {
	display: block;
	margin: 0 0 1.25rem;
	overflow: hidden;
}

.last-cell-catalog-sewing-2 a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right bottom, var(--blue-color) 20%, rgb(0 181 103 / .5));
}

.img-catalog-sewing-2 img {
	transition: transform 1s;
}

.title-catalog-sewing-2 {
	display: block;
	color: var(--text-color);
	transition: all .3s .02s linear;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.3;
	text-transform: uppercase;
	text-align: center;

	/* background: red; */
}

.last-cell-catalog-sewing-2 .title-catalog-sewing-2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 0;
	color: var(--white-color);
}

.title-catalog-sewing-2::before {
	content: "";
	display: block;
	width: 3.125rem;
	height: .063rem;
	margin: 1.5rem auto 1.25rem;
	background: var(--cyan-color);
	transition: all .3s .02s linear;
}

.last-cell-catalog-sewing-2 .title-catalog-sewing-2::before {
	display: none;
}

/* .cell-catalog-sewing-2 a:hover,
.cell-catalog-sewing-2 a:active,
.cell-catalog-sewing-2 a:focus {
	background: var(--cyan-color);
} */

.last-cell-catalog-sewing-2 a:hover .title-catalog-sewing-2,
.last-cell-catalog-sewing-2 a:active .title-catalog-sewing-2,
.last-cell-catalog-sewing-2 a:focus .title-catalog-sewing-2 {
	padding: 1.25rem 0;
	background: var(--white-color);
	color: var(--green-color);
}

.cell-catalog-sewing-2 a:hover .title-catalog-sewing-2::before,
.cell-catalog-sewing-2 a:active .title-catalog-sewing-2::before,
.cell-catalog-sewing-2 a:focus .title-catalog-sewing-2::before {
	width: calc(100% - 2.5rem);
	background: var(--green-color);
}

.cell-catalog-sewing-2:not(.last-cell-catalog-sewing-2) a:hover .img-catalog-sewing-2 img,
.cell-catalog-sewing-2:not(.last-cell-catalog-sewing-2) a:active .img-catalog-sewing-2 img,
.cell-catalog-sewing-2:not(.last-cell-catalog-sewing-2) a:focus .img-catalog-sewing-2 img {
	transform: scale(1.1);
}

/* price-sewing
============================================================================= */
/* .price-sewing {
} */

.price-sewing .container-center {
	padding: 5rem 1rem 5rem;

	/* background: red; */
}

@media (max-width: 767.98px) {

	.price-sewing .h3 {
		text-align: center;
	}

}

/* title-price-sewing
============================================ */
.title-price-sewing {
	flex-basis: 100%;
	max-width: 100%;
	margin: 0 0 1.25rem;
	padding: 1.125rem;
	border-radius: .25rem;
	background: var(--grey-bg);
	font-weight: 600;
	font-size: 1.25rem;
	text-align: center;
}

/* img-price-sewing
============================================ */
.img-price-sewing {
	flex-basis: 30%;
	max-width: 30%;
	padding: 0 2.5rem 0 0;
}

@media (max-width: 767.98px) {

	.img-price-sewing {
		flex-basis: 100%;
		max-width: 20rem;
		margin: 0 auto 1.875rem;
		padding: 0;
	}

}

.img-price-sewing img {
	border-radius: .25rem;
	border: .063rem solid var(--border-color);
}

/* text-price-sewing
============================================ */
.text-price-sewing {
	flex-basis: 70%;
	max-width: 70%;
	padding: 0 0 0 2.5rem;
	border-left: .0663rem solid var(--border-color);
	font-size: 1.125rem;
	display: flex;
	flex-direction: column;

	/* background: #44C9C6; */
}

@media (max-width: 767.98px) {

	.text-price-sewing {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
		border-left: none;
	}

}

.text-price-sewing p {
	padding: 0 0 .938rem;
	border-bottom: .0663rem solid var(--border-color);
}

.text-price-sewing p:first-child {
	font-weight: 600;
	text-transform: uppercase;
}

.text-price-sewing p:first-child span {
	display: inline-block;
	margin: 0 1.25rem 0 0;
}

.text-price-sewing p:nth-child(2) em {
	display: block;
	color: rgb(149 149 149);
	font-style: normal;
	font-size: .875rem;
	text-transform: lowercase;
}

.text-price-sewing p:nth-child(3) .bold-700 {
	white-space: nowrap;
}

.text-price-sewing p:last-of-type {
	margin: 0 0 2.5rem;
}

.text-price-sewing .buttons {
	margin: auto 0 0;
}

@media (max-width: 767.98px) {

	.text-price-sewing .buttons {
		text-align: center;
	}

}

/* services-sewing
============================================================================= */
.services-sewing {
	background: var(--grey-bg);
}

.services-sewing .container-center {
	padding: 5rem 1rem 5rem;
}

.services-sewing .container-flex {
	padding: 2.5rem 1.875rem .938rem;
	border-radius: .5rem;
	box-shadow: 0 .125rem .25rem 0 rgb(0 0 0 / .15);
	background: var(--white-color);
}

.services-sewing .element-flex {
	flex-basis: calc(50% - 1.875rem);
	max-width: calc(50% - 1.875rem);
	margin: 0 .938rem 1.875rem;
}

@media (max-width: 767.98px) {

	.services-sewing .element-flex {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 .938rem;
	}

}

.services-sewing a {
	display: flex;
	align-items: center;
	position: relative;
	padding: clamp(2.875rem, 2.595rem + 1.4vw, 3.75rem) clamp(1.875rem, 1.555rem + 1.6vw, 2.875rem) clamp(2.875rem, 2.595rem + 1.4vw, 3.75rem) clamp(8rem, 7.36rem + 3.2vw, 10rem);
	overflow: hidden;
	border-radius: .25rem;
	color: var(--white-color);
	font-size: 1.25rem;
	transition: all .3s .02s linear;

	pointer-events: none;
}

.cell-services-sewing-1 a {
	background: var(--cyan-color) url(../images/services-sewing-1.svg) no-repeat left 2.5rem center / clamp(3.75rem, 3.35rem + 2vw, 5rem) auto;
}

.cell-services-sewing-2 a {
	background: var(--cyan-color) url(../images/services-sewing-2.svg) no-repeat left 2.5rem center / clamp(3.75rem, 3.35rem + 2vw, 5rem) auto;
}

.cell-services-sewing-3 a {
	background: var(--cyan-color) url(../images/services-sewing-3.svg) no-repeat left 2.5rem center / clamp(3.75rem, 3.35rem + 2vw, 5rem) auto;
}

.cell-services-sewing-4 a {
	background: var(--cyan-color) url(../images/services-sewing-4.svg) no-repeat left 2.5rem center / clamp(3.75rem, 3.35rem + 2vw, 5rem) auto;
}

.services-sewing a:hover,
.services-sewing a:active {
	background-color: var(--green-color);
}

/* work-sewing
============================================================================= */
/* .work-sewing {
} */

.work-sewing .container-center {
	padding: 5rem 1rem 0;
}

.cell-work-sewing {
	flex-basis: 25%;
	max-width: 25%;
	margin: 0 0 1.875rem;
	padding: 0 1.875rem 0 0;
	font-weight: 600;
	line-height: 1.3;
}

@media (max-width: 991.98px) {

	.cell-work-sewing {
		flex-basis: 33.3333%;
		max-width: 33.3333%;
	}

}

@media (max-width: 767.98px) {

	.cell-work-sewing {
		flex-basis: 50%;
		max-width: 50%;
	}

}

.cell-work-sewing::before {
	content: "";
	display: block;
	position: relative;
	top: .625rem;
	color: var(--blue-color);
	font-weight: 600;
	font-size: clamp(3.75rem, 2.95rem + 4vw, 6.25rem);
	font-size: 1 !important;
}

.cell-work-sewing:first-child::before {
	content: "01";
}

.cell-work-sewing:nth-child(2)::before {
	content: "02";
}

.cell-work-sewing:nth-child(3)::before {
	content: "03";
}

.cell-work-sewing:nth-child(4)::before {
	content: "04";
}

.cell-work-sewing:nth-child(5)::before {
	content: "05";
}

.cell-work-sewing:nth-child(6)::before {
	content: "06";
}

.cell-work-sewing:nth-child(7)::before {
	content: "07";
}

.cell-work-sewing:nth-child(8)::before {
	content: "08";
}

/* portfolio-sewing
============================================================================= */
.portfolio-sewing {
	padding: 5rem 1rem 5rem;
}

/* .video-portfolio-sewing {
	position: relative;
	max-width: 45rem;
	height: clamp(12.5rem, 8.5rem + 20vw, 25rem);
	margin: 0 auto 3.75rem;
	overflow: hidden;
	border-radius: .25rem;
}

.video-portfolio-sewing iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} */

/* text-sewing
============================================================================= */
/* .text-sewing {
} */

.text-sewing .container-center {
	padding: 0 1rem 5rem;
}

/* faq-sewing
============================================================================= */
/* .faq-sewing {
} */

.faq-sewing .container-center {
	padding: 0 1rem 5rem;

	/* background: #CCFFFF; */
}

.faq-sewing h2 {
	margin-bottom: 3.750rem;
}


.acc-faq-sewing {
	padding: 0 0 0 40%;
	background: url("data:image/svg+xml,%3Csvg width='300' height='522' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M124.423 270.544c21.149-38.178 61.799-60.701 85.42-94.484 24.995-35.432 10.987-101.626-59.876-101.626-46.419 0-69.216 35.157-78.829 64.271L0 108.767C19.501 50.264 72.511 0 149.692 0c64.546 0 108.767 29.39 131.289 66.194 19.227 31.586 30.488 90.639.824 134.586-32.959 48.615-64.546 63.447-81.575 94.759-6.866 12.634-9.613 20.874-9.613 61.524h-79.378c-.275-21.423-3.571-56.306 13.184-86.519zm80.476 196.385c0 30.213-24.719 54.933-54.932 54.933s-54.933-24.72-54.933-54.933 24.72-54.933 54.933-54.933 54.932 24.72 54.932 54.933z' fill='rgb(53 148 209)'/%3E%3C/svg%3E") no-repeat 8.75rem 0 / auto 22.5rem;
}

/* @media (max-width: 1399.98px) {

	.acc-faq-sewing {
		background-position: 3.125rem 6.250rem;
	}

} */

@media (max-width: 991.98px) {

	.acc-faq-sewing {
		padding: 0;
		background: none;
	}

}

/* ======= faq-sewing accordion-item ======= */
.faq-sewing .accordion-item {
	position: relative;
	margin: 0 0 .625rem;

	/* background: #777; */
}

.faq-sewing .accordion-item .head-acc {
	display: block;
	position: relative;
	text-decoration: none;

	/* background: yellow; */
}

.faq-sewing .accordion-item .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;
	color: transparent;
	font-size: 0;
	line-height: 0;
}

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

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

.faq-sewing .accordion-item.active .icon-acc::after {
	width: 0;
}

.faq-sewing .accordion-item .head-acc .title-acc {
	padding: 1.250rem 4rem 1.250rem 1.250rem;
	border-radius: .500rem;
	box-shadow: 0 .063rem .188rem 0 rgb(0 0 0 / .2);
	background: var(--grey-bg);
	color: var(--text-color);
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
	transition: all .3s ease-in-out;
}

.faq-sewing .accordion-item .head-acc:hover .icon-acc::before,
.faq-sewing .accordion-item .head-acc:hover .icon-acc::after {
	background: var(--white-color);
}

.faq-sewing .accordion-item.active .icon-acc::before,
.faq-sewing .accordion-item.active .icon-acc::after {
	background: var(--white-color);
}

.faq-sewing .accordion-item .head-acc:hover .title-acc {
	background: var(--green-color);
	color: var(--white-color);
}

.faq-sewing .accordion-item.active .title-acc {
	background: var(--green-color);
	color: var(--white-color);
}


.faq-sewing .accordion-item .content-acc {
	display: none;
	padding: 1.5rem 0;
}

.faq-sewing .accordion-item.active-first .content-acc {
	display: block;
}

.faq-sewing .accordion-item .content-acc p:last-child {
	margin: 0;
}


/* ========================================================================================
	restretching
======================================================================================== */
/* slider-restretching
============================================================================= */
.slider-restretching .top-right-slider-sewing {
	height: calc(50% - .625rem);
}

@media (max-width: 991.98px) {

	.slider-restretching .top-right-slider-sewing {
		height: auto;
	}

}

@media (max-width: 575.98px) {

	.slider-restretching .top-right-slider-sewing {
		height: 16.5rem;
	}

}

.text-top-right-slider-restretching {
	display: block;
	position: absolute;
	top: 2.5rem;
	left: 2.5rem;
	right: 1.25rem;
	color: var(--white-color);
	font-weight: 600;
	font-size: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
	line-height: 1.3;
}

.slider-restretching .bottom-right-slider-sewing {
	height: calc(50% - .625rem);
	background: linear-gradient(to right bottom, var(--blue-color) 20%, rgb(0 181 103 / .5));
}

@media (max-width: 991.98px) {

	.slider-restretching .bottom-right-slider-sewing {
		height: auto;
	}

}

@media (max-width: 575.98px) {

	.slider-restretching .bottom-right-slider-sewing {
		height: 16.5rem;
	}

}

.slider-restretching .text-bottom-right-slider-sewing span {
	display: block;
	margin: 1.875rem 0 2.5rem;
	font-weight: 400;
	font-size: 1rem;
}

.btn-right-slider-restretching .btn-buttons {
	padding: .75rem 1.875rem;
	border-color: rgb(255 255 255 / .5);
}

/* catalog-restretching
============================================================================= */
.catalog-restretching .container-center {
	padding: 5rem 1rem;
}

/* adv-restretching
============================================================================= */
.adv-restretching .container-center {
	padding: 0 1rem 5rem;
}

/* left-adv-restretching
============================================ */
.left-adv-restretching {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 2.5rem 0 0;
}

@media (max-width: 991.98px) {

	.left-adv-restretching {
		flex-basis:100%;
		max-width: 100%;
		margin: 0 0 2.5rem;
		padding: 0;
	}

}

.left-adv-restretching h2 {
	text-align: left !important;
}

.left-adv-restretching h2::after {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.text-left-adv-restretching {
	padding: clamp(1.125rem, 0.885rem + 1.2vw, 1.875rem);
	background-color: var(--grey-bg);
}

/* right-adv-sewing
============================================ */
.right-adv-restretching {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 0 0 2.5rem;

	/* background: red; */
}

@media (max-width: 991.98px) {

	.right-adv-restretching {
		flex-basis:100%;
		max-width: 100%;
		padding: 0;
	}

}

.grid-adv-restretching {
	margin: 8.75rem -.938rem 0;

	/* background: #399841; */
}

@media (max-width: 991.98px) {

	.grid-adv-restretching {
		margin-top: 1.5rem;
	}

}
@media (max-width: 479.98px) {

	.grid-adv-restretching {
		margin: 0;
	}

}

.cell-adv-restretching {
	position: relative;
	flex-basis: calc(50% - 1.875rem);
	max-width: calc(50% - 1.875rem);
	margin: 0 .938rem 1.875rem;
	padding: 5.75rem 1.25rem 1.5rem;
	line-height: 1.3;
	text-align: center;

	background: #44C9C6;
}

@media (max-width: 479.98px) {

	.cell-adv-restretching {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.875rem;
		padding: 5.75rem 1.25rem 2.875rem;
	}

}

.cell-adv-restretching:first-child {
	background: url(../images/peretyazhka-i-obivka-mebeli/ico-adv-restretching-1.svg) no-repeat center top / auto 3.75rem;
}

.cell-adv-restretching:nth-child(2) {
	background: url(../images/peretyazhka-i-obivka-mebeli/ico-adv-restretching-2.svg) no-repeat center top / auto 3.75rem;
}

.cell-adv-restretching:nth-child(3) {
	background: url(../images/peretyazhka-i-obivka-mebeli/ico-adv-restretching-3.svg) no-repeat center top / auto 3.75rem;
}

.cell-adv-restretching:last-child {
	background: url(../images/peretyazhka-i-obivka-mebeli/ico-adv-restretching-4.svg) no-repeat center top / auto 3.75rem;
}

.cell-adv-restretching span:first-child {
	display: block;
	margin: 0 0 .938rem;
	font-weight: 600;
	font-size: 1.125rem;
}

.cell-adv-restretching span:last-child {
	display: block;
	font-weight: 400;
	font-size: 1rem;
}

/* price-restretching
============================================================================= */
/* .price-restretching {
} */

.price-restretching .container-center {
	padding: 5rem 1rem 5rem;

	/* background: #CCFFFF; */
}

.price-restretching h2 {
	margin-bottom: 3.750rem;
}

.acc-price-restretching {
	max-width: 45rem;
	margin: 0 auto;
}

/* ======= .acc-price-restretching accordion-item ======= */
.acc-price-restretching .accordion-item {
	position: relative;
	margin: 0 0 .625rem;

	/* background: #777; */
}

.acc-price-restretching .accordion-item .head-acc {
	display: block;
	position: relative;
	text-decoration: none;

	/* background: yellow; */
}

.acc-price-restretching .accordion-item .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;
	color: transparent;
	font-size: 0;
	line-height: 0;
}

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

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

.acc-price-restretching .accordion-item.active .icon-acc::after {
	width: 0;
}

.acc-price-restretching .accordion-item .head-acc .title-acc {
	padding: 1.250rem 4rem 1.250rem 1.250rem;
	border-radius: .500rem;
	box-shadow: 0 .063rem .188rem 0 rgb(0 0 0 / .2);
	background: var(--grey-bg);
	color: var(--text-color);
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
	transition: all .3s ease-in-out;
}

.acc-price-restretching .accordion-item .head-acc:hover .icon-acc::before,
.acc-price-restretching .accordion-item .head-acc:hover .icon-acc::after {
	background: var(--white-color);
}

.acc-price-restretching .accordion-item.active .icon-acc::before,
.acc-price-restretching .accordion-item.active .icon-acc::after {
	background: var(--white-color);
}

.acc-price-restretching .accordion-item .head-acc:hover .title-acc {
	background: var(--green-color);
	color: var(--white-color);
}

.acc-price-restretching .accordion-item.active .title-acc {
	background: var(--green-color);
	color: var(--white-color);
}


.acc-price-restretching .accordion-item .content-acc {
	display: none;
	padding: 1.5rem 0;
}

.acc-price-restretching .accordion-item.active-first .content-acc {
	display: block;
}

.acc-price-restretching .accordion-item .content-acc p:last-child {
	margin: 0;
}

/* additionally-restretching
============================================================================= */
.additionally-restretching {
	background: var(--grey-bg);
}

.additionally-restretching .container-center {
	padding: 5rem 1rem;
}


.additionally-restretching .container-flex {
	justify-content: center;
	margin: 0 -1.25rem;
}

@media (max-width: 479.98px) {

	.additionally-restretching .container-flex {
		margin: 0;
	}

}

.additionally-restretching .element-flex {
	flex-basis: calc(33.3333% - 2.5rem);
	width: calc(33.3333% - 2.5rem);
	margin: 0 1.25rem;
	overflow: hidden;
	border-radius: .25rem;
	background: var(--white-color);
}

@media (max-width: 991.98px) {

	.additionally-restretching .element-flex {
		flex-basis: calc(50% - 2.5rem);
		width: calc(50% - 2.5rem);
	}

}

@media (max-width: 479.98px) {

	.additionally-restretching .element-flex {
		flex-basis: 21.791rem;
		max-width: 21.791rem;
		margin: 0 0 1.25rem;
	}

}

.additionally-restretching span {
	display: block;
	padding: 1.875rem;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.2;
	text-align: center;
}

/* choice-restretching
============================================================================= */
/* .choice-restretching {
} */

.choice-restretching .container-center {
	padding: 5rem 1rem 0;
}

.choice-restretching .container-flex {
	max-width: 60rem;
	margin-inline: auto;

	/* background: red; */
}

/* left-choice-restretching
============================================ */
.left-choice-restretching {
	flex-basis: 45%;
	max-width: 45%;

	/* background: #399841; */
}

@media (max-width: 767.98px) {

	.left-choice-restretching {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.875rem;
	}

}

.img-choice-restretching {
	display: block;
	position: relative;
	z-index: 1;
	margin: 0 0 1.875rem;
	overflow: hidden;
	border-radius: .25rem;
}

@media (max-width: 767.98px) {

	.img-choice-restretching {
		height: 12.5rem;
	}

}

.img-choice-restretching::before {
	content: "";
	display: block;
	position: absolute;
	top: .938rem;
	right: .938rem;
	bottom: .938rem;
	left: .938rem;
	z-index: -1;
	background: rgb(51 51 51 / .5);
	transition: all .3s .02s linear;
}

.img-choice-restretching img {
	position: relative;
	z-index: -2;
	transition: transform 1s;
}

.title-icr {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	padding: 0;
	color: var(--white-color);
	transition: all .3s .02s linear;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.3;
	text-transform: uppercase;
	text-align: center;
}

@media (max-width: 991.98px) {

	.title-icr {
		font-size: 1rem;
	}

}

.img-choice-restretching:hover::before,
.img-choice-restretching:active::before,
.img-choice-restretching:focus::before {
	background: transparent;
}

.img-choice-restretching:hover .title-icr,
.img-choice-restretching:active .title-icr,
.img-choice-restretching:focus .title-icr {
	padding: 1.25rem 0;
	background: rgb(255 255 255 / .8);
	color: var(--green-color);
}

.img-choice-restretching:hover img,
.img-choice-restretching:active img,
.img-choice-restretching:focus img {
	transform: scale(1.1);
}


.left-choice-restretching ul {
	display: flex;
	flex-wrap: wrap;
}

.left-choice-restretching ul li {
	margin: 0 1.25rem .625rem 0 !important;
	padding-left: 1.5rem !important;
}

/* right-choice-restretching
============================================ */
.right-choice-restretching {
	flex-basis: 55%;
	max-width: 55%;
	padding: 0 0 0 3.75rem;
}

@media (max-width: 767.98px) {

	.right-choice-restretching {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
	}

}

.right-choice-restretching h3 {
	margin-block-start: 0;
}

.right-choice-restretching .buttons {
	margin-block-start: 3.875rem;
}

/* portfolio-restretching
============================================================================= */
.portfolio-restretching {
	overflow: hidden;
}

.portfolio-restretching .container-center {
	padding: 5rem 1rem 5rem;

	/* background: #399841; */
}

.carousel-portfolio-restretching {
	position: relative;
	z-index: 1;
	padding-block: 5rem ;
}

.carousel-portfolio-restretching::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: calc(-50% - 1rem);
	width: calc(200% + 2rem);
	height: 100%;
	background: var(--grey-bg);
}

/* portfolio-restretching arrows carousel
============================================ */
.portfolio-restretching .carousel .slick-prev,
.portfolio-restretching .carousel .slick-next {
	bottom: -5rem;
}

/* how-work-restretching
============================================================================= */
/* .how-work-restretching {
	background: red;
} */

.how-work-restretching .container-center {
	padding: 5rem 1rem 5rem;
}

/* left-how-work-restretching
============================================ */
.left-how-work-restretching {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 2.5rem 0 0;
}

@media (max-width: 991.98px) {

	.left-how-work-restretching {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.875rem;
		padding: 0;
	}

}

.left-how-work-restretching h2 {
	text-align: left !important;
}

.left-how-work-restretching h2::after {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.left-how-work-restretching .buttons {
	margin-block-start: 2.5rem;
}

/* right-how-work-restretching
============================================ */
.right-how-work-restretching {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 0 0 2.5rem;
}

@media (max-width: 991.98px) {

	.right-how-work-restretching {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
	}

}

/* .grid-how-work-restretching {
} */

.cell-how-work-restretching {
	flex-basis: 50%;
	max-width: 50%;
	padding: 6.25rem 1.25rem 1.875rem;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.3;
	text-align: center;
}

.cell-how-work-restretching:first-child {
	background: url(../images/peretyazhka-i-obivka-mebeli/ico-how-work-restretching-1.svg) no-repeat center top 1.875rem / auto 3.125rem;
}

.cell-how-work-restretching:nth-child(2) {
	background: var(--grey-bg) url(../images/peretyazhka-i-obivka-mebeli/ico-how-work-restretching-2.svg) no-repeat center top 1.875rem / auto 3.125rem;
}

.cell-how-work-restretching:nth-child(3) {
	background: var(--grey-bg) url(../images/peretyazhka-i-obivka-mebeli/ico-how-work-restretching-3.svg) no-repeat center top 1.875rem / auto 3.125rem;
}

.cell-how-work-restretching:last-child {
	background: url(../images/peretyazhka-i-obivka-mebeli/ico-how-work-restretching-4.svg) no-repeat center top 1.875rem / auto 3.125rem;
}

/* warranty-restretching
============================================================================= */
.warranty-restretching {
	margin: 0 0 5rem;
	background: var(--grey-bg);
}

@media (max-width: 991.98px) {

	.warranty-restretching {
		background: linear-gradient(to right bottom, var(--blue-color) 20%, rgb(0 181 103 / .5));
	}

}

.warranty-restretching .container-center {
	padding: 12.5rem 1rem 12.5rem clamp(0rem, -1.6rem + 8vw, 5rem);
	background: url(../images/peretyazhka-i-obivka-mebeli/warranty-restretching.png) no-repeat right clamp(0rem, -2.4rem + 12vw, 7.5rem) center / auto calc(100% - 6.25rem);
}

@media (max-width: 991.98px) {

	.warranty-restretching .container-center {
		padding: 5rem 1rem;
		background: none;
	}

}

.warranty-restretching div {
	max-width: 50%;
	font-weight: 400;
	font-size: 1.875rem;
	line-height: 1.5;
}

@media (max-width: 991.98px) {

	.warranty-restretching div {
		max-width: 100%;
		color: var(--white-color);
		text-align: center;
	}

}


/* ========================================================================================
	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: 1320px;
	margin-inline: auto;
	padding: 1rem 1rem;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
	background: var(--grey-bg);
}

@media (max-width: 575.98px) {

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

}

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

	/* background: #999; */
}

@media (max-width: 575.98px) {

	.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(--blue-color);
	text-decoration: underline;
}

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


.inner-cookies button {
	margin-left: auto;
	padding: .750rem 2.5rem;
	border: .063rem solid var(--blue-color);
	border-radius: .25rem;
	background: var(--blue-color);
	color: var(--white-color) !important;
	font-weight: 400;
	font-size: .875rem;
	text-transform: uppercase;
	transition: border-color .3s .02s ease,
		background .3s .02s ease,
		color .3s .02s ease;
}

@media (max-width: 575.98px) {

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

}

.inner-cookies button:hover,
.inner-cookies button:active {
	border-color: var(--green-color);
	background: var(--white-color);
	color: var(--text-color) !important;
}


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

.reveal-modal {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 1.875rem);
	max-width: 25rem;
	border-radius: .25rem;
	visibility: hidden;
	background: var(--white-color);
	z-index: 60;
}

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

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

.title-modal {
	padding: 1.875rem 1.25rem;
	background-image: linear-gradient(-225deg, var(--blue-color) 0%, var(--turquoise-color) 100%);
	color: var(--white-color);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.3;
	text-transform: uppercase;
	text-align: center;
}

.title-modal span {
	display: block;
	margin: .625rem 0 0;
	color: var(--white-color);
	font-weight: 400;
	font-size: .875rem;
	text-transform: none;
}

.content-modal {
	padding: 1.875rem;
	overflow: hidden;
}

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

.content-modal .btn-form {
	text-align: center;
}


/* ========================================================================================
	lk
======================================================================================== */
/* login-pa
============================================================================= */
/* .login-pa {
	background: yellow;
} */

.new-user-pa {
	flex-basis: 50%;
	max-width: 50%;
	padding: 1.25rem;
	border: .063rem solid rgb(220 220 220 / .5);
	border-radius: .25rem;
	background: rgb(245 246 250 / .5);
}

@media (max-width: 767.98px) {

	.new-user-pa {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 2.5rem;
	}

}

.new-user-pa p {
	margin: 0 0 1.875rem !important;
}

.new-user-pa .buttons {
	margin: 0;
}


.authorization-pa {
	flex-basis: 50%;
	max-width: 50%;
	padding: 1.25rem 0 0 3.125rem;

	/* background: #777; */
}

@media (max-width: 767.98px) {

	.authorization-pa {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
	}

}

.login-pa h2 {
	margin: 0 0 1.25rem !important;
	font-size: 1.5rem !important;
}

.authorization-pa h2 {
	margin: 0 0 1.5rem !important;
}

.login-pa h2::after {
	display: none !important;
}


.alert-login {
	margin: .063rem 0 1.25rem;
	padding: .938rem;
	background: var(--red-color);
	color: var(--white-color);
	text-align: center;
}

.authorization-pa .field-form {
	margin: 0 0 1.125rem !important;
}

.authorization-pa .container-flex {
	margin: 0 0 1.25rem;
}

.authorization-pa .element-flex {
	flex-basis: 50%;
	max-width: 50%;

	/* background: #ccc; */
}

.authorization-pa .element-flex:last-of-type {
	text-align: right;

	/* background: #777; */
}

.authorization-pa .element-flex:last-of-type a {
	display: inline-block;
	color: var(--blue-color);
	font-size: .875rem;
	transition: color .3s .02s linear;
	text-decoration: underline;

	/* background: red; */
}

.authorization-pa .element-flex:last-of-type a:hover,
.authorization-pa .element-flex:last-of-type a:active,
.authorization-pa .element-flex:last-of-type a:focus {
	color: var(--green-color);
	text-decoration: none;
}


.login-pa-success {
	font-size: 1.25rem;
}

/* registration-pa
============================================================================= */
.registration-pa .tabs-radio {
	margin: 0 -.625rem 2.5rem;

	/* background: yellow; */
}

.registration-pa .tab-radio {
	flex-basis: calc(33.3333% - 1.25rem);
	max-width: calc(33.3333% - 1.25rem);
	margin: 0 .625rem;

	/* background: palegreen; */
}

@media (max-width: 575.98px) {

	.registration-pa .tab-radio {
		flex-basis: calc(50% - 1.25rem);
		max-width: calc(50% - 1.25rem);
	}

}

.registration-pa .tab-radio label {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
	background: var(--white-color);
	cursor: pointer;
	color: rgb(149 149 149);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.3;
	text-align: center;
	transition: all 0.15s ease-in-out;
}

.registration-pa .tab-radio label span {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0 auto 1.25rem;

	/* background: red; */
}

.registration-pa .tab-radio label span::before {
	content: "";
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	border: .063rem solid var(--border-color);
	border-radius: 50%;
}

.registration-pa .tab-radio input:checked+label {
	border-color: var(--blue-color);
	background: var(--white-color);
	color: var(--text-color);
}

.registration-pa .tab-radio input:checked+label span::before {
	border-color: transparent;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' fill='rgb(0 181 103)' width='24'%3E%3Cpath d='M480-280q83 0 141.5-58.5T680-480q0-83-58.5-141.5T480-680q-83 0-141.5 58.5T280-480q0 83 58.5 141.5T480-280Zm0 200q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E") no-repeat center / 120% auto;
}


.registration-pa .content-tabs-radio {
	padding: 0;
	border: none;
}

.registration-pa .field-form {
	margin: 0 0 1.25rem;
}

/* order-history-pa
============================================================================= */
.accordion-item {
	position: relative;

	/* background: #777; */
}

.accordion-item .head-acc {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: .25rem;
	text-decoration: none;

	/* background: yellow; */
}

/* .order-history-pa:first-of-type .head-acc {
	border-radius: .25rem .25rem 0 0;
}

.order-history-pa:last-of-type .head-acc {
	border-radius: 0 0 .25rem .25rem;
}  */

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

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

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

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

.accordion-item .head-acc .title-acc {
	padding: 1.125rem 4rem 1.125rem 1.25rem;
	border: .063rem solid rgb(220 220 220 / .5);
	border-bottom: none;
	background: rgb(245 246 250 / .5);
	color: var(--text-color);
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
	text-transform: uppercase;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.accordion-item:last-of-type .head-acc .title-acc {
	border-bottom: .063rem solid rgb(220 220 220 / .5);
}

.accordion-item .head-acc:hover .icon-acc::before,
.accordion-item .head-acc:hover .icon-acc::after {
	background: var(--white-color);
}

.accordion-item.active .icon-acc::before,
.accordion-item.active .icon-acc::after {
	background: var(--white-color);
}

.accordion-item .head-acc:hover .title-acc {
	background: var(--blue-color);
	color: var(--white-color);
}

.accordion-item.active .title-acc {
	background: var(--blue-color);
	color: var(--white-color);
}


.accordion-item .content-acc {
	display: none;
	padding: 1.25rem;
	background: var(--white-color);
}

.total-bonuses-order-history-pa {
	margin: 0 0 1.25rem;
	color: var(--green-color);
	font-weight: 600;
	font-size: 1.125rem;
}


.order-history-pa ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.625rem !important;
}

@media (max-width: 479.98px) {

	.order-history-pa ul {
		margin: 0 !important;
	}

}

.order-history-pa ul li {
	flex-basis: calc(33.3333% - 1.25rem);
	max-width: calc(33.3333% - 1.25rem);
	margin: 0 .625rem 1.25rem !important;
	padding: 0 !important;
	background: none !important;
}

@media (max-width: 767.98px) {

	.order-history-pa ul li {
		flex-basis: calc(50% - 1.25rem);
		max-width: calc(50% - 1.25rem);
	}

}

@media (max-width: 479.98px) {

	.order-history-pa ul li {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.25rem !important;
	}

}

.order-history-pa ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: .938rem;
	border: .063rem solid var(--border-color);
	border-radius: .25rem;
	transition: border-color .3s .02s linear;
	color: var(--text-color) !important;
	line-height: 1.5;
	text-decoration: none !important;
}

.number-order-history-pa {
	display: block;
	margin: 0 0 .25rem;
	color: var(--cyan-color);
	font-weight: 700;
}

.summ-order-history-pa {
	display: block;
	color: rgb(149 149 149);
}

.summ-order-history-pa span {
	color: var(--text-color);
	font-weight: 600;
}

.bonuses-order-history-pa {
	display: block;
	color: rgb(149 149 149);
}

.bonuses-order-history-pa span {
	color: var(--text-color);
	font-weight: 600;
}



.order-history-pa ul li a:hover,
.order-history-pa ul li a:active,
.order-history-pa ul li a:focus {
	border-color: var(--blue-color);
}


/* ========================================================================================
	promo
======================================================================================== */
.img-promo a {
	margin-bottom: 2.5rem;
}

.img-promo span {
	padding: 1.25rem;
	border: .063rem solid var(--border-color);
}

/* conf
============================================================================= */
.middle .h1-conf {
	margin: 0 0 2.5rem;
	color: var(--black--color);
	font-weight: 400;
	font-size: clamp(1.375rem, 1.255rem + 0.6vw, 1.75rem);
	line-height: 1.3;
	text-align: center;
}

.middle .h1-conf::after {
	content: "";
	display: block;
	width: 3.125rem;
	height: .125rem;
	margin: 1.25rem auto 0;
	background: var(--green-color);
}

.middle .h1-conf span {
	display: block;
	margin: .625rem 0 0;
	font-weight: 600;
	text-transform: uppercase;
}


.text-conf {
	max-width: 60rem;
	margin: 0 auto;
}


.place-conf {
	margin: 0 0 2.5rem;
	font-size: 1.25rem;
	line-height: 1.3;
	text-align: center;
}

.place-conf p {
	margin: 0;
}

.place-conf span + span {
	margin: 0 0 0 1.25rem;
}


.place-conf + .buttons {
	margin-bottom: 2.5rem;
	text-align: center;
}



.place-conf-2 {
	text-align: left;
}

.place-conf-2 li {
	margin: 0 0 .625rem;
}


.programma-conf li {
	margin: 0 0 1.875rem;
	line-height: 1.4;
}

.programma-conf li span:first-child {
	display: block;
	margin: 0 0 .625rem;
	font-weight: 600;
}

.programma-conf li span:last-of-type {
	display: block;
	margin: 0 0 .625rem;
}


.spiker-conf {
	display: flex;
	flex-wrap: wrap;
	margin: 2.875rem 0;
}

.spiker-conf .h2 {
	flex-basis: 100%;
	margin-top: 0;
}

.left-spiker-conf {
	flex-basis: 100%;
	padding: 0 2.5rem 0 0;
}

@media (max-width: 767.98px) {

	.left-spiker-conf {
		flex-basis: 100%;
		margin: 0 0 1.875rem;
		padding: 0;
	}

}

.name-spiker-conf {
	margin: 0 0 1.5rem;
	font-weight: 600;
	font-size: 1.25rem;
	line-height: 1.3;
}

.name-spiker-conf span {
	display: block;
	margin: .625rem 0 0;
	font-weight: 400;
	font-size: 1.125rem;
}


/* .right-spiker-conf {
	flex-basis: 40%;
	padding: 0 0 0 2.5rem;
}

@media (max-width: 767.98px) {

	.right-spiker-conf {
		flex-basis: 100%;
		padding: 0;
	}

}

.right-spiker-conf img {
	border-radius: .25rem;
}

@media (max-width: 767.98px) {

	.right-spiker-conf img {
		max-width: 25rem;
	}

} */

.form-conf {
	margin: 0 0 2.5rem;
	scroll-margin-top:  12.25rem;
}

.form-conf p {
	font-size: .875rem;
}

.form-conf .btn-form {
	text-align: center;
}


.note-conf {
	margin-top: 2.5rem !important;
	padding: .625rem;
	background: var(--grey-bg);
	font-weight: 700;
	font-size: 1.125rem;
	text-transform: uppercase;
	text-align: center;
}

/* coupon
============================================================================= */
.middle .h1-coupon {
	text-align: center;
}

.middle .h1-coupon::after {
	margin-inline: auto;
}

.middle .sub-h1-coupon {
	margin-bottom: 2.5rem;
	font-size: 1.375rem;
	text-align: center;
}

::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
    color: transparent;
}