@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption{margin:0;padding:0;border:0;outline:0;font-size:100.01%;vertical-align:baseline;background:transparent}
html,body{width:100%;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;}
html {touch-action:manipulation;}
html *{max-height:1000000px;}
html *, *:before, *:after{box-sizing:border-box;}
html,body{max-width:100%;overflow-x:clip!important;}
body{line-height:1.2;width:100%;padding:0;margin:0;background:#fff;color:#000;font-weight:400;}
img{border: none;}
input, textarea {-webkit-appearance: none;}
.clear {clear:both;height:0px;}
::-webkit-file-upload-button {cursor:pointer;}
a, a[nohref], a[role="button"] {cursor:pointer;}
b, strong, .bold {font-weight:700;}
@media (max-width: 0px) {@view-transition {navigation:auto;}}
:root {
--vh: 100dvh;
--vw: 100dvw;
--bw: 100svw;
--container-width: 1345px;
--transition-name: all;
--transition-duration: 0.3s;
--transition-easing: linear;
--transition: var(--transition-name) var(--transition-duration) var(--transition-easing);
}
:root {
--primary-color: #c7152a;
--primary-color-active: #d91d38;
}
body {
font-family: 'Roboto', sans-serif;
}
body.preload * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
}
#wrapper {
display: block;
margin: 0 auto;
padding: 0px 0px 0px 0px;
position: relative;
max-width: 1920px;
background: #fff;
z-index: 80;
}
body.bgBreadcrumbs #wrapper {
background-repeat: no-repeat;
background-position: 50% 0px;
}
@media (min-width: 1921px) {
	body {
		background-color: #efedeb;
	}
	#wrapper {
		box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
	}
}
@media (min-width: 768px) {
	#wrapper.sticky {
		overflow: unset;
	}
}
@media (min-width: 500px) {
	body.bgBreadcrumbs #wrapper {
		background-image: url(../images/bg-breadcrumbs.webp);
	}
}
@media (max-width: 499px) {
	body.bgBreadcrumbs #wrapper {
		background-image: url(../images/bg-breadcrumbs_mobile.webp);
	}
	body.bgBreadcrumbs.pFront #wrapper {
		background-image: none;
	}
}

.container {
width: 1345px;
position: relative;
margin: 0 auto;
padding: 0px 0px 0px 0px;
z-index: 2;
}
.container:after {
content: "";
display: block;
clear: both;
}
@media (max-width: 1394px) {
	.container {
		width: 1200px;
	}
}
@media (max-width: 1199px) {
	.container {
		width: 690px;
	}
}
@media (max-width: 767px) {
	.container {
		width: 500px;
	}
}
@media (max-width: 499px) {
	.container {
		width: 100%;
		min-width: 270px;
		padding-left: 25px;
		padding-right: 25px;
	}
}

.nowrap {
overflow-wrap: normal;
word-wrap: normal;
word-break: keep-all;
line-break: auto;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
white-space: nowrap;
}

.title-section {
display: block;
margin: -6px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
position: relative;
font-size: 26px;
line-height: 34px;
font-weight: 500;
color: #000000;
text-align: left;
}
.title-section-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin: -6px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
position: relative;
}
.title-section-wrapper .title-section {
display: inline-block;
vertical-align: top;
margin-top: 0px;
}
.title-section-wrapper__link {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 25px; 
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 19px;
}
.title-section-wrapper__link a {
color: #c7152a;
text-decoration: none;
}
.title-section-wrapper__link a:hover, 
.title-section-wrapper__link a:active {
color: #e90520;
text-decoration: underline;
}
@media (max-width: 1199px) {
	.title-section-wrapper__link {
		display: none;
	}
}
@media (max-width: 499px) {
	.title-section {
		margin-top: -4px;
		font-size: 22px;
		line-height: 28px;
	}
	.title-section-wrapper {
		margin-top: -4px;
	}
	.title-section-wrapper__link {
		display: block;
		margin: 5px 0px 0px 0px; 
		width: 100%;
	}
}

.btn-yellow {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 20px;
position: relative;
float: none;
width: auto;
height: 45px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 500;
color: #000;
background: #ffcc00;
border-radius: 4px;
border: none;
outline: none;
text-align: center;
cursor: pointer;
-webkit-appearance: none;
text-decoration: none;
box-sizing: border-box;
}
.btn-yellow.--border {
background: none;
border: 2px solid #ffcc00;
}
a.btn-yellow, 
span.btn-yellow {
padding-top: 16px;
padding-bottom: 16px;
}
.btn-yellow:hover, 
.btn-yellow:active {
background: #ffe400;
}
.btn-yellow.--border:hover, 
.btn-yellow.--border:active {
border-color: #ffe400;
}
.btn-yellow:disabled, 
.btn-yellow[disabled] {
background: #ffcc00 !important;
cursor: default !important;
opacity: 0.5 !important;
}
.btn-gray {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 20px;
position: relative;
float: none;
width: auto;
height: 45px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 500;
color: #000;
background: #f0eeec;
border-radius: 4px;
border: none;
outline: none;
text-align: center;
cursor: pointer;
-webkit-appearance: none;
text-decoration: none;
box-sizing: border-box;
}
a.btn-gray, 
span.btn-gray {
padding-top: 16px;
padding-bottom: 16px;
}
.btn-gray:hover, 
.btn-gray:active {
color: #fff;
background: #c7152a;
}
.btn-gray:disabled, 
.btn-gray[disabled] {
background: #c7152a !important;
cursor: default !important;
color: #fff !important;
}
.btn-green {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 20px;
position: relative;
float: none;
width: auto;
height: 45px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 500;
color: #fff;
background: #5dc351;
border-radius: 4px;
border: none;
outline: none;
text-align: center;
cursor: pointer;
-webkit-appearance: none;
text-decoration: none;
box-sizing: border-box;
}
a.btn-green, 
span.btn-green {
padding-top: 16px;
padding-bottom: 16px;
}
.btn-green:hover, 
.btn-green:active {
color: #fff;
background: #63d656;
}
.btn-green:disabled, 
.btn-green[disabled] {
background: #63d656a !important;
cursor: default !important;
color: #fff !important;
}
@media (max-width: 499px) {
	.btn-yellow, 
	.btn-gray {
		padding: 0px 16px 0px 16px;
		height: 43px;
	}
	a.btn-yellow, 
	span.btn-yellow, 
	a.btn-gray, 
	span.btn-gray {
		padding-top: 14px;
		padding-bottom: 14px;
	}
}

.schema-block {
display: none;
}

/*--- Полоса над шапкой ---*/
.topline-section {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 35px;
background: #f0eeec;
color: #584e43;
font-size: 13px;
line-height: 17px;
z-index: 99;
}
.topline-section .container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
padding-top: 9px;
padding-bottom: 9px;
}
.topline-section .container:after {
display: none;
}
.topline__address {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
position: relative;
text-align: left;
height: 17px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1; 
-webkit-box-orient: vertical;
}
.topline__address a, 
.topline__address-link {
color: #584e43;
text-decoration: underline;
cursor: pointer;
}
.topline__address a:hover, 
.topline__address a:active, 
.topline__address-link:hover, 
.topline__address-link:active {
color: #e90520;
text-decoration: none;
}
.topline__menu {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
text-align: right;
flex-shrink: 0;
}
.topline__menu ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: flex-start;
margin: -10px -10.5px 0px -10.5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.topline__menu ul li {
display: inline-block;
vertical-align: top;
margin: 10px 10.5px 0px 10.5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.topline__menu ul li:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 3px;
right: -11px;
width: 1px;
height: 11px;
background: #584e43;
opacity: 0.45;
}
.topline__menu ul li:last-child:before {
display: none;
}
.topline__menu ul li a {
color: #584e43;
text-decoration: none;
}
.topline__menu ul li a:hover, 
.topline__menu ul li a:active {
color: #e90520;
text-decoration: none;
}
@media (min-width: 768px) and (max-width: 1199px) {
	.topline-section .container {
		justify-content: center;
	}
	.topline__address {
		display: none;
	}
	.topline__menu {
		text-align: center;
	}
	.topline__menu ul {
		justify-content: center;
	}
	.topline__menu ul li:nth-child(n+6):not(:last-child) {
		display: none;
	}
}
@media (max-width: 767px) {
	.topline-section {
		display: none;
	}
}

/*--- Шапка (мобильная) ---*/
.header-mobile-section {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 60px;
background: #fff;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
z-index: 999;
}
.header-mobile-section .container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
width: 100%;
height: inherit;
background: #fff;
z-index: 20;
}
.header-mobile-section .container:after {
display: none;
}
.header-mobile__left, 
.header-mobile__right {
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header-mobile__left {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
}
.header-mobile__burger {
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 22px;
cursor: pointer;
}
.header-mobile__burger > span {
display: block;
margin: 4px 0px 4px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: 3px;
background: #999999;
border-radius: 6px;
}
.header-mobile__burger > span:first-child {
margin-top: 0px;
}
.header-mobile__burger > span:last-child {
margin-bottom: 0px;
}
.header-mobile__burger:hover > span, 
.header-mobile__burger:active > span {
background: #c7152a;
}
.header-mobile__logo {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header-mobile__burger + .header-mobile__logo {
margin-left: 20px;
}
.header-mobile__logo-img {
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
}
.header-mobile__logo-img:hover, 
.header-mobile__logo-img:active {
text-decoration: none;
}
.header-mobile__logo-img img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
max-width: 100%;
}
.header-mobile__right {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
}
.header-mobile__email, 
.header-mobile__phone, 
.header-mobile__search, 
.header-mobile__whatsapp, 
.header-mobile__telegram {
display: inline-block;
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
line-height: 0px;
}
.header-mobile__telegram {
margin-left: 0px;
}
.header-mobile__phone {
margin-right: 0px;
}
.header-mobile__phone-link {
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header-mobile__email > a, 
.header-mobile__phone > a, 
.header-mobile__phone-link > a, 
.header-mobile__search > a, 
.header-mobile__whatsapp > a, 
.header-mobile__telegram > a {
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
background-position: 0px 0px;
background-repeat: no-repeat;
text-decoration: none;
font-size: 0px;
line-height: 0px;
}
.header-mobile__email > a:hover, 
.header-mobile__email > a:active, 
.header-mobile__phone > a:hover, 
.header-mobile__phone > a:active, 
.header-mobile__phone-link:hover, 
.header-mobile__phone-link:active, 
.header-mobile__search > a:hover, 
.header-mobile__search > a:active, 
.header-mobile__whatsapp > a:hover, 
.header-mobile__whatsapp > a:active, 
.header-mobile__telegram > a:hover, 
.header-mobile__telegram > a:active {
opacity: 0.8;
text-decoration: none;
}
.header-mobile__email > a {
min-width: 22px;
height: 22px;
}
.header-mobile__email > a svg {
min-width: inherit;
height: inherit;
}
.header-mobile__phone > a, 
.header-mobile__phone-link {
min-width: 22px;
height: 22px;
}
.header-mobile__phone-link > a {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.header-mobile__phone > a svg, 
.header-mobile__phone-link > svg {
min-width: inherit;
height: inherit;
}
.header-mobile__search > a {
min-width: 22px;
height: 22px;
}
.header-mobile__search > a i.header-mobile__search-icon-default, 
.header-mobile__search > a i.header-mobile__search-icon-close {
display: inline-block;
vertical-align: top;
min-width: inherit;
height: inherit;
}
.header-mobile__search > a i.header-mobile__search-icon-close {
display: none;
}
.header-mobile-section:has(.header-mobile__search-panel_show) .header-mobile__search > a i.header-mobile__search-icon-default {
display: none;
}
.header-mobile-section:has(.header-mobile__search-panel_show) .header-mobile__search > a i.header-mobile__search-icon-close {
display: inline-block;
}
.header-mobile__search > a svg {
min-width: inherit;
height: inherit;
}
.header-mobile__search-panel {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 10px 25px 10px 25px;
position: absolute;
top: 3px;
left: 0px;
width: 100%;
background: #c7152a;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
backface-visibility: hidden;
transform: translateZ(0);
transition: top 250ms linear;
z-index: 5;
}
.header-mobile__search-panel.header-mobile__search-panel_show {
top: 60px;
}
.header-mobile__search-panel form {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header-mobile__search-panel input.header-mobile__search-panel-input {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
padding-right: calc(20px + (10px * 2));
position: relative;
width: 100%;
height: 36px;
border: none;
outline: none;
text-align: left;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400;
color: #000;
background: #fff;
border-radius: 4px;
box-sizing: border-box;
z-index: 1;
}
.header-mobile__search-panel input.header-mobile__search-panel-input.error {}
.header-mobile__search-panel input.header-mobile__search-panel-input_error[type='text']::-webkit-input-placeholder, 
.header-mobile__search-panel input.header-mobile__search-panel-input_error[type='text']::-moz-placeholder, 
.header-mobile__search-panel input.header-mobile__search-panel-input_error[type='text']:-moz-placeholder, 
.header-mobile__search-panel input.header-mobile__search-panel-input_error[type='text']:-ms-input-placeholder {
color: #808080;
}
.header-mobile__search-panel input.header-mobile__search-panel-input_error[type='text']::-webkit-input-placeholder {
color: #808080;
}
.header-mobile__search-panel input.header-mobile__search-panel-input_error[type='text']:focus::-webkit-input-placeholder, 
.header-mobile__search-panel input.header-mobile__search-panel-input_error[type='text']:focus::-moz-placeholder, 
.header-mobile__search-panel input.header-mobile__search-panel-input_error[type='text']:focus:-moz-placeholder, 
.header-mobile__search-panel input.header-mobile__search-panel-input_error[type='text']:focus:-ms-input-placeholder {
color: transparent;
}
.header-mobile__search-panel-submit {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
right: 0px;
width: calc(20px + (10px * 2));
height: 100%;
border: none;
outline: none;
background: none;
cursor: pointer;
-webkit-appearance: none;
text-decoration: none;
box-sizing: border-box;
z-index: 10;
}
.header-mobile__search-panel-submit > i {
display: block;
position: absolute;
top: calc(50% - (20px / 2));
right: calc(50% - (20px / 2));
width: 20px;
height: 20px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-image: url(../images/icon-search.svg);
background-size: cover;
}
.header-mobile__search-panel-submit:hover > i, 
.header-mobile__search-panel-submit:active > i {
background-image: url(../images/icon-search-hover.svg);
}
.header-mobile__search-panel.loading .header-mobile__search-panel-submit > i:before {
content: "";
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 4px;
right: 8px;
width: 8px;
height: 8px;
border: 1px solid #999;
border-bottom-color: transparent;
border-radius: 50%;
box-sizing: border-box;
animation: header-mobile__search-panel-submit--rotation 1s linear infinite;
}
.header-mobile__search-panel.loading .header-mobile__search-panel-submit:hover > i:before, 
.header-mobile__search-panel.loading .header-mobile__search-panel-submit:active > i:before {
border-color: #c7152a;
border-bottom-color: transparent;
}
@keyframes header-mobile__search-panel-submit--rotation {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
} 
.header-mobile__search-panel-submit > span {
display: none;
}
.header-mobile__whatsapp > a {
min-width: 22px;
height: 22px;
}
.header-mobile__whatsapp > a svg {
min-width: inherit;
height: inherit;
}
.header-mobile__telegram > a {
min-width: 22px;
height: 22px;
}
.header-mobile__telegram > a svg {
min-width: inherit;
height: inherit;
}
@media (max-width: 499px) {
	.header-mobile-section {
		display: block;
		position: fixed;
		width: 100%;
		top: 0px;
		left: 0px;
	}
	body {
		padding-top: 60px !important;
	}
	.header-mobile__email {
		display: none;
	}
}
@media (max-width: 389px) {
	.header-mobile__search {
		display: none;
	}
}
@media (max-width: 349px) {
	.header-mobile__burger + .header-mobile__logo {
		margin-left: 14px;
	}
	.header-mobile__email, 
	.header-mobile__phone, 
	.header-mobile__search, 
	.header-mobile__whatsapp, 
	.header-mobile__telegram {
		margin-left: 7px;
		margin-right: 7px;
	}
}
@media (max-width: 329px) {
	.header-mobile__whatsapp, 
	.header-mobile__telegram {
		display: none;
	}
}

/*--- Шапка ---*/
.header-section {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 100px;
z-index: 99;
}
.header-section .container {
background: #fff;
padding-left: 25px;
padding-right: 25px;
width: calc(1200px + (25px * 2));
height: inherit;
}
.header__wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: inherit;
}
.header__side {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
margin: 0px -15px 0px -15px;
padding: 0px 0px 0px 0px;
position: relative;
height: inherit;
}
.header__side.header__side_left {
justify-content: flex-start;
}
.header__side.header__side_right {
justify-content: flex-end;
}
.header__logo {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;
height: inherit;
}
.header__logo-img {
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 123px;
text-decoration: none;
}
.header__logo-img:hover, 
.header__logo-img:active {
text-decoration: none;
}
.header__logo-img > span {
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.header__logo-img img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
max-width: 100%;
}
.header__logo-txt {
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
position: relative;
top: -2px;
width: calc(100% - 123px);
font-size: 13px;
line-height: 19px;
color: #45392b;
text-align: left;
}
.header__email {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;
height: inherit;
font-size: 14px;
line-height: 20px;
text-align: left;
}
.header__email-icon {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 29px;
}
.header__email-icon img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
max-width: 100%;
max-height: 100%;
}
.header__email-text {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__email a {
color: #c7152a;
text-decoration: underline;
font-weight: 500;
}
.header__email a:hover, 
.header__email a:active {
color: #e90520;
text-decoration: none;
}
.header__email a > span {
color: inherit;
}
.header__email b, 
.header__email strong {
color: #000;
font-weight: 500;
}
.header__worktime {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;	
height: inherit;
text-align: left;
font-size: 14px;
line-height: 20px;
}
.header__worktime-icon {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: -1px;
width: 31px;
}
.header__worktime-icon img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
max-width: 100%;
max-height: 100%;
}
.header__worktime-text {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__worktime-text p {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__worktime-text b, 
.header__worktime-text strong {
font-weight: 500;
}
.header__btns-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;
height: inherit;
}
.header__btns {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -8px 0px -8px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__btn {
display: inline-block;
vertical-align: top;
margin: 0px 8px 0px 8px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__btn .btn-yellow {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
height: 40px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 15px;
}
.header__phone {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;
height: inherit;
text-align: left;
font-size: 14px;
line-height: 20px;
}
.header__phone-icon {
display: none;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: 0px;
width: 31px;
}
.header__phone-icon img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
max-width: 100%;
max-height: 100%;
}
.header__phone-text {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__phone-tel {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 18px;
line-height: 20px;
font-weight: 500;
}
.header__phone-tel a {
color: #000;
text-decoration: none;
cursor: text;
}
.header__phone-tel a:hover, 
.header__phone-tel a:active {
color: #000;
text-decoration: none;
}
.header__phone-tel a > span {
color: inherit;
}
.header__phone-call {
display: block;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__phone-call a {
font-weight: 500;
color: #c7152a;
text-decoration: underline;
}
.header__phone-call a:hover, 
.header__phone-call a:active {
color: #e90520;
text-decoration: none;
}
.header__phone-call_open {
padding-left: calc(18px + 7px);
}
.header__phone-call > i.header__phone-call_open-icon {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(50% - (18px / 2) - 1px);
left: 0px;
width: 18px;
height: 18px;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 1395px) {
	.header-section .container {
		width: calc(1345px + (25px * 2));
	}
}
@media (max-width: 1394px) {
	.header__worktime {
		display: none;
	}
}
@media (min-width: 1200px) and (max-width: 1279px) {
	.header-section .container {
		width: 1200px;
	}
}
@media (max-width: 1199px) {
	.header-section .container {
		width: calc(690px + (25px * 2));
	}
	.header__email, 
	.header__worktime, 
	.header__btns-wrapper {
		display: none;
	}
}
@media (max-width: 767px) {
	.header-section .container {
		width: 500px;
	}
	.header-section {
		background: #fff;
	}
	.header-section .container {
		padding-left: 0px;
		padding-right: 0px;
		background: none;
	}
	.header__logo {
		width: 123px;
	}
	.header__logo-txt {
		display: none;
	}
}
@media (max-width: 499px) {
	.header-section {
		display: none;
		width: 100%;
		min-width: 270px;
		height: 90px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.header-section .container {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media (max-width: 379px) {
	.header__phone-tel {
		font-size: 16px;
	}
}

/*--- Меню под шапкой ---*/
.header-menu-section {
display: block;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
position: relative;
z-index: 500;
}
.header-menu {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
background: #c7152a;
height: 56px;
}
.header-menu__device {
display: inline-block;
vertical-align: top;
margin: 0px 1px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 230px;
height: inherit;
text-align: left;
z-index: 5;
}
.header-menu__device {
display: none;
width: calc(100% - 56px);
}
.header-menu__device > a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 19px 22px 18px 22px;
position: relative;
height: inherit;
font-size: 16px;
line-height: 19px;
font-weight: 700;
color: #fff;
text-decoration: none;
}
.header-menu__device:hover > a, 
.header-menu__device:active > a {
background: #d91d38;
}
.header-menu__device > a > span {
position: relative;
z-index: 5;
}
.header-menu__wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: calc(100% - 171px);
}
.header-menu__seperator {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px;
width: 1px;
min-width: 1px;
height: 26px !important;
background: #e65d6d;
font-size: 0px !important;
line-height: 0px !important;
}
.header-menu__catalog {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: relative;
height: inherit;
text-align: left;
z-index: 5;
}
.header-menu__catalog > a, 
.header-menu__main > ul > li.menu-item-has-children > a, 
.header-menu__main > ul > li > a {
padding: 19px 22px 18px 22px;
}
.header-menu__catalog > a, 
.header-menu__main > ul > li.menu-item-has-children > a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
position: relative;
height: inherit;
font-size: 16px;
line-height: 19px;
font-weight: 700;
color: #fff;
text-decoration: none;
overflow-wrap: normal;
word-wrap: normal;
word-break: keep-all;
line-break: auto;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
white-space: nowrap;
}
.header-menu__catalog:hover > a, 
.header-menu__catalog:active > a, 
.header-menu__main > ul > li.menu-item-has-children:hover > a, 
.header-menu__main > ul > li.menu-item-has-children:active > a {
background: #d91d38;
}
.header-menu__catalog > a:after, 
.header-menu__main > ul > li.menu-item-has-children > a:after {
content: "";
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 12px;
width: 7px;
height: 4px;
min-width: 7px;
min-height: 4px;
max-width: 7px;
max-height: 4px;
position: relative;
top: 0px;
right: 0px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(../images/icon-menu-submenu-arrow.png);
z-index: 1;
}
.header-menu__catalog > a > span, 
.header-menu__main > ul > li.menu-item-has-children > a > span {
position: relative;
z-index: 5;
}
@media (min-width: 1395px) {
	.header-menu__burger {
		width: 18px;
		height: 2px;
		margin-top: -1px;
		margin-right: 20px;
		position: relative;
		background-color: #fff;
		transition: 0.3s;
	}
	.header-menu__burger > span {
		display: none;
	}
	.header-menu__burger:before, 
	.header-menu__burger:after {
		content: "";
		position: absolute;
		width: 18px;
		height: 2px;
		background-color: #fff;
		transition: 0.3s;
		backface-visibility: hidden;
	}
	.header-menu__burger:before {
		top: 6px;
	}
	.header-menu__burger:after {
		bottom: 6px;
	}
	.header-menu__catalog:hover > a .header-menu__burger {
		background-color: transparent;
	}
	.header-menu__catalog:hover > a .header-menu__burger:before, 
	.header-menu__catalog:hover > a .header-menu__burger:after {
		width: 20px;
		left: -1px;
	}
	.header-menu__catalog:hover > a .header-menu__burger:before {
		top: 0px;
		transform: rotate(45deg);
	}
	.header-menu__catalog:hover > a .header-menu__burger:after {
		bottom: 0px;
		transform: rotate(135deg);
	}
}
@media (max-width: 1394px) {
	.header-menu__burger {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin: -1px 20px 0px 0px;
		padding: 0px 0px 0px 0px;
		position: relative;
		width: 18px;
	}
	.header-menu__burger > span {
		display: block;
		margin: 2px 0px 2px 0px;
		padding: 0px 0px 0px 0px;
		background: #fff;
		width: 100%;
		height: 2px;
	}
	.header-menu__burger > span:first-child {
		margin-top: 0px;
	}
	.header-menu__burger > span:last-child {
		margin-bottom: 0px;
	}
}
.header-menu__catalog-submenus {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #fff;
color: #000;
position: absolute;
top: 56px;
left: 0px;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.header-menu__catalog:hover > .header-menu__catalog-submenus, 
.header-menu__catalog:active > .header-menu__catalog-submenus {
display: block;
}
.header-menu__catalog-submenus > ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
position: relative;
font-size: 16px;
line-height: 19px;
font-weight: 500;
}
.header-menu__catalog-submenus > ul > li {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
}
.header-menu__catalog-submenus > ul > li > a {
display: block;
margin: 0px 0px 0px 0px;
padding: 11px 15px 12px 15px;
padding-right: calc(6px + 15px + 15px);
position: relative;
border-radius: 5px;
color: #000;
text-decoration: none;
overflow-wrap: normal;
word-wrap: normal;
word-break: keep-all;
line-break: auto;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
white-space: nowrap;
}
.header-menu__catalog-submenus > ul > li:not(:has(.header-menu__catalog-submenu-content)) > a {
padding-right: 15px;
}
.header-menu__catalog-submenus > ul > li:hover > a, 
.header-menu__catalog-submenus > ul > li:active > a {
background: #c7152a;
color: #fff;
text-decoration: none;
}
.header-menu__catalog-submenus > ul > li > a:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(50% - (10px / 2) - 0px);
right: 15px;
width: 6px;
height: 10px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-image: url(../images/icon-menu-sub-horizontal-arrow.png);
}
.header-menu__catalog-submenus > ul > li:hover > a:before, 
.header-menu__catalog-submenus > ul > li:active > a:before {
background-image: url(../images/icon-menu-sub-horizontal-arrow-hover.png);	
}
.header-menu__catalog-submenus > ul > li:not(:has(.header-menu__catalog-submenu-content)) > a:before {
display: none !important;
}
.header-menu__catalog-submenus > ul > li > .header-menu__catalog-submenu-content {
top: 0px;
left: 100%;
}
.header-menu__catalog-submenus > ul > li:hover > .header-menu__catalog-submenu-content, 
.header-menu__catalog-submenus > ul > li:active > .header-menu__catalog-submenu-content {
display: block;
}
.header-menu__catalog-submenu-content {
display: none;
margin: 0px 0px 0px 0px;
padding: 30px 30px 30px 30px;
position: absolute;
top: 56px;
left: 0px;
background: #fff;
color: #000;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.header-menu__catalog.header-menu__catalog_products .header-menu__catalog-submenu-content {
width: calc(1345px - 100%);
min-height: 100%;
max-height: calc(100vh - 191px - 30px);
overflow-y: auto;
}
.float-menu__menu .header-menu__catalog.header-menu__catalog_products .header-menu__catalog-submenu-content {
width: calc(1345px - (86px + 15px) - 100%);
max-height: calc(100vh - 59px - 30px);
}
.header-menu__catalog.header-menu__catalog_products .header-menu__catalog-submenu-content::-webkit-scrollbar-track, 
.header-menu__catalog.header-menu__catalog_products .header-menu__catalog-submenu-content::-webkit-scrollbar {
background-color: #f3f0ec;
}
.header-menu__catalog.header-menu__catalog_products .header-menu__catalog-submenu-content::-webkit-scrollbar {
width: 4px;
}
.header-menu__catalog.header-menu__catalog_products .header-menu__catalog-submenu-content::-webkit-scrollbar-thumb {
background-color: #c7152a;
}
.header-menu__catalog:hover > .header-menu__catalog-submenu-content, 
.header-menu__main > ul > li.menu-item-has-children:hover > .header-menu__catalog-submenu-content {
display: block;
}
.header-menu__catalog-submenu-content-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
min-height: 100%;
}
.header-menu__catalog-submenu-columns-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% - 226px - 30px);
}
.header-menu__catalog-submenu-columns-wrapper.header-menu__catalog-submenu-columns-wrapper_area {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin-left: -15px;
margin-right: -15px;
width: calc((100% + (15px * 2)) - 226px - 30px);
}
.float-menu__menu .header-menu__catalog-submenu-columns-wrapper {
width: 100%;
}
.float-menu__menu .header-menu__catalog-submenu-columns-wrapper.header-menu__catalog-submenu-columns-wrapper_area {
width: calc(100% + (15px * 2));
}
.header-menu__catalog-submenu-columns-area {
display: inline-block;
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header-menu__catalog-submenu.header-menu__catalog-submenu_gates .header-menu__catalog-submenu-columns-area {
width: calc(50% - (15px * 2));
}
.header-menu__catalog-submenu-columns-title {
display: block;
margin: -5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 24px;
line-height: 28px;
font-weight: 500;
}
.header-menu__catalog-submenu-columns-title a {
color: #000;
text-decoration: none;
}
.header-menu__catalog-submenu-columns-title a:not([href]) {
cursor: text;
}
.header-menu__catalog-submenu-columns-title a[href]:hover, 
.header-menu__catalog-submenu-columns-title a[href]:active {
color: #e90520;
text-decoration: none;
}
.header-menu__catalog-submenu-columns {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: -5px -15px 0px -15px;
padding: 0px 0px 0px 0px;
}
.header-menu__catalog-submenu-columns-title + .header-menu__catalog-submenu-columns {
margin-top: 20px;
}
.header-menu__catalog-submenu-column {
display: inline-block;
vertical-align: top;
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(33.3333% - (15px * 2))
}
.header-menu__catalog-submenu.header-menu__catalog-submenu_tehdveri .header-menu__catalog-submenu-column {
width: calc(100% - (15px * 2));
}
.header-menu__catalog-submenu.header-menu__catalog-submenu_porchdoors .header-menu__catalog-submenu-column {
width: calc(100% - (15px * 2));
}
.header-menu__catalog-submenu.header-menu__catalog-submenu_alumdoors .header-menu__catalog-submenu-column {
width: calc(100% - (15px * 2));
}
.header-menu__catalog-submenu.header-menu__catalog-submenu_alumokna .header-menu__catalog-submenu-column {
width: calc(100% - (15px * 2));
}
.header-menu__catalog-submenu.header-menu__catalog-submenu_gates .header-menu__catalog-submenu-column {
width: calc(100% - (15px * 2));
}
.header-menu__catalog-submenu.header-menu__catalog-submenu_ventings .header-menu__catalog-submenu-column {
width: calc(100% - (15px * 2));
}
.header-menu__catalog.header-menu__catalog_calculators .header-menu__catalog-submenu-column {
width: calc(100% - (15px * 2));
}
.header-menu__main > ul > li.menu-item-has-children .header-menu__catalog-submenu-column {
width: calc(100% - (15px * 2));
}
.header-menu__catalog-submenu-column-name {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
line-height: 21px;
font-weight: 500;
}
.header-menu__catalog-submenu-column-name > a {
color: #000;
text-decoration: none;
}
.header-menu__catalog-submenu-column-name > a:hover, 
.header-menu__catalog-submenu-column-name > a:active {
color: #e90520;
text-decoration: none;
}
.header-menu__catalog-submenu-column > div {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.header-menu__catalog-submenu-column > div:first-child {
margin-top: 0px;
}
.header-menu__catalog-submenu-column ul {
display: block;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
line-height: 19px;
font-weight: 400;
}
.header-menu__catalog-submenu-column ul:first-child {
margin-top: 0px;
}
.header-menu__catalog-submenu-column[data-columns] ul {
column-gap: 10px;
}
.header-menu__catalog-submenu-column[data-columns="1"] ul {
column-count: 1;
}
.header-menu__catalog-submenu-column[data-columns="2"] ul {
column-count: 2;
}
.header-menu__catalog-submenu-column[data-columns="3"] ul {
column-count: 3;
}
.header-menu__catalog-submenu-column[data-columns="4"] ul {
column-count: 4;
}
.header-menu__catalog-submenu-column ul li {
display: block;
margin: 8px 10px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
overflow-wrap: normal;
word-wrap: normal;
word-break: keep-all;
line-break: auto;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
white-space: nowrap;
}
.header-menu__catalog-submenu-column ul li.--hidden {
display: none;
}
.header-menu__catalog-submenu-column ul li.--display {
display: block !important;
}
.header-menu__catalog-submenu-column ul li.--display-none, 
.header-menu__catalog-submenu-column ul li.--display-none.--display {
display: none !important;
}
.header-menu__catalog-submenu-column[data-columns="1"] ul li {
margin-right: 0px;
}
.header-menu__catalog-submenu-column ul li:first-child {
margin-top: 0px;
}
.header-menu__catalog-submenu-column ul li a {
color: #333;
text-decoration: none;
}
.header-menu__catalog-submenu-column ul li a:hover, 
.header-menu__catalog-submenu-column ul li a:active {
color: #e90520;
text-decoration: none;
}
.header-menu__catalog-submenu-column-more {
display: inline-block;
vertical-align: top;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 19px;
font-weight: 400;
cursor: pointer;
}
/*
.float-menu__menu .header-menu__catalog-submenu-column-more {
display: none !important;
}
*/
.header-menu__catalog-submenu-column-more > span {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #808080;
}
.header-menu__catalog-submenu-column-more > span:hover, 
.header-menu__catalog-submenu-column-more > span:active {
color: #e90520;
}
.header-menu__catalog-submenu-column-more > span > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header-menu__catalog-submenu-column-more i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 6px;
padding: 0px 0px 0px 0px;
position: relative;
width: 8px;
height: 5px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-image: url(../images/icon-menu-sub-more-arrow.png);
}
.header-menu__catalog-submenu-column-more.--tohidden i {
transform: rotate(180deg);
}
.header-menu__catalog-submenu-column-more > span:hover i, 
.header-menu__catalog-submenu-column-more > span:active i {
background-image: url(../images/icon-menu-sub-more-arrow-hover.png);
}
.header-menu__catalog-submenu-banner-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 226px;
height: 425px;
border-radius: 10px;
flex-shrink: 0;
}
.float-menu__menu .header-menu__catalog-submenu-banner-wrapper {
display: none !important;
}
.header-menu__catalog-submenu-banner {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 100%;
border-radius: inherit;
background-color: #eee;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.header-menu__main {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: inherit;
font-size: 0px;
color: #fff;
text-align: left;
z-index: 3;
}
.header-menu__main > ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: inherit;
font-size: 0px;
}
.header-menu__main > ul > li {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: inherit;
font-size: 16px;
line-height: 19px;
font-weight: 700;
}
.header-menu__main > ul > li:last-child {
margin-right: 0px;
}
.header-menu__main > ul > li > a {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
height: inherit;
color: #fff;
text-decoration: none;
overflow-wrap: normal;
word-wrap: normal;
word-break: keep-all;
line-break: auto;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
white-space: nowrap;
}
.header-menu__main > ul > li > a:hover, 
.header-menu__main > ul > li > a:active, 
.header-menu__main > ul > li.active > a {
color: #fff;
text-decoration: none;
background: #d91d38;
}
.header-menu__icons {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: inherit;
z-index: 5;
}
.header-menu__icons-items-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: inherit;
}
.header-menu__icons-items {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: inherit;
}
.header-menu__icons-item {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 56px;
height: inherit;
}
.header-menu__icons-item > a, 
.header-menu__icons-item > span {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: inherit;
height: inherit;
color: #fff;
text-decoration: none;
cursor: pointer;
}
.header-menu__icons-item > a:hover, 
.header-menu__icons-item > a:active, 
.header-menu__icons-item > span:hover, 
.header-menu__icons-item > span:active {
background: #d91d38;
}
.header-menu__icons-item.header-menu__icons-item_active > a, 
.header-menu__icons-item.header-menu__icons-item_active > span {
background: #9a0207 !important;
}
.header-menu__icons-item > a > i, 
.header-menu__icons-item > span > i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: contain;
z-index: 1;
}
.header-menu__icons-item.header-menu__icons-item_search > a > i, 
.header-menu__icons-item.header-menu__icons-item_search > span > i {
width: 20px;
height: 20px;
background-image: url(../images/icon-header-search.svg);
}
.header-menu__icons-item.header-menu__icons-item_active.header-menu__icons-item_search > a > i, 
.header-menu__icons-item.header-menu__icons-item_active.header-menu__icons-item_search > span > i {
width: 18px;
height: 18px;
background-image: url(../images/icon-header-search-close.svg);
}
.header-menu__icons-item.header-menu__icons-item_compare > a > i, 
.header-menu__icons-item.header-menu__icons-item_compare > span > i {
width: 22px;
height: 20px;
background-image: url(../images/icon-header-compare.svg);
}
.header-menu__icons-item.header-menu__icons-item_favorites > a > i, 
.header-menu__icons-item.header-menu__icons-item_favorites > span > i {
width: 22px;
height: 20px;
background-image: url(../images/icon-header-favorites.svg);
}
.header-menu__icons-item > a > span, 
.header-menu__icons-item > span > span {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 4px 0px 4px;
position: absolute;
top: calc(10px - 3px);
right: calc(10px - 3px);
min-width: calc(15px + (3px * 2));
height: calc(15px + (3px * 2));
color: #000;
font-size: 9px;
line-height: 15px;
font-weight: 500;
text-align: center;
border-radius: 18px;
background: #fff;
border: 3px solid #c61529;
opacity: 0;
transform: translateY(-5px);
transition: opacity 250ms linear, transform 250ms linear;
z-index: 2;
}
.header-menu__icons-item > a:hover > span, 
.header-menu__icons-item > a:active > span, 
.header-menu__icons-item > span:hover > span, 
.header-menu__icons-item > span:active > span {
border-color: #d91d38;
}
.header-menu__icons-item > a > span.header-menu__icons-item-counter_show, 
.header-menu__icons-item > span > span.header-menu__icons-item-counter_show {
transform: translateY(0px);
opacity: 1;
}
.header-menu__search {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 0px;
position: relative;
width: calc(255px + 10px);
flex-shrink: 0;
z-index: 5;
}
.header-menu__search form {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header-menu__search input.header-menu__search-input {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
padding-right: calc(20px + (10px * 2));
position: relative;
width: 100%;
height: 36px;
border: none;
outline: none;
text-align: left;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400;
color: #000;
background: #fff;
border-radius: 4px;
box-sizing: border-box;
z-index: 1;
}
.header-menu__search input.header-menu__search-input.error {}
.header-menu__search input.header-menu__search-input_error[type='text']::-webkit-input-placeholder, 
.header-menu__search input.header-menu__search-input_error[type='text']::-moz-placeholder, 
.header-menu__search input.header-menu__search-input_error[type='text']:-moz-placeholder, 
.header-menu__search input.header-menu__search-input_error[type='text']:-ms-input-placeholder {
color: #808080;
}
.header-menu__search input.header-menu__search-input_error[type='text']::-webkit-input-placeholder {
color: #808080;
}
.header-menu__search input.header-menu__search-input_error[type='text']:focus::-webkit-input-placeholder, 
.header-menu__search input.header-menu__search-input_error[type='text']:focus::-moz-placeholder, 
.header-menu__search input.header-menu__search-input_error[type='text']:focus:-moz-placeholder, 
.header-menu__search input.header-menu__search-input_error[type='text']:focus:-ms-input-placeholder {
color: transparent;
}
.header-menu__search-submit {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
right: 0px;
width: calc(20px + (10px * 2));
height: 100%;
border: none;
outline: none;
background: none;
cursor: pointer;
-webkit-appearance: none;
text-decoration: none;
box-sizing: border-box;
z-index: 10;
}
.header-menu__search-submit > i {
display: block;
position: absolute;
top: calc(50% - (20px / 2));
right: calc(50% - (20px / 2));
width: 20px;
height: 20px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-image: url(../images/icon-search.svg);
background-size: cover;
}
.header-menu__search-submit:hover > i, 
.header-menu__search-submit:active > i {
background-image: url(../images/icon-search-hover.svg);
}
.header-menu__search.loading .header-menu__search-submit > i:before {
content: "";
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 4px;
right: 8px;
width: 8px;
height: 8px;
border: 1px solid #999;
border-bottom-color: transparent;
border-radius: 50%;
box-sizing: border-box;
animation: header-menu__search-submit--rotation 1s linear infinite;
}
.header-menu__search.loading .header-menu__search-submit:hover > i:before, 
.header-menu__search.loading .header-menu__search-submit:active > i:before {
border-color: #c7152a;
border-bottom-color: transparent;
}
@keyframes header-menu__search-submit--rotation {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
} 
.header-menu__search-submit > span {
display: none;
}
.header-menu__search.header__search_results input.header-menu__search-input, 
.header-mobile__search-panel.header__search_results input.header-mobile__search-panel-input {
border-radius: 4px 4px 0px 0px;
}
.header-menu__icons-item-search .header-menu__search.header__search_results input.header-menu__search-input {
border-radius: 4px 4px 4px 4px;
}
.header__search-result {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(100% - 10px);
left: 0px;
width: calc(100% - 10px);
background: #fff;
border-radius: 0px 0px 4px 4px;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
border-top: 1px solid rgba(0, 0, 0, 0.1);
z-index: 50;
}
.header-menu__icons-item-search .header__search-result {
top: 100%;
width: 100%;
}
.header__search-result.header__search-result_hidden {
display: none;
}
.header-menu__icons-item-search.header-menu__icons-item-search_results .header__search-result.header__search-result_hidden {
display: block;
}
.header__search-result-links {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__search-result-links-items-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__search-result-links-items {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__search-result-links-item {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 18px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
color: #808080;
}
.header__search-result-links-item.header__search-result-links-item_all {
background: #f0eeec;
color: #5d5854;
border-radius: 0px 0px 4px 4px;
}
.header__search-result-links-item-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 4px 15px 4px 15px;
position: relative;
color: inherit;
text-decoration: none;
}
.header__search-result-links-item:first-child .header__search-result-links-item-inner {
padding-top: calc(4px + 5px + 4px);
}
.header__search-result-links-items:has(.header__search-result-links-item_all) .header__search-result-links-item:nth-last-child(2) .header__search-result-links-item-inner, 
.header__search-result-links-items:not(:has(.header__search-result-links-item_all)) .header__search-result-links-item:last-child .header__search-result-links-item-inner {
padding-bottom: calc(4px + 5px + 3px);
}
.header__search-result-links-item.header__search-result-links-item_all .header__search-result-links-item-inner {
padding-top: 10px;
padding-bottom: 10px;
}
a.header__search-result-links-item-inner:hover, 
a.header__search-result-links-item-inner:active {
color: #e90520;
text-decoration: none;
}
.header__search-result-links-item-label {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.header__search-result-links-item-count {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 40px;
text-align: right;
flex-shrink: 0;
}
.header-menu__icons-item-search {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 100%;
right: 0px;
background: #9a0207;
border-radius: 0px 0px 4px 4px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.header-menu__icons-item.header-menu__icons-item_active .header-menu__icons-item-search {
display: block;
}
.header-menu__icons-item-search.header-menu__icons-item-search_results {
border-radius: 0px 0px 0px 0px;
}
.header-menu__icons-item-search .header-menu__search {
padding: 10px 10px 10px 10px;
width: 320px;
}
@media (min-width: 1395px) {
	.header-menu__catalog > a, 
	.header-menu__main > ul > li.menu-item-has-children > a, 
	.header-menu__main > ul > li > a {
		padding-left: 26px;
		padding-right: 26px;
	}
	.header-menu__catalog-submenu-content {
		padding: 26px 26px 26px 26px;
	}
}
@media (max-width: 1394px) {
	.header-menu__catalog.header-menu__catalog_products .header-menu__catalog-submenu-content {
		width: calc(1200px - 100%);
	}
	.float-menu__menu .header-menu__catalog.header-menu__catalog_products .header-menu__catalog-submenu-content {
		width: calc(1200px - (86px + 15px) - 100%);
	}
	.header-menu__catalog-submenu-columns-wrapper {
		width: 100%;
	}
	.header-menu__catalog-submenu-columns-wrapper.header-menu__catalog-submenu-columns-wrapper_area {
		flex-wrap: wrap;
		width: calc(100% + (15px * 2));
	}
	.header-menu__catalog-submenu-banner-wrapper {
		display: none !important;
	}
	.header-menu__catalog > a, 
	.header-menu__main > ul > li.menu-item-has-children > a, 
	.header-menu__main > ul > li > a {
		padding-left: 23px;
		padding-right: 23px;
	}
	.header-menu__main > ul > li:first-child {
		display: none;
	}
	.header-menu__main > ul > li:first-child + .header-menu__seperator {
		display: none;
	}
	.header-menu__catalog-submenu-content {
		padding: 23px 23px 23px 23px;
	}
	.header-menu__search {
		width: calc(205px + 10px);
	}
	.header__search-result-links-item-count {
		display: none;
	}
}
@media (max-width: 1199px) {
	.header-menu__device {
		display: inline-block;
	}
	.header-menu__catalog, 
	.header-menu__main, 
	.header-menu__wrapper {
		display: none;
	}
	.header-menu__search {
		padding-left: 10px;
		width: calc(205px + (10px * 2));
	}
	.header__search-result {
		left: 10px;
		width: calc(100% - (10px * 2));
	}
}
@media (max-width: 499px) {
	.header-menu {
		display: none;
		height: 53px;
	}
	.header-menu__device > a {
		padding-top: 17px;
		padding-bottom: 18px;
	}
	.header__search-result {
		left: 25px;
		width: calc(100% - (25px * 2));
	}
	.header__search-result-links-item-count {
		display: inline-block;
	}
}
@media (max-width: 349px) {
	.header__search-result-links-item-count {
		display: none;
	}
}

/*--- Хлебные крошки ---*/
.breadcrumbs, 
.breadcrumbs-section {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 80;
}
.breadcrumbs .container {
padding-top: 20px;
padding-bottom: calc(20px + 8px);
z-index: 5;
}
.breadcrumbs .title-page-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.breadcrumbs .title-page {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 28px;
line-height: 36px;
font-weight: 700;
color: #000000;
text-wrap: balance;
}
.breadcrumbs .title-page-wrapper .title-page {
display: inline-block;
vertical-align: top;
}
.breadcrumbs .title-page-wrapper > sup {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 8px;
padding: 0px 0px 0px 0px;
position: relative;
top: 13px;
color: #808080;
font-size: 14px;
line-height: 0px;
white-space: nowrap;
}
.breadcrumbs-list-wrapper {
display: block;
margin: 7px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.breadcrumbs-list-wrapper ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0px;
}
.breadcrumbs-list-wrapper ul li {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
margin-left: 10px;
padding: 0px 0px 0px 0px;
padding-right: calc(10px + 6px);
position: relative;
font-size: 14px;
line-height: 19px;
font-weight: 400;
color: #5d5854;
}
.breadcrumbs-list-wrapper ul li:first-child {
margin-left: 0px;
}
.breadcrumbs-list-wrapper ul li:last-child {
padding-right: 0px;
}
.breadcrumbs-list-wrapper ul li:after {
content: "";
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 5px;
right: 0px;
min-width: 6px;
width: 6px;
height: 9px;
background-repeat: no-repeat;
background-position: center top;
background-image: url(../images/icon-breadcrumbs-arrow.png);
}
.breadcrumbs-list-wrapper ul li:last-child:after {
display: none;
}
.breadcrumbs-list-wrapper ul li a {
color: #5d5854;
text-decoration: underline;
}
.breadcrumbs-list-wrapper ul li a:hover, 
.breadcrumbs-list-wrapper ul li a:active {
color: #e90520;
text-decoration: none;
}
@media (max-width: 1394px) {
	.breadcrumbs .title-page-wrapper > sup {
		display: none;
	}
}
@media (max-width: 1199px) {
	.breadcrumbs .title-page {
		font-size: 28px;
		line-height: 32px;
	}
	.breadcrumbs-list-wrapper ul li:nth-last-child(1) {
		display: none;
	}
	.breadcrumbs-list-wrapper ul li:nth-last-child(2) {
		padding-right: 0px;
	}
	.breadcrumbs-list-wrapper ul li:nth-last-child(2):after {
		display: none;
	}
}
@media (max-width: 767px) {
	.breadcrumbs .container {
		padding-top: 23px;
		padding-bottom: calc(23px + 4px);
	}
	.breadcrumbs .title-page {
		font-size: 26px;
		line-height: 30px;
	}
}
@media (max-width: 499px) {
	.breadcrumbs-list-wrapper {
		display: none;
	}
	.breadcrumbs .title-page {
		font-size: 25px;
		line-height: 29px;
	}	
	.breadcrumbs-list-wrapper ul li {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		padding-right: 0px;
		margin-left: 0px;
		width: 100%;
	}
	.breadcrumbs-list-wrapper ul li:after {
		position: relative;
		margin-left: 9px;
	}
}

/*--- Клиенты ---*/
.clients-section {
display: block;
margin: 0px 0px 0px 0px;
padding: 60px 0px 0px 0px;
position: relative;
z-index: 70;
}
.clients__items-wrapper {
display: block;
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.clients__items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -10px -5.5px 0px -5.5px;
padding: 0px 0px 0px 0px;
font-size: 0px;
text-align: center;
}
.clients__item {
display: inline-block;
vertical-align: top;
margin: 10px 5.5px 0px 5.5px;
padding: 0px 0px 0px 0px;
position: relative;
width: 162px;
height: 110px;
border: 1px solid #e8e8e8;
}
.clients__item-img {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: 100%;
opacity: 0.5;
-webkit-filter: grayscale(100%);
-webkit-filter: grayscale(1);
filter: grayscale(100%);
}
.clients__item:hover .clients__item-img, 
.clients__item:active .clients__item-img {
opacity: 1;
-webkit-filter: grayscale(0%);
-webkit-filter: grayscale(0);
filter: grayscale(0%);
}
.clients__item-img > div {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.clients__item-img img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
min-width: 0%;
min-height: 0%;
max-width: 100%;
max-height: 100%;
z-index: 1;
}
@media (min-width: 1395px) {
	.clients__item {
		width: 182.5px;
	}
}
@media (max-width:  1199px) {
	.clients__items {
		margin-left: -5px;
		margin-right: -5px;
	}
	.clients__item {
		margin-left: 5px;
		margin-right: 5px;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.clients__item {
		width: 165px;
	}
}
@media (min-width: 500px) and (max-width: 767px) {
	.clients__item {
		width: 160px;
	}
}
@media (max-width: 499px) {
	.clients-section {
		padding-top: 43px;
	}
	.clients__items-wrapper {
		margin-top: 30px;
	}
	.clients__item {
		width: calc(50% - (5px * 2));
		height: 100px;
	}
	.clients__item-img img {
		backface-visibility: hidden;
		transform: translateZ(0);
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;
	}
}
@media (max-width: 369px) {
	.clients__item {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*--- Мини-карточки товаров ---*/
.product-items-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
}
.product-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
margin: -20px -10px 0px -10px;
padding: 0px 0px 0px 0px;
font-size: 0px;
text-align: center;
}
.product-item {
display: inline-block;
vertical-align: top;
margin: 20px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(25% - (10px * 2));
}
.product-item.product-item_hidden {
display: none !important;
}
.product-item.product-item-reshetka {
width: calc(33.3333% - (10px * 2));
}
.product-item.product-item-dver {
width: calc(33.3333% - (10px * 2));
}
.product-item.product-item-tehdver {
width: calc(33.3333% - (10px * 2));
}
.product-item.product-item-luk {
width: calc(33.3333% - (10px * 2));
}
.product-item.product-item-door {
width: calc(33.3333% - (10px * 2));
}
.product-item.product-item-vestibule {
width: calc(33.3333% - (10px * 2));
}
.product-item.product-item-porchdoor {
width: calc(33.3333% - (10px * 2));
}
.product-item.product-item-latticedoor {
width: calc(33.3333% - (10px * 2));
}
.product-item.product-item-alumdoor {
width: calc(33.3333% - (10px * 2));
}
.product-item.product-item-alumokno {
width: calc(33.3333% - (10px * 2));
}
.product-item.product-item-gate {
width: calc(33.3333% - (10px * 2));
}
.product-item.product-item-venting {
width: calc(33.3333% - (10px * 2));
}
.products-slider .product-item {
margin: 0px !important;
width: 100% !important;
}
body.pSearch .product-item {
width: calc(33.3333% - (10px * 2)) !important;
}
body.pFavorites .product-item {
width: calc(25% - (10px * 2)) !important;
}
.rubriki-products .product-item, 
.calculator-section .products-hits-wrapper .product-item, 
.otdelka-doors-products-items-wrapper .product-item {
width: calc(25% - (10px * 2));
}
.rubriki-products .product-item.product-item-reshetka, 
.calculator-section .products-hits-wrapper .product-item.product-item-reshetka, 
.otdelka-doors-products-items-wrapper .product-item.product-item-reshetka {
width: calc(25% - (10px * 2));
}
.rubriki-products .product-item.product-item-dver, 
.calculator-section .products-hits-wrapper .product-item.product-item-dver, 
.otdelka-doors-products-items-wrapper .product-item.product-item-dver {
width: calc(25% - (10px * 2));
}
.rubriki-products .product-item.product-item-tehdver, 
.calculator-section .products-hits-wrapper .product-item.product-item-tehdver, 
.otdelka-doors-products-items-wrapper .product-item.product-item-tehdver {
width: calc(25% - (10px * 2));
}
.rubriki-products .product-item.product-item-luk, 
.calculator-section .products-hits-wrapper .product-item.product-item-luk, 
.otdelka-doors-products-items-wrapper .product-item.product-item-luk {
width: calc(25% - (10px * 2));
}
.rubriki-products .product-item.product-item-door, 
.calculator-section .products-hits-wrapper .product-item.product-item-door, 
.otdelka-doors-products-items-wrapper .product-item.product-item-door {
width: calc(25% - (10px * 2));
}
.rubriki-products .product-item.product-item-vestibule, 
.calculator-section .products-hits-wrapper .product-item.product-item-vestibule, 
.otdelka-doors-products-items-wrapper .product-item.product-item-vestibule {
width: calc(25% - (10px * 2));
}
.rubriki-products .product-item.product-item-porchdoor, 
.calculator-section .products-hits-wrapper .product-item.product-item-porchdoor, 
.otdelka-doors-products-items-wrapper .product-item.product-item-porchdoor {
width: calc(25% - (10px * 2));
}
.rubriki-products .product-item.product-item-latticedoor, 
.calculator-section .products-hits-wrapper .product-item.product-item-latticedoor, 
.otdelka-doors-products-items-wrapper .product-item.product-item-latticedoor {
width: calc(25% - (10px * 2));
}
.rubriki-products .product-item.product-item-alumdoor, 
.calculator-section .products-hits-wrapper .product-item.product-item-alumdoor, 
.otdelka-doors-products-items-wrapper .product-item.product-item-alumdoor {
width: calc(25% - (10px * 2));
}
.rubriki-products .product-item.product-item-alumokno, 
.calculator-section .products-hits-wrapper .product-item.product-item-alumokno, 
.otdelka-doors-products-items-wrapper .product-item.product-item-alumokno {
width: calc(25% - (10px * 2));
}
.rubriki-products .product-item.product-item-gate, 
.calculator-section .products-hits-wrapper .product-item.product-item-gate, 
.otdelka-doors-products-items-wrapper .product-item.product-item-gate {
width: calc(25% - (10px * 2));
}
.rubriki-products .product-item.product-item-venting, 
.calculator-section .products-hits-wrapper .product-item.product-item-venting, 
.otdelka-doors-products-items-wrapper .product-item.product-item-venting {
width: calc(25% - (10px * 2));
}
.product-item:hover, 
.product-item:active {
z-index: 10;
}
.product-item > div {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: 100%;
background: #fff;
border: 1px solid #ededed;
text-decoration: none;
}
.product-item:hover > div, 
.product-item:active > div {
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}
.products-slider .product-item:hover > div, 
.products-slider .product-item:active > div {
box-shadow: none !important;
}
.product-item__img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
text-align: center;
overflow: hidden;
z-index: 8;
}
.product-item.product-item-reshetka .product-item__img {
height: 296px;
}
.product-item.product-item-dver .product-item__img {
height: calc(296px - 6px);
}
.product-item.product-item-tehdver .product-item__img {
height: calc(296px - 6px);
}
.product-item.product-item-luk .product-item__img {
height: calc(180px + (25px * 2));
margin-bottom: -6px;
}
.product-item.product-item-door .product-item__img {
height: calc(259px + (25px * 2));
margin-bottom: -6px;
}
.product-item.product-item-vestibule .product-item__img {
height: calc(259px + (25px * 2));
margin-bottom: -6px;
}
.product-item.product-item-porchdoor .product-item__img {
height: calc(259px + (25px * 2));
margin-bottom: -6px;
}
.product-item.product-item-latticedoor .product-item__img {
height: calc(259px + (25px * 2));
margin-bottom: -6px;
}
.product-item.product-item-alumdoor .product-item__img {
height: calc(259px + (25px * 2));
margin-bottom: -6px;
}
.product-item.product-item-alumokno .product-item__img {
height: calc(259px + (25px * 2));
margin-bottom: -6px;
}
.product-item.product-item-gate .product-item__img {
height: calc(182px + (25px * 2));
margin-bottom: -6px;
}
.product-item.product-item-venting .product-item__img {
height: calc(259px + (25px * 2));
margin-bottom: -6px;
}
.product-item__tips {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 12px;
left: 12px;
z-index: 10;
}
.product-item__tips-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: -8px -4px 0px -4px;
padding: 0px 0px 0px 0px;
position: relative;
}
.product-item__tip {
display: inline-block;
vertical-align: top;
margin: 8px 4px 0px 4px;
padding: 4px 4px 3px 4px;
position: relative;
font-size: 11px;
line-height: 11px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
background: #aea8a2;
border-radius: 4px;
cursor: default;
}
.product-item__tip.product-item__tip_hit {
background: #11b812;
}
.product-item__tip.product-item__tip_hit.product-item__tip_hit-icon {
width: 30px;
height: 16px;
padding: 0px 0px 0px 0px;
}
.product-item__tip.product-item__tip_hit.product-item__tip_hit-icon > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: inherit;
height: inherit;
background-repeat: no-repeat;
background-position: 50% 0px;
background-image: url(../images/icon-product-item-tip-hit.png);
}
.product-item__tip.product-item__tip_sale {
background: #e7001b;
}
.product-item__tip.product-item__tip_sale.product-item__tip_sale-icon {
width: 36px;
height: 16px;
padding: 0px 0px 0px 0px;
}
.product-item__tip.product-item__tip_sale.product-item__tip_sale-icon > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: inherit;
height: inherit;
background-repeat: no-repeat;
background-position: 50% 0px;
}
.product-item__tip.product-item__tip_sale.product-item__tip_sale-icon[data-icon="10"] > i {
background-image: url(../images/icon-product-item-tip-sale-10.png);
}
.product-item__tip.product-item__tip_sale.product-item__tip_sale-icon[data-icon="15"] > i {
background-image: url(../images/icon-product-item-tip-sale-15.png);
}
.product-item__tip.product-item__tip_sale.product-item__tip_sale-icon[data-icon="20"] > i {
background-image: url(../images/icon-product-item-tip-sale-20.png);
}
.product-item__tip.product-item__tip_sale.product-item__tip_sale-icon[data-icon="25"] > i {
background-image: url(../images/icon-product-item-tip-sale-25.png);
}
.product-item__tip.product-item__tip_sale.product-item__tip_sale-icon[data-icon="30"] > i {
background-image: url(../images/icon-product-item-tip-sale-30.png);
}
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon {
width: 33px;
height: 16px;
padding: 0px 0px 0px 0px;
}
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="eis"] {
width: 24px;
}
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="tip-1"], 
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="tip-2"], 
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="tip-3"] {
width: 40px;
}
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="none"] {
display: none;
}
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: inherit;
height: inherit;
background-repeat: no-repeat;
background-position: 50% 0px;
}
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="ei-15"] > i, 
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="eiw-15"] > i {
background-image: url(../images/icon-product-item-tip-resistance-ei-15.png);
}
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="ei-30"] > i, 
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="eiw-30"] > i {
background-image: url(../images/icon-product-item-tip-resistance-ei-30.png);
}
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="ei-45"] > i, 
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="eiw-45"] > i {
background-image: url(../images/icon-product-item-tip-resistance-ei-45.png);
}
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="ei-60"] > i, 
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="eiw-60"] > i {
background-image: url(../images/icon-product-item-tip-resistance-ei-60.png);
}
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="ei-90"] > i, 
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="eiw-90"] > i {
background-image: url(../images/icon-product-item-tip-resistance-ei-90.png);
}
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="eis"] > i {
background-image: url(../images/icon-product-item-tip-resistance-eis.png);
}
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="tip-1"] > i {
background-image: url(../images/icon-product-item-tip-resistance-tip-1.png);
}
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="tip-2"] > i {
background-image: url(../images/icon-product-item-tip-resistance-tip-2.png);
}
.product-item__tip.product-item__tip_resistance.product-item__tip_resistance-icon[data-icon="tip-3"] > i {
background-image: url(../images/icon-product-item-tip-resistance-tip-3.png);
}
.product-item__actions {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 12px;
right: 12px;
visibility: hidden;
opacity: 0;
z-index: 10;
}
.product-item:hover .product-item__actions, 
.product-item:active .product-item__actions {
visibility: visible;
opacity: 1;
}
.product-item__actions-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
margin: -8px -4px 0px -4px;
padding: 0px 0px 0px 0px;
position: relative;
}
.product-item__action {
display: inline-block;
vertical-align: top;
margin: 8px 4px 0px 4px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
line-height: 0px;
opacity: 0.5;
cursor: pointer;
}
.product-item__action:hover, 
.product-item__action:active, 
.product-item__action.product-item__action_active {
opacity: 1;
}
.product-item__action > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: contain;
}
.product-item__action.product-item__action_compare > i {
width: 16px;
height: 15px;
background-image: url(../images/icon-product-item-compare.svg);
}
.product-item__action.product-item__action_favorites > i {
width: 17px;
height: 15px;
background-image: url(../images/icon-product-item-favorites.svg);
}
.product-item__action.product-item__action_active.product-item__action_compare > i {
background-image: url(../images/icon-product-item-compare-active.svg);
}
.product-item__action.product-item__action_active.product-item__action_favorites > i {
background-image: url(../images/icon-product-item-favorites-active.svg);
}
.product-item__actions.product-item__actions_bg .product-item__action {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: #f3f0ec;
border-radius: 4px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
opacity: 1 !important;
}
.product-item__actions.product-item__actions_bg .product-item__action.product-item__action_compare {
width: calc(16px + (6px * 2));
height: calc(15px + (6px * 2));
}
.product-item__actions.product-item__actions_bg .product-item__action.product-item__action_favorites {
width: calc(17px + (6px * 2));
height: calc(15px + (6px * 2));
}
.product-item__actions.product-item__actions_bg .product-item__action > i {
opacity: 0.5;
}
.product-item__actions.product-item__actions_bg .product-item__action:hover > i, 
.product-item__actions.product-item__actions_bg .product-item__action:active > i, 
.product-item__actions.product-item__actions_bg .product-item__action.product-item__action_active > i {
opacity: 1;
}
.product-item__img-inner {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 100%;
z-index: 3;
}
.product-item.product-item-dver .product-item__img-inner {
height: 296px;
}
.product-item.product-item-tehdver .product-item__img-inner {
height: 296px;
}
.product-item__img-inner > a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: 100%;
text-decoration: none !important;
z-index: 10;
}
.product-item__img-inner > a:hover, 
.product-item__img-inner > a:active {
text-decoration: none !important;
}
.product-item.product-item-door .product-item__img-inner > a {
padding-left: 20px;
padding-right: 20px;
}
.product-item.product-item-vestibule .product-item__img-inner > a {
padding-left: 20px;
padding-right: 20px;
}
.product-item.product-item-porchdoor .product-item__img-inner > a {
padding-left: 20px;
padding-right: 20px;
}
.product-item.product-item-latticedoor .product-item__img-inner > a {
padding-left: 20px;
padding-right: 20px;
}
.product-item.product-item-alumdoor .product-item__img-inner > a {
padding-left: 20px;
padding-right: 20px;
}
.product-item.product-item-alumokno .product-item__img-inner > a {
padding-left: 20px;
padding-right: 20px;
}
.product-item.product-item-gate .product-item__img-inner > a {
padding-left: 20px;
padding-right: 20px;
}
.product-item.product-item-venting .product-item__img-inner > a {
padding-left: 20px;
padding-right: 20px;
}
.product-item__img-inner img {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: calc(56px + (0px * 2));
min-height: calc(56px + (10px * 2));
max-width: 100%;
max-height: 100%;
}
.product-item__btn-quickview {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(50% - ((35px + 1px) / 2));
left: calc(50% - (164px / 2));
width: 164px;
height: 35px;
visibility: hidden;
opacity: 0;
z-index: 30;
}
.product-item:hover .product-item__btn-quickview, 
.product-item:active .product-item__btn-quickview {
visibility: visible;
opacity: 1;
}
.product-item__btn-quickview > span {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
width: 164px;
height: 35px;
text-align: center;
border-radius: 30px;
background: rgba(0,0,0,0.55);
color: #fff;
font-size: 15px;
line-height: 19px;
cursor: pointer;
}
.product-item__btn-quickview > span:hover, 
.product-item__btn-quickview > span:active {
background: #c7152a;
}
.product-item__btn-quickview > span > span {
width: 100%;
}
.product-item__txt {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 24px calc(24px + (15px + 45px)) 24px;
position: relative;
text-align: left;
color: #45392b;
z-index: 5;
}
.product-item__cost-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.product-item__cost-cols {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.product-item__cost-col {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
font-weight: 400;
text-align: left;
}
.product-item__cost-col.--new {
color: #c7152a;
font-size: 19px;
line-height: 19px;
font-weight: 700;
}
.product-item__cost-col.--old {
top: 2px;
color: #b2b2b2;
font-size: 14px;
line-height: 19px;
font-weight: 500;
text-decoration: line-through;
}
.product-item__cost-col.--sale {
top: 2px;
color: #c7152a;
font-size: 14px;
line-height: 19px;
font-weight: 500;
}
.product-item__cost-col-value {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
white-space: nowrap;
}
.product-item__cost-col-value[data-content]:before {
content: attr(data-content);
display: inline;
}
.product-item__cost-col.--sale .product-item__cost-col-value:not([data-content]):before {
content: "-";
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.product-item__cost-col.--sale .product-item__cost-col-value:not([data-content]) > span[data-content]:before {
content: attr(data-content);
display: inline;
}
.product-item__title {
display: block;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
line-height: 22px;
font-weight: 400;
color: #5d5854;
}
.product-item__title a, 
.products-slider .product-item__title a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
color: #5d5854;
text-decoration: none;
text-wrap: balance;
}
.product-item__title a:hover, 
.product-item__title a:active, 
.products-slider .product-item__title a:hover, 
.products-slider .product-item__title a:active {
color: #e90520;
}
.product-item__title-size {
display: block;
}
.product-item__title-id {
display: block;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #11b812;
font-weight: 500;
}
.product-item__title-id a {
display: inline;
color: inherit !important;
text-decoration: none;
}
.product-item__title-id a:hover, 
.product-item__title-id a:active {
opacity: 0.75;
text-decoration: underline;
}
.product-item__rating {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin: 8px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 10;
}
.product-item__rating-stars-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
top: -1px;
}
.product-item__rating-stars {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -1.5px 0px -1.5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.product-item__rating-star {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 1.5px 0px 1.5px;
position: relative;
font-size: 0px;
line-height: 0px;
}
.product-item__rating-star > i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 12px;
height: 12px;
font-size: 0px;
line-height: 0px;
background-repeat: no-repeat;
background-position: -5px -5px;
background-image: url(../images/icon-product-item-stars.png);
}
.product-item__rating-star > i > span {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 0%;
height: 100%;
background-repeat: no-repeat;
background-position: -27px -5px;
background-image: url(../images/icon-product-item-stars.png);
}
.product-item__rating-total {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 18px;
color: #b2b2b2;
overflow-wrap: normal;
word-wrap: normal;
word-break: keep-all;
line-break: auto;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
white-space: nowrap;
}
.product-item__rating-total-average {
color: #5d5854;
}
.product-item__price-wrapper {
display: block;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.product-item__price-cols {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
margin: 0px -5px 0px -5px;
padding: 0px 0px 0px 0px;
}
.product-item__price-col {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
font-size: 19px;
line-height: 23px;
font-weight: 400;
word-spacing: 0em;
text-align: center;
}
.product-item__price-col.product-item__price-col_new {
color: #c7152a;
font-weight: 500;
}
.product-item__price-col.product-item__price-col_old {
color: #b2b2b2;
text-decoration: line-through;
}
.product-item__price-col > sup {
position: relative;
top: 3px;
left: 3px;
font-size: 12px;
line-height: 0px;
font-weight: 500;
}
.product-item__price-col.product-item__price-col_new > sup {
color: #c7152a;
}
.product-item__price-col.product-item__price-col_old > sup {
color: #b2b2b2;
}
.product-item__btn-wrapper {
display: block;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
bottom: 24px;
left: 24px;
width: calc(100% - (24px * 2));
z-index: 8;
}
.product-item__btn {
width: 100%;
}
.product-item__btn[aria-label]:before {
content: attr(aria-label);
}
.product-item__btn.btn-yellow {
background: none;
border: 2px solid #ffcc00;
}
a.product-item__btn.btn-yellow {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
a.product-item__btn.btn-yellow > span {
display: block;
}
.product-item__btn.btn-yellow:hover, 
.product-item__btn.btn-yellow:active {
background: #ffe400;
border-color: #ffe400;
}
.product-item__btn.btn-yellow:disabled, 
.product-item__btn.btn-yellow[disabled] {
background: none !important;
border-color: #ffcc00 !important;
cursor: default !important;
opacity: 0.5 !important;
}
.product-item:has(.product-item__edit-wrapper) .product-item__txt {
padding-bottom: calc(24px + (15px + 45px) + (15px + 45px));
}
.product-item:has(.product-item__edit-wrapper) .product-item__btn-wrapper {
bottom: calc(24px + (15px + 45px));
}
.product-item__edit-wrapper {
display: block;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
bottom: 24px;
left: 24px;
width: calc(100% - (24px * 2));
z-index: 8;
}
a.product-item__edit {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 20px;
position: relative;
float: none;
width: 100%;
height: 45px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 500;
color: #000;
background: none;
border-radius: 4px;
border: 2px solid #5dc351;
outline: none;
text-align: center;
cursor: pointer;
-webkit-appearance: none;
text-decoration: none;
box-sizing: border-box;
}
a.product-item__edit:hover, 
a.product-item__edit:active {
background: #5dc351;
border-color: #5dc351;
color: #fff;
}
a.product-item__edit > span {
display: block;
}
a.product-item__aria-link {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 7;
cursor: pointer;
color: inherit;
font-size: 0px;
line-height: 0px;
text-decoration: none;
outline: none;
}
a.product-item__aria-link:hover, 
a.product-item__aria-link:active {
text-decoration: none;
}
@media (max-width: 1394px) {
	body.pFavorites .product-item {
		width: calc(33.3333% - (10px * 2)) !important;
	}
}
@media (min-width: 1200px) {
	.product-item:hover .product-item__title a {
		color: #c7152a;
	}
	.product-item:hover .product-item__title .product-item__title-id a {
		color: inherit;
	}
}
@media (max-width: 1199px) {
	.product-item, 
	.rubriki-products .product-item, 
	.calculator-section .products-hits-wrapper .product-item, 
	.otdelka-doors-products-items-wrapper .product-item, 
	body.pSearch .product-item, 
	body.pFavorites .product-item {
		width: calc(50% - (10px * 2)) !important;
	}
}
@media (max-width: 767px) {
	.product-item, 
	.rubriki-products .product-item, 
	.calculator-section .products-hits-wrapper .product-item, 
	.otdelka-doors-products-items-wrapper .product-item, 
	body.pSearch .product-item, 
	body.pFavorites .product-item {
		width: calc(100% - (10px * 2)) !important;
	}
}
@media (max-width: 499px) {
	.product-item__img {
		height: auto;
		padding: 0px 0px 0px 0px !important;
	}
	.product-item.product-item-reshetka .product-item__img {
		height: 250px;
		margin-bottom: -2px;
	}
	.product-item.product-item-dver .product-item__img {
		height: auto;
		margin-bottom: -2px;
	}
	.product-item.product-item-tehdver .product-item__img {
		height: auto;
		margin-bottom: -2px;
	}
	.product-item.product-item-luk .product-item__img {
		height: auto;
		margin-bottom: -2px;
	}
	.product-item.product-item-door .product-item__img {
		height: auto;
		margin-bottom: -2px;
	}
	.product-item.product-item-vestibule .product-item__img {
		height: auto;
		margin-bottom: -2px;
	}
	.product-item.product-item-porchdoor .product-item__img {
		height: auto;
		margin-bottom: -2px;
	}
	.product-item.product-item-latticedoor .product-item__img {
		height: auto;
		margin-bottom: -2px;
	}
	.product-item.product-item-alumdoor .product-item__img {
		height: auto;
		margin-bottom: -2px;
	}
	.product-item.product-item-alumokno .product-item__img {
		height: auto;
		margin-bottom: -2px;
	}
	.product-item.product-item-gate .product-item__img {
		height: auto;
		margin-bottom: -2px;
	}
	.product-item.product-item-venting .product-item__img {
		height: auto;
		margin-bottom: -2px;
	}
	.product-item__actions {
		visibility: visible !important;
		opacity: 1 !important;
	}
	.product-item__actions:not(.product-item__actions_bg) .product-item__action {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		background: #f3f0ec;
		border-radius: 4px;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
		opacity: 1 !important;
	}
	.product-item__actions:not(.product-item__actions_bg) .product-item__action.product-item__action_compare {
		width: calc(16px + (6px * 2));
		height: calc(15px + (6px * 2));
	}
	.product-item__actions:not(.product-item__actions_bg) .product-item__action.product-item__action_favorites {
		width: calc(17px + (6px * 2));
		height: calc(15px + (6px * 2));
	}
	.product-item__actions:not(.product-item__actions_bg) .product-item__action > i {
		opacity: 0.5;
	}
	.product-item__actions:not(.product-item__actions_bg) .product-item__action:hover > i, 
	.product-item__actions:not(.product-item__actions_bg) .product-item__action:active > i, 
	.product-item__actions:not(.product-item__actions_bg) .product-item__action.product-item__action_active > i {
		opacity: 1;
	}
	.product-item.product-item-dver .product-item__img-inner {
		height: 100%;
	}
	.product-item.product-item-tehdver .product-item__img-inner {
		height: 100%;
	}
	.product-item.product-item-reshetka .product-item__img-inner > a {
		padding: 20px 20px 20px 20px;
	}
	.product-item.product-item-dver .product-item__img-inner > a {
		padding: 0px 0px 0px 0px;
	}
	.product-item.product-item-tehdver .product-item__img-inner > a {
		padding: 0px 0px 0px 0px;
	}
	.product-item.product-item-luk .product-item__img-inner > a {
		padding: 20px 20px 20px 20px;
	}
	.product-item.product-item-door .product-item__img-inner > a {
		padding: 20px 20px 20px 20px;
	}
	.product-item.product-item-vestibule .product-item__img-inner > a {
		padding: 20px 20px 20px 20px;
	}
	.product-item.product-item-porchdoor .product-item__img-inner > a {
		padding: 20px 20px 20px 20px;
	}
	.product-item.product-item-latticedoor .product-item__img-inner > a {
		padding: 20px 20px 20px 20px;
	}
	.product-item.product-item-alumdoor .product-item__img-inner > a {
		padding: 20px 20px 20px 20px;
	}
	.product-item.product-item-alumokno .product-item__img-inner > a {
		padding: 20px 20px 20px 20px;
	}
	.product-item.product-item-gate .product-item__img-inner > a {
		padding: 20px 20px 20px 20px;
	}
	.product-item.product-item-venting .product-item__img-inner > a {
		padding: 20px 20px 20px 20px;
	}
	.product-item__img-inner img {
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;
	}
	.product-item__btn-quickview {
		display: none;
	}
	.product-item__txt {
		padding: 0px 20px calc(20px + (15px + 43px)) 20px;
	}
	.product-item__title br {
		display: none;
	}
	.product-item__price-wrapper {
		margin-top: 6px;
	}
	.product-item__price-cols {
		flex-wrap: wrap;
	}
	.product-item__btn-wrapper {
		bottom: 20px;
		left: 20px;
		width: calc(100% - (20px * 2));
	}
	.product-item:has(.product-item__edit-wrapper) .product-item__txt {
		padding-bottom: calc(20px + (15px + 43px) + (15px + 43px));
	}
	.product-item:has(.product-item__edit-wrapper) .product-item__btn-wrapper {
		bottom: calc(20px + (15px + 43px));
	}
	.product-item__edit-wrapper {
		bottom: 20px;
		left: 20px;
		width: calc(100% - (20px * 2));
	}
	a.product-item__edit {
		padding: 0px 16px 0px 16px;
		height: 43px;
	}
}
@media (max-width: 369px) {
	.product-item__cost-col.--sale {
		display: none;
	}
}
@media (max-width: 359px) {
	.product-item__price-col {
		font-size: 18px;
	}
}

.favorites-section {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 60px 0px;
position: relative;
z-index: 90;
}
.favorites-section > .container:after {
display: none;
}
@media (max-width: 499px) {
	.favorites-section {
		padding-bottom: 50px;
	}
}

.product-more {
display: block;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.product-more.none, 
.product-more.product-more_none {
display: none;
}
.product-more .btn-more {
width: 100%;
}
.product-more .btn-more__loading-inner {
display: inline-block;
vertical-align: top;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px calc(17px + 8px) 0px 0px;
}
.product-more .btn-more__loading-inner > i {
display: block;
position: absolute;
top: -2px;
right: 0px;
width: 17px;
height: 17px;
}

.products-no-found {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
margin: 0px 10px 0px 10px;
padding: 20px 0px 0px 0px;
position: relative;
color: #76726f;
text-align: center;
}
.products-no-found-icon {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.products-no-found-icon > img {
display: block;
margin: 0 auto;
padding: 0px 0px 0px 0px;
width: 128px;
height: 137px;
}
.products-no-found-title {
display: block;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
font-size: 24px;
line-height: 28px;
font-weight: 500;
color: #000;
}
.products-no-found-subtitle {
display: block;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
font-size: 16px;
line-height: 22px;
color: #76726f;
}
@media (max-width: 499px) {
	.products-no-found {
		border-top: 1px solid #eee;
		padding-top: 30px;
	}
	body.pSearch .products-no-found {
		border-top: none;
		padding-top: 15px;
	}
	.products-no-found-title {
		font-size: 20px;
		line-height: 24px;
	}
	.products-no-found-subtitle {
		font-size: 16px;
		line-height: 22px;
	}
}

/*--- Консультация ---*/
.consult-section {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 380px;
background-color: #e7e5e0;
background-repeat: no-repeat;
background-position: center top;
z-index: 90;
}
.consult-section .container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
height: inherit;
}
.consult-section .container > div {
width: 100%;
}
.consult__text {
display: block;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
position: relative;
width: 600px;
}
.consult__title {
display: block;
margin: -6px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 28px;
line-height: 34px;
font-weight: 700;
text-align: left;
}
.consult__subtitle {
display: block;
margin: calc(25px - 3px) 0px 0px 0px; 
padding: 0px 0px 0px 0px;
position: relative;
color: #5d5854;
font-size: 18px;
line-height: 28px;
}
.consult__btn-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 45px;
font-size: 0px;
}
.consult__btn-wrapper .btn-yellow {
display: inline-block;
vertical-align: top;
}
.consult__phone {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 30px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 24px;
line-height: 28px;
font-weight: 500;
color: #5d5854;
}
.consult__phone a {
color: inherit;
text-decoration: none;
cursor: text;
}
.consult__phone a:hover, 
.consult__phone a:active {
color: inherit;
text-decoration: none;
}
.consult__phone a > span {
color: inherit;
}
@media (max-width: 1199px) {
	.consult__text {
		width: 400px;
	}
	.consult__subtitle br {
		display: none;
	}
}
@media (min-width: 500px) and (max-width: 1199px) {
	.consult__phone {
		display: none;
	}
}
@media (max-width: 499px) {
	.consult-section {
		padding-top: 45px;
		padding-bottom: 45px;
		height: auto;
		background: #f3eee4 !important;
	}
	.consult-section .container > div {
		display: block;
		height: auto;
	}
	.consult__text {
		display: block;
		width: auto;
	}
	.consult__title {
		margin-top: -4px;
		font-size: 24px;
		line-height: 28px;
	}
	.consult__subtitle {
		margin-top: 15px;
		font-size: 16px;
		line-height: 24px;
	}
	.consult__btn-wrapper {
		margin-top: 20px;
		height: auto;
	}
	.consult__phone {
		margin-left: 20px;
		font-size: 20px;
		line-height: 25px;
	}
}
@media (max-width: 469px) {
	.consult__phone {
		display: none;
	}
}
@media (max-width: 359px) {
	.consult__subtitle {
		font-size: 15px;
		line-height: 22px;
	}
}

/*--- Цифры ---*/
.numbers-section {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 270px;
background-color: #413024;
background-position: 50% 50%;
background-repeat: no-repeat;
color: #fff;
z-index: 90;
}
.numbers-section .container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
padding: 0px 0px 0px 0px;
position: relative;
height: inherit;
}
.numbers-section .container > div {
width: 100%;
position: relative;
z-index: 1;
}
.numbers__items {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0px;
text-align: center;
}
.numbers__item {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 25%;
min-height: 98px;
}
.numbers__item:after {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
right: 0px;
width: 1px;
height: 93px;
background: #fff;
opacity: 0.25;
}
.numbers__item-n {
display: block;
margin: -8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 50px;
line-height: 54px;
font-weight: 700;
}
.numbers__item-d {
display: block;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #dcd1cd;
font-size: 14px;
line-height: 22px;
}
@media (min-width: 1200px) {
	.numbers__item:nth-child(1), 
	.numbers__item:nth-child(4) {
		width: calc(25% - 5px);
	}
	.numbers__item:nth-child(2), 
	.numbers__item:nth-child(3) {
		width: calc(25% + 5px);
	}
	.numbers__item:last-child:after {
		display: none;
	}
}
@media (max-width: 1199px) {
	.numbers-section {
		padding-top: 30px;
		padding-bottom: 30px;
		height: auto;
		background-size: cover;
	}
	.numbers-section .container {
		height: auto;
	}
	.numbers__items {
		display: block;
	}
	.numbers__item {
		padding-top: 30px;
		padding-bottom: 30px;
		width: 50%;
		min-height: 0px;
		border-top: 1px solid rgba(255,255,255,0.25);
	}
	.numbers__item:after {
		top: 0px;
		height: 100%;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.numbers__item:nth-child(-n+2) {
		border-top: none;
	}
	.numbers__item:nth-child(2n):after {
		display: none;
	}
}
@media (min-width: 500px) and (max-width: 767px) {
	.numbers__item:nth-child(-n+2) {
		border-top: none;
	}
	.numbers__item:nth-child(2n):after {
		display: none;
	}
}
@media (max-width: 499px) {
	.numbers-section {
		padding: 40px 0px 40px 0px;
	}
	.numbers__item {
		display: block;
		padding: 10px 0px 10px 0px;
		width: 100%;
		border-top: none;
	}
	.numbers__item:after {
		display: none;
	}
	.numbers__item-n {
		margin-top: -4px;
		font-size: 44px;
		line-height: 44px;
		font-weight: 700;
	}
	.numbers__item-d {
		margin-top: 2px;
		line-height: 21px;
	}
}

/*--- Почему выбирают нас ---*/
.why-us {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.why-us__title {
display: block;
margin: -4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 24px;
line-height: 28px;
font-weight: 500;
color: #000;
}
.why-us__title h1, 
.why-us__title h2 {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit;
}
.why-us__items-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.why-us__title + .why-us__items-wrapper {
margin-top: 45px;
}
.why-us__items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -40px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.why-us__item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 40px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(33.3333% - (10px * 2));
}
.why-us__item-icon {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 64px;
}
.why-us__item-icon img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.why-us__item-text {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 30px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% - 64px - 30px);
}
.why-us__item-title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 18px;
line-height: 24px;
font-weight: 500;
}
.why-us__item-description {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 15px;
line-height: 24px;
color: #5d5854;
}
@media (min-width: 1395px) {
	.why-us__item {
		width: 435px;
	}
}
@media (max-width: 1394px) {
	.why-us__item-text {
		margin-left: 25px;
		padding-right: 15px;
		width: calc(100% - 64px - 25px);
	}
	.why-us__item-description {
		margin-top: 15px;
	}
	.why-us__item-description br {
		display: none;
	}
}
@media (min-width: 1200px) and (max-width: 1394px) {
	.why-us__item:nth-child(3n) .why-us__item-text {
		padding-right: 0px;
	}
}
@media (max-width: 1199px) {
	.why-us__item {
		width: calc(50% - (10px * 2));
	}
}
@media (min-width: 767px) and (max-width: 1199px) {
	.why-us__item:nth-child(2n) .why-us__item-text {
		padding-right: 0px;
	}
}
@media (max-width: 767px) {
	.why-us__title + .why-us__items-wrapper {
		margin-top: 40px;
	}
	.why-us__items {
		margin-top: -30px;
	}
	.why-us__item {
		margin-top: 30px;
		width: calc(100% - (10px * 2));
	}
	.why-us__item-text {
		padding-right: 0px;
	}
}
@media (max-width: 499px) {
	.why-us__title {
		font-size: 22px;
		line-height: 28px;
	}
	.why-us__title + .why-us__items-wrapper {
		margin-top: 30px;
	}
	.why-us__items {
		margin-top: -22px;
	}
	.why-us__item {
		margin-top: 22px;
	}
	.why-us__item-icon {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: flex-start;
	}
	.why-us__item-description {
		margin-top: 12px;
		line-height: 22px;
	}
}

/*--- Навигация вкладок (табов) ---*/
.photos-nav, 
.compare-table__nav, 
.reviews-nav, 
.furnitures-nav, 
.tabs-nav {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.photos-nav ul, 
.compare-table__nav ul, 
.reviews-nav ul, 
.furnitures-nav ul, 
.tabs-nav ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -10px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.photos-nav ul li, 
.compare-table__nav li, 
.reviews-nav ul li, 
.furnitures-nav ul li, 
.tabs-nav ul li {
display: inline-block;
vertical-align: top;
margin: 10px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.photos-nav ul li > span, 
.photos-nav ul li > a, 
.compare-table__nav li > span, 
.compare-table__nav li > a, 
.reviews-nav ul li > span, 
.reviews-nav ul li > a, 
.furnitures-nav ul li > span, 
.furnitures-nav ul li > a, 
.tabs-nav ul li > span, 
.tabs-nav ul li > a {
display: inline-block;
vertical-align: top;
padding: 11px 20px 9px 20px;
margin: 0px 0px 0px 0px;
position: relative;
width: auto;
height: 40px;
border-radius: 8px;
font-size: 14px;
line-height: 20px;
color: #5d5854;
background: #f0eeec;
}
.photos-nav ul li > a, 
.compare-table__nav li > a, 
.reviews-nav ul li > a, 
.furnitures-nav ul li > a, 
.tabs-nav ul li > a {
cursor: pointer;
text-decoration: none;
}
.photos-nav ul li > a[nohref], 
.photos-nav ul li > a[role="button"], 
.compare-table__nav li.compare-table__nav-item_active > a[nohref], 
.compare-table__nav li.compare-table__nav-item_active > a[role="button"], 
.reviews-nav ul li > a[nohref], 
.reviews-nav ul li > a[role="button"], 
.furnitures-nav ul li > a[nohref], 
.furnitures-nav ul li > a[role="button"], 
.tabs-nav ul li > a[nohref], 
.tabs-nav ul li > a[role="button"] {
cursor: default;
}
.photos-nav ul li:hover > a, 
.photos-nav ul li:active > a, 
.compare-table__nav li:hover > a, 
.compare-table__nav li:active > a, 
.reviews-nav ul li:hover > a, 
.reviews-nav ul li:active > a, 
.furnitures-nav ul li:hover > a, 
.furnitures-nav ul li:active > a, 
.tabs-nav ul li:hover > a, 
.tabs-nav ul li:active > a {
background: #e8e4e0;
}
.photos-nav ul li.photos-nav__item_active > span, 
.photos-nav ul li.photos-nav__item_active > a, 
.compare-table__nav li.compare-table__nav-item_active > span, 
.compare-table__nav li.compare-table__nav-item_active > a, 
.reviews-nav ul li.reviews-nav__item_active > span, 
.reviews-nav ul li.reviews-nav__item_active > a, 
.furnitures-nav ul li.furnitures-nav__item_active > span, 
.furnitures-nav ul li.furnitures-nav__item_active > a, 
.tabs-nav ul li.tabs-nav__item_active > span, 
.tabs-nav ul li.tabs-nav__item_active > a {
background: #18b900;
color: #fff;
}
.photos-nav ul li > span > sup, 
.photos-nav ul li > a > sup, 
.compare-table__nav li > span > sup, 
.compare-table__nav li > a > sup, 
.reviews-nav ul li > span > sup, 
.reviews-nav ul li > a > sup, 
.furnitures-nav ul li > span > sup, 
.furnitures-nav ul li > a > sup, 
.tabs-nav ul li > span > sup, 
.tabs-nav ul li > a > sup {
position: relative;
top: 2px;
font-size: 9px;
line-height: 0px;
}
.photos-subnav {
display: block;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.photos-subnav ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -10px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.photos-subnav ul li {
display: inline-block;
vertical-align: top;
margin: 10px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.photos-subnav ul li > span, 
.photos-subnav ul li > a {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 5px 10px 4px 10px;
position: relative;
width: auto;
height: 31px;
border-radius: 5px;
font-size: 14px;
line-height: 20px;
color: #5d5854;
background: none;
border: 1px solid #dcd9d5;
}
.photos-subnav ul li > a {
cursor: pointer;
text-decoration: none;
}
.photos-subnav ul li > a[nohref], 
.photos-subnav ul li > a[role="button"] {
cursor: default;
}
.photos-subnav ul li:hover > a, 
.photos-subnav ul li:active > a {
background: #e8e4e0;
border-color: #e8e4e0;
}
.photos-subnav ul li.photos-subnav__item_active > span, 
.photos-subnav ul li.photos-subnav__item_active > a {
background: #18b900;
border-color: #18b900;
color: #fff;
}
@media (min-width: 500px) and (max-width: 767px) {
	.photos-nav ul li > span, 
	.photos-nav ul li > a, 
	.compare-table__nav li > span, 
	.compare-table__nav li > a, 
	.reviews-nav ul li > span, 
	.reviews-nav ul li > a, 
	.furnitures-nav ul li > span, 
	.furnitures-nav ul li > a, 
	.tabs-nav ul li > span, 
	.tabs-nav ul li > a	{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width: 499px) {
	.photos-nav, 
	.compare-table__nav, 
	.reviews-nav, 
	.furnitures-nav, 
	.tabs-nav {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: auto;
	}
	/*
	.photos-nav::-webkit-scrollbar-track, 
	.photos-nav::-webkit-scrollbar, 
	.compare-table__nav::-webkit-scrollbar-track, 
	.compare-table__nav::-webkit-scrollbar, 
	.reviews-nav::-webkit-scrollbar-track, 
	.reviews-nav::-webkit-scrollbar, 
	.furnitures-nav::-webkit-scrollbar-track, 
	.furnitures-nav::-webkit-scrollbar, 
	.tabs-nav::-webkit-scrollbar-track, 
	.tabs-nav::-webkit-scrollbar {
		background-color: #f0eeec;
	}
	.photos-nav::-webkit-scrollbar, 
	.compare-table__nav::-webkit-scrollbar, 
	.reviews-nav::-webkit-scrollbar, 
	.furnitures-nav::-webkit-scrollbar, 
	.tabs-nav::-webkit-scrollbar {
		-webkit-appearance: none;
		height: 4px;
	}
	.photos-nav::-webkit-scrollbar-thumb, 
	.compare-table__nav::-webkit-scrollbar-thumb, 
	.reviews-nav::-webkit-scrollbar-thumb, 
	.furnitures-nav::-webkit-scrollbar-thumb, 
	.tabs-nav::-webkit-scrollbar-thumb {
		background-color: #e8e4e0;
	}
	*/
	.photos-nav ul, 
	.compare-table__nav ul, 
	.reviews-nav ul, 
	.furnitures-nav ul, 
	.tabs-nav ul {
		flex-wrap: nowrap;
	}
	.photos-nav ul li, 
	.compare-table__nav ul li, 
	.reviews-nav ul li, 
	.furnitures-nav ul li, 
	.tabs-nav ul li {
		white-space: nowrap;
	}
	.photos-nav ul li > span, 
	.photos-nav ul li > a, 
	.compare-table__nav li > span, 
	.compare-table__nav li > a, 
	.reviews-nav ul li > span, 
	.reviews-nav ul li > a, 
	.furnitures-nav ul li > span, 
	.furnitures-nav ul li > a, 
	.tabs-nav ul li > span, 
	.tabs-nav ul li > a {
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
		border-radius: 5px;
		text-align: center;
	}
}
@media (max-width: 429px) {
	.photos-nav ul li, 
	.compare-table__nav ul li, 
	.reviews-nav ul li, 
	.furnitures-nav ul li, 
	.tabs-nav ul li {
		width: calc(100% - (5px * 2));
		text-align: center;
	}
}

/*--- Текстовый контент ---*/
.content-section {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 90;
}
body.pArticle .content-section {
padding-bottom: 60px;
}
.content-section .content {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 60px 0px;
position: relative;
}
@media (max-width: 499px) {
	body.pArticle .content-section {
		padding-bottom: 50px;
	}
	.content-section .content {
		padding-bottom: 50px;
	}
}

.content-text {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #5d5854;
font-size: 15px;
line-height: 24px;
text-align: left;
}
.content-text.content-text_regions-after {
margin-top: 30px;
}
.content-text.content-text_delivery-after {
margin-top: 30px;
}
.products-section .content .content-text, 
.product-section .content .content-text, 
.content-section.content-section_sidebar .content .content-text {
margin-top: 35px;
}
.products-section .content .line + .content-text, 
.product-section .content .line + .content-text, 
.content-section.content-section_sidebar .content .line + .content-text {
margin-top: 30px;
}
.content-text p {
display: block;
margin: 24px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.content-text p:first-child, 
.content-text img.alignleft:first-child + p, 
.content-text img.alignright:first-child + p, 
.content-text img.aligncenter:first-child + p, 
.content-text img.alignnone:first-child + p {
margin-top: 0px;
}
.content-text h1, 
.content-text h2, 
.content-text h3, 
.content-text h4, 
.content-text h5, 
.content-text h6, 
.content-text-title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000;
font-weight: 500;
}
.content-text h1, 
.content-text h2, 
.content-text-title.content-text-title_h1, 
.content-text-title.content-text-title_h2 {
margin-top: 24px;
font-size: 24px;
line-height: 28px;
}
.content-text h3, 
.content-text h4, 
.content-text h5, 
.content-text h6, 
.content-text-title.content-text-title_h3, 
.content-text-title.content-text-title_h4, 
.content-text-title.content-text-title_h5, 
.content-text-title.content-text-title_h6 {
margin-top: 24px;
font-size: 20px;
line-height: 26px;
}
.content-text h1 + p, 
.content-text h2 + p, 
.content-text-title.content-text-title_h1 + p, 
.content-text-title.content-text-title_h2 + p {
margin-top: 24px;
}
.content-text h3 + p, 
.content-text h4 + p, 
.content-text h5 + p, 
.content-text h6 + p, 
.content-text-title.content-text-title_h3 + p, 
.content-text-title.content-text-title_h4 + p, 
.content-text-title.content-text-title_h5 + p, 
.content-text-title.content-text-title_h6 + p {
margin-top: 24px;
}
.content-text h1:first-child, 
.content-text h2:first-child, 
.content-text h3:first-child, 
.content-text h4:first-child, 
.content-text h5:first-child, 
.content-text h6:first-child, 
.content-text-title.content-text-title_h1:first-child, 
.content-text-title.content-text-title_h2:first-child, 
.content-text-title.content-text-title_h3:first-child, 
.content-text-title.content-text-title_h4:first-child, 
.content-text-title.content-text-title_h5:first-child, 
.content-text-title.content-text-title_h6:first-child {
margin-top: 0px;
}
.content-text img {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
max-width: 100%;
}
.content-text img.alignleft {
margin: 24px 24px 24px 0px;
padding: 0px 0px 0px 0px;
float: left;
}
.content-text img.alignright {
margin: 24px 0px 24px 24px;
padding: 0px 0px 0px 0px;
float: right;
}
.content-text img.aligncenter {
display: block;
margin: 30px 0px 30px 0px;
margin-left: auto;
margin-right: auto;
}
.content-text img.alignnone {
display: block;
margin: 30px 0px 30px 0px;
}
.content-text img.alignleft:first-child, 
.content-text img.alignright:first-child, 
.content-text img.aligncenter:first-child, 
.content-text img.alignnone:first-child {
margin-top: 0px;
}
.content-text table img:not(.aligncenter), 
.content-text table img:not(.alignnone) {
margin: 0px 0px 0px 0px !important;
}
.content-text table img.aligncenter, 
.content-text table img.alignnone {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.content-text iframe {
max-width: 100% !important;
}
.content-text iframe.alignleft {
margin: 24px 24px 24px 0px;
padding: 0px 0px 0px 0px;
float: left;
}
.content-text iframe.alignright {
margin: 24px 0px 24px 24px;
padding: 0px 0px 0px 0px;
float: right;
}
.content-text iframe.aligncenter {
display: block;
margin: 30px 0px 30px 0px;
margin-left: auto;
margin-right: auto;
}
.content-text iframe.alignnone {
display: block;
margin: 30px 0px 30px 0px;
}
.content-text iframe.alignleft:first-child, 
.content-text iframe.alignright:first-child, 
.content-text iframe.aligncenter:first-child, 
.content-text iframe.alignnone:first-child {
margin-top: 0px;
}
.content-text strong, 
.content-text b {
color: #000;
font-weight: 500;
}
.content-text a, 
.content-text-link {
color: #c7152a;
text-decoration: underline;
cursor: pointer;
}
.content-text a:hover, 
.content-text a:active, 
.content-text-link:hover, 
.content-text-link:active {
color: #e90520;
text-decoration: none;
}
.content-text ul {
display: table;
margin: 24px 0px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;
}
.content-text ul:first-child {
margin-top: 0px;
}
.content-text ul li {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px calc(14px + 12px);
position: relative;
}
.content-text ul li:first-child {
margin-top: 0px;
}
.content-text ul li:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc((24px / 2) - (8px / 2) - 0px);
left: calc((14px / 2) - (8px / 2) - 0px);
width: 8px;
height: 8px;
border: 2px solid #c7152a;
border-radius: 50%;
}
.content-text ol {
display: block;
margin: 24px 0px 0px 15px;
padding: 0px 0px 0px 0px;
counter-reset: list;
}
.content-text ol:first-child {
margin-top: 0px;
}
.content-text ol li {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px calc(14px + 12px);
position: relative;
}
.content-text ol:has(li:nth-child(10)) li {
padding-left: calc(24px + 12px);
}
.content-text ol li:first-child {
margin-top: 0px;
}
.content-text ol li:before {
content: counter(list) ". ";
counter-increment: list;
display: inline-block;
vertical-align: top;
position: absolute;
top: 0px;
left: 0px;
width: 14px;
color: #c7152a;
font-size: inherit;
line-height: inherit;
font-weight: 500;
text-align: left;
}
.content-text ol:has(li:nth-child(10)) li:before {
width: 24px;
text-align: right;
}
.content-text p + ul, 
.content-text p + ol {
margin-top: 10px;
}
.content-text .table {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.content-text table {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
border: 1px solid #f0eeec;
border-spacing: 0px;
line-height: 20px;
}
.content-text .table, 
.content-text table {
margin-top: 24px;
}
.content-text .table:first-child, 
.content-text table:first-child {
margin-top: 0px;
}
.content-text .table table {
margin-top: 0px;
border-collapse: collapse;
border-spacing: 0px;
}
.content-text table thead, 
.content-text table tbody {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.content-text table tr {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.content-text table thead tr th, 
.content-text table thead tr td {
background: #f0eeec;
}
.content-text table tbody tr:nth-child(2n-1) td {
background: #ffffff;
}
.content-text table tbody tr:nth-child(2n) td {
background: #f9f8f7;
}
.content-text table tr th, 
.content-text table tr td {
margin: 0px 0px 0px 0px;
padding: 10px 15px 10px 15px;
position: relative;
border-left: 1px solid #f0eeec;
}
.content-text table tr th {
font-weight: 500;
}
.content-text .sitemap-list-wrapper ul {
margin-left: 0px;
}
.content-text .sitemap-list-wrapper ul ul {
margin-top: 0px;
margin-left: 12px;
}
.content-text table.bt tbody td[data-th]:has([data-modal="modal-zakazat"]):before {
display: none !important;
}
@media (max-width: 1199px) {
	.content-text img.alignleft, 
	.content-text img.alignright {
		max-width: 35%;
	}
	.content-text table {
		table-layout: fixed;
		max-width: 100%;
	}
	.content-text table tbody tr td {
		width: 100% !important;
		max-width: 100% !important;
	}
}
@media (max-width: 767px) {
	.content-section.content-section_regions .content-text img.alignleft {
		display: none;
	}
	.content-section.content-section_regions .content-text img.alignleft:first-child + p {
		margin-top: 0px !important;
	}
}
@media (max-width: 499px) {
	.content-text.content-text_regions-after {
		margin-top: 25px;
	}
	.content-text.content-text_delivery-after {
		margin-top: 25px;
	}
	.content-text {
		line-height: 22px;
	}
	.content-text p {
		margin-top: 15px;
	}
	.content-text h1, 
	.content-text h2, 
	.content-text-title.content-text-title_h1, 
	.content-text-title.content-text-title_h2 {
		margin-top: 15px;
		font-size: 22px;
		line-height: 28px;
	}
	.content-text h3,
	.content-text h4,
	.content-text h5,
	.content-text h6, 
	.content-text-title.content-text-title_h3,
	.content-text-title.content-text-title_h4,
	.content-text-title.content-text-title_h5,
	.content-text-title.content-text-title_h6 {
		margin-top: 15px;
		font-size: 18px;
		line-height: 24px;
	}
	.content-text h1 + p, 
	.content-text h2 + p, 
	.content-text-title.content-text-title_h1 + p, 
	.content-text-title.content-text-title_h2 + p {
		margin-top: 15px;
	}
	.content-text h3 + p, 
	.content-text h4 + p, 
	.content-text h5 + p, 
	.content-text h6 + p, 
	.content-text-title.content-text-title_h3 + p, 
	.content-text-title.content-text-title_h4 + p, 
	.content-text-title.content-text-title_h5 + p, 
	.content-text-title.content-text-title_h6 + p {
		margin-top: 15px;
	}
	.content-text img.mobile-display-none {
		display: none !important;
	}
	.content-text img.align-left {
		margin-right: 20px;
	}
	.content-text img.align-right {
		margin-left: 20px;
	}
	.content-text img.align-center {
		margin: 25px 0px 25px 0px;
	}
	.content-text ul, 
	.content-text ol {
		margin-top: 15px;
	}
	.content-text ul li:before {
		top: calc((22px / 2) - (8px / 2) - 0px);
	}
	.content-text img.alignleft, 
	.content-text img.alignright {
		max-width: 40%;
	}
	.content-text img.alignleft {
		margin: 0px 20px 15px 0px;
	}
	.content-text img.alignright {
		margin: 0px 0px 15px 20px;
	}
	.content-text .table, 
	.content-text table {
		margin-top: 15px;
	}
}
@media (max-width: 399px) {
	.content-text img.alignleft, 
	.content-text img.alignright {
		margin-top: 20px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		max-width: 100%;
		float: none;
	}
	.content-text p img.alignleft, 
	.content-text p img.alignright {
		margin-bottom: 15px;
	}
	.content-text img.alignleft:first-child + p, 
	.content-text img.alignright:first-child + p, 
	.content-text img.aligncenter:first-child + p, 
	.content-text img.alignnone:first-child + p {
		margin-top: 15px;
	}
}

/*--- Слайдер товаров ---*/
.products-slider-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
z-index: 100;
}
.products-slider {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
}
.products-slider-wrapper .products-slider {
margin-top: 0px;
}
.products-slider .owl-carousel {
display: block;
margin: 0 auto;
position: relative;
width: 100%;
overflow: hidden;
z-index: 8;
}
.products-slider .owl-carousel > .product-item {
display: none;
}
.products-slider .owl-carousel > .product-item:first-child {
display: inline-block;
}
.products-slider .item {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.products-slider .owl-nav, 
.products-slider .owl-controls {
display: none;
}
.products-slider .slider-nav-item {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 50%;
margin-top: -22px;
width: 44px;
height: 44px;
border-radius: 50%;
z-index: 10;
}
.products-slider .slider-nav-item.slider-nav-item-prev {
left: calc((44px / 2) * (-1))
}
.products-slider .slider-nav-item.slider-nav-item-next {
right: calc((44px / 2) * (-1))
}
.products-slider .slider-nav-item a {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: 100%;
border-radius: inherit;
background-color: rgba(0, 0, 0, 0.2);
background-repeat: no-repeat;
background-position: 50% 50%;
}
.products-slider .slider-nav-item a:hover, 
.products-slider .slider-nav-item a:active {
background-color: rgba(0, 0, 0, 0.4);
}
.products-slider .slider-nav-item.slider-nav-item-prev a {
background-image: url(../images/icon-product-slider-arrow-prev.png);
background-position: calc(50% - 1px) calc(50% - 0px);
}
.products-slider .slider-nav-item.slider-nav-item-next a {
background-image: url(../images/icon-product-slider-arrow-next.png);
background-position: calc(50% + 1px) calc(50% - 0px);
}
.products-slider-pagination {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.products-slider-pagination .owl-dots {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
font-size: 0px;
line-height: 0px;
z-index: 10;
}
.products-slider-pagination .owl-dot {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
width: 10px;
height: 10px;
background: #efedec;
border-radius: 50%;
cursor: pointer;
border: none;
outline: none;
-webkit-appearance: none;
text-decoration: none;
box-sizing: border-box;
}
.products-slider-pagination .owl-dot:hover, 
.products-slider-pagination .owl-dot:active, 
.products-slider-pagination .owl-dot.active {
background: #ccc;
}
.products-slider-pagination .owl-dot > span {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
@media (max-width: 499px) {
	.products-slider-pagination {
		display: none;
	}
}

/*--- Текст-сообщение ---*/
.emptys {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.emptys__text-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
text-align: center;
}
.emptys__title {
display: block;
margin: -4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 26px;
line-height: 32px;
font-weight: 700;
}
.emptys__txt {
display: block;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 15px;
line-height: 21px;
color: #5d5854;
}
.emptys__txt strong, 
.emptys__txt b {
font-weight: 500;
}
.emptys__txt-icon {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 4px;
padding: 0px 0px 0px 0px;
position: relative;
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: contain;
}
.emptys__txt-icon.emptys__txt-icon_compare {
width: 16px;
height: 15px;
background-image: url(../images/icon-product-item-compare-active.svg);
top: 2px;
}
.emptys__txt-icon.emptys__txt-icon_favorites {
width: 17px;
height: 15px;
background-image: url(../images/icon-product-item-favorites-active.svg);
top: 2px;
}
.emptys__btn-wrapper {
display: block;
margin: calc(20px + 2px) 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0px;
}
.emptys__btn-wrapper .btn-yellow {
margin-left: 0px;
}
@media (max-width: 767px) {
	.emptys__title {
		font-size: 21px;
		line-height: 25px;
	}
	.emptys__txt {
		margin-top: 10px;
	}
	.emptys__btn-wrapper {
		margin-top: calc(15px + 2px);
	}
}
@media (max-width: 499px) {
	.emptys {
		justify-content: flex-start;
	}
	.emptys__text-wrapper {
		text-align: left;
	}
	.emptys__title {
		font-size: 18px;
		line-height: 23px;
	}
	.emptys__txt {
		margin-top: 8px;
	}
	.emptys__btn-wrapper {
		margin-top: 15px;
	}
}

/*--- Карта ---*/
#map {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 500px;
background: #f0eeec;
z-index: 99;
}
#map #ymap-contacts {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: 100%;
z-index: 5;
}
#map #ymap-contacts img {
max-width: none !important;
}
#map #ymap-contacts ymaps[class$="-copyrights-pane"] {
display: none !important;
}
@media (max-width: 767px) {
	#map {
		height: 400px;
	}
}
@media (max-width: 499px) {
	#map {
		height: 350px;
	}
}

/*--- Города для замера ---*/
.cities-zamer {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.content-text + .cities-zamer {
margin-top: 20px;
}
.cities-zamer__title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 20px;
line-height: 28px;
font-weight: 500;
}
.cities-zamer__list-wrapper {
display: block;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
background: #f0eeec;
}
.cities-zamer__list-wrapper ul {
display: block;
margin: 0px 0px 0px 0px;
padding: calc(30px - 3px) 30px calc(30px - 3px) 30px;
font-size: 15px;
line-height: 19px;
font-weight: 400;
column-gap: 20px;
column-count: 5;
}
.cities-zamer__list-wrapper ul li {
display: block;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #5d5854;
overflow-wrap: normal;
word-wrap: normal;
word-break: keep-all;
line-break: auto;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
white-space: nowrap;
}
.cities-zamer__list-wrapper ul li:first-child {
margin-top: 0px;
}
.cities-zamer__list-wrapper ul li a {
color: inherit;
text-decoration: none;
}
.cities-zamer__list-wrapper ul li a:hover, 
.cities-zamer__list-wrapper ul li a:active {
color: #e90520;
text-decoration: none;
}
.cities-zamer__list-wrapper ul li b, 
.cities-zamer__list-wrapper ul li strong {
font-weight: 500;
}
@media (max-width: 1199px) {
	.cities-zamer__list-wrapper ul {
		column-count: 3;
	}
}
@media (max-width: 767px) {
	.cities-zamer__list-wrapper ul {
		padding: calc(25px - 3px) 25px calc(25px - 3px) 25px;
		column-count: 2;
	}
}
@media (max-width: 499px) {
	.cities-zamer__title {
		line-height: 24px;
	}
	.cities-zamer__list-wrapper ul {
		column-count: 1;
	}
	.cities-zamer__list-wrapper ul li {
		margin-top: 5px;
	}
}

/*--- Подвал ---*/
.footer-section {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
background: #332a24;
color: #fff;
z-index: 99;
}
.footer__info {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 30px 0px 0px 0px;
position: relative;
width: 290px;
float: left;
font-size: 14px;
line-height: 22px;
}
.footer__info p {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.footer__info a, 
.footer__info-link {
color: #dcd1cd;
text-decoration: underline;
cursor: pointer;
}
.footer__info a:hover, 
.footer__info a:active, 
.footer__info-link:hover, 
.footer__info-link:active {
color: #e90520;
text-decoration: none;
}
.footer__contacts {
display: inline-block;
vertical-align: top;
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;	
width: 972px;
float: right;
}
.footer__connect {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;	
height: 100px;
}
.footer__connect:after {
content: "";
display: block;
clear: both;
}
.footer__email {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
margin-left: calc(27px + 15px);
position: relative;	
width: 160px;
height: inherit;
float: left;
text-align: left;
font-size: 14px;
line-height: 20px;
}
.footer__email:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 25px;
height: 27px;
position: absolute;
top: 50%;
left: calc((27px + 15px) * (-1));
margin-top: -15px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-image: url(../images/icon-footer-email.png);
}
.footer__email > div {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
width: 100%;
height: inherit;
position: relative;
top: 0px;
}
.footer__email > div > div {
width: 100%;
padding-bottom: 2px;
}
.footer__email a {
font-weight: 500;
color: #a39a96;
text-decoration: underline;
cursor: pointer;
}
.footer__email a:hover, 
.footer__email a:active {
color: #e90520;
text-decoration: none;
}
.footer__email a > span {
color: inherit;
}
.footer__email b, 
.footer__email strong {
font-weight: 500;
}
.footer__location {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 80px;
padding: 0px 0px 0px 0px;
position: relative;	
width: 360px;
height: inherit;
float: left;
text-align: left;
font-size: 14px;
line-height: 20px;
}
.footer__location:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 22px;
height: 32px;
position: absolute;
top: 50%;
left: calc((22px + 15px) * (-1));
margin-top: -18px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-image: url(../images/icon-footer-location.png);
}
.footer__location > div {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
width: 100%;
height: inherit;
position: relative;
top: 0px;
}
.footer__location > div > div {
width: 100%;
padding-bottom: 2px;
}
.footer__location b, 
.footer__location strong {
font-weight: 500;
}
.footer__location a, 
.footer__location-link {
color: #a39a96;
text-decoration: underline;
cursor: pointer;
}
.footer__location a:hover, 
.footer__location a:active, 
.footer__location-link:hover, 
.footer__location-link:active {
color: #e90520;
text-decoration: none;
}
.footer__location a > span, 
.footer__location-link > span {
color: inherit;
}
.footer__location-address {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
text-align: left;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1; 
-webkit-box-orient: vertical;
}
.footer__phone {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;	
width: calc(264px - 39px);
height: inherit;
float: right;
text-align: left;
font-size: 14px;
line-height: 20px;
color: #45392b;
}
.footer__phone:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 24px;
height: 44px;
position: absolute;
top: 50%;
left: calc((24px + 15px) * (-1));
margin-top: -25px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-image: url(../images/icon-footer-phone.png);
}
.footer__phone > div {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
width: 100%;
height: inherit;
position: relative;
top: 0px;
}
.footer__phone > div > div {
width: 100%;
padding-bottom: 2px;
}
.footer__phone-tel {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 18px;
line-height: 20px;
font-weight: 500;
}
.footer__phone-tel a {
color: #fff;
text-decoration: none;
cursor: text;
}
.footer__phone-tel a:hover, 
.footer__phone-tel a:active {
color: #fff;
text-decoration: none;
}
.footer__phone-tel a > span {
color: inherit;
}
.footer__phone-call {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.footer__phone-call a, 
.footer__phone-call > span {
font-weight: 500;
color: #a39a96;
text-decoration: underline;
cursor: pointer;
}
.footer__phone-call a:hover, 
.footer__phone-call a:active, 
.footer__phone-call > span:hover, 
.footer__phone-call > span:active {
color: #e90520;
text-decoration: none;
}
.footer__line {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 60px;
}
.footer__line:after {
content: "";
display: block;
clear: both;
}
.footer__social {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: -16px;
width: calc(160px + (27px + 15px));
height: inherit;
float: left;
}
.footer__social > div {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
width: 100%;
height: inherit;
position: relative;
top: 0px;
}
.footer__social > div > div {
width: 100%;
}
.footer__social ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0px;
text-align: left;
}
.footer__social ul li {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
}
.footer__social ul li:first-child {
margin-left: 0px;
}
.footer__social ul li:last-child {
margin-right: 0px;
}
.footer__social ul li a {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 30px;
height: 30px;
background-color: #4b433e;
background-position: 50% 50%;
background-repeat: no-repeat;
border-radius: 4px;
}
.footer__social ul li a:hover, 
.footer__social ul li a:active {
background-color: #5d5550;
}
.footer__social ul li.footer__social_vk a {
background-image: url(../images/icon-social-vk.png);
}
.footer__social ul li.footer__social_in a {
background-image: url(../images/icon-social-in.png);
}
.footer__social ul li.footer__social_ok a {
background-image: url(../images/icon-social-ok.png);
}
.footer__social ul li.footer__social_fb a {
background-image: url(../images/icon-social-fb.png);
}
.footer__social ul li.footer__social_tw a {
background-image: url(../images/icon-social-tw.png);
}
.footer__payments {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px calc(80px - 36px);
padding: 0px 0px 0px 0px;
position: relative;
top: -16px;
width: 360px;
height: inherit;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #8f8983;
text-align: left;
}
.footer__payments > div {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
width: 100%;
height: inherit;
position: relative;
top: 0px;
}
.footer__payments > div > div {
width: 100%;
}
.footer__payments-icon {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 242px;
height: 29px;
background-position: 0% 0%;
background-repeat: no-repeat;
background-image: url(../images/icon-footer-payments.png);
opacity: 0.5;
}
.footer__note {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: -15px;
width: 264px;
height: inherit;
float: right;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #8f8983;
text-align: left;
}
.footer__note > div {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
width: 100%;
height: inherit;
position: relative;
top: 0px;
}
.footer__note > div > div {
width: 100%;
}
.footer__note a {
color: #8f8983;
text-decoration: underline;
cursor: pointer;
}
.footer__note a:hover, 
.footer__note a:active {
color: #e90520;
text-decoration: none;
}
.footer__note-developer {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.footer__note-developer-label {
display: inline-block;
vertical-align: top;
margin: 0px 6px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.footer__note-developer-img {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: -1px;
text-decoration: none;
}
.footer__note-developer-img:hover, 
.footer__note-developer-img:active {
text-decoration: none;
}
.footer__note-developer-img > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 73px;
height: 21px;
background-position: -5px -5px;
background-repeat: no-repeat;
background-image: url(../images/img-reforge-sprite.png);
}
.footer__note-developer-img:hover > span, 
.footer__note-developer-img:active > span {
background-position: -88px -5px;
}
.footer__privacy {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 32px 0px;
position: relative;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #8f8983;
text-align: left;
clear: both;
}
.footer__privacy a, 
.footer__privacy-link {
color: #8f8983;
text-decoration: underline;
cursor: pointer;
}
.footer__privacy a:hover, 
.footer__privacy a:active, 
.footer__privacy-link:hover, 
.footer__privacy-link:active {
color: #e90520;
text-decoration: none;
}
@media (max-width: 1394px) {
	.footer__contacts {
		width: 860px;
	}
	.footer__phone {
		width: calc(264px - 39px);
	}
	.footer__location {
		margin-left: 50px;
		width: 290px;
	}
	.footer__payments {
		margin-left: calc(50px - 36px);
	}
}
@media (max-width: 1199px) {
	.footer-section {
		padding: 35px 0px 35px 0px;
	}
	.footer__info {
		display: block;
		padding: 0px 0px 0px 0px;
		width: auto;
		float: none;
	}
	.footer__info br {
		display: none;
	}
	.footer__contacts {
		display: block;
		margin: 0px 0px 0px 0px;
		width: auto;
		float: none;
	}
	.footer__connect {
		height: 82px;
	}
	.footer__location {
		margin-left: 35px;
		width: 230px;
	}
	.footer__phone {
		width: auto;
	}
	.footer__line {
		margin: 2px 0px 0px 0px;
		height: auto;
	}
	.footer__social {
		display: block;
		top: 0px;
		width: auto;
		height: auto;
		float: none;
	}
	.footer__payments {
		display: none;
		top: 0px;
		margin-top: 15px;
	}
	.footer__note {
		display: block;
		margin: 20px 0px 0px 0px;
		top: 0px;
		width: auto;
		height: auto;
		float: none;
	}
	.footer__note > div {
		display: block;
		height: auto;
	}
	.footer__note > div > div {
		display: block;
		vertical-align: top;
		height: auto;
	}
	.footer__privacy {
		margin-top: 15px;
		padding-bottom: 0px;
	}
}
@media (max-width: 767px) {
	.footer__connect {
		margin-top: 20px;
		height: auto;
	}
	.footer__email {
		display: block;
		margin-left: 0px;
		padding-left: calc(27px + 15px);
		width: auto;
		height: auto;
		float: none;
	}
	.footer__location {
		display: block;
		margin: 15px 0px 0px 0px;
		padding-left: calc(27px + 15px);
		width: auto;
		height: auto;
		float: none;
	}
	.footer__location-address {
		height: auto;
	}
	.footer__phone {
		display: block;
		margin: 15px 0px 0px 0px;
		padding-left: calc(27px + 15px);
		width: auto;
		height: auto;
		float: none;
	}
	.footer__email:before, 
	.footer__location:before, 
	.footer__phone:before {
		left: 0px;
	}
	.footer__location:before {
		left: 1px;
	}
	.footer__email > div, 
	.footer__location > div, 
	.footer__phone > div {
		display: block;
		height: auto;
	}
	.footer__email > div > div, 
	.footer__location > div > div, 
	.footer__phone > div > div {
		display: block;
		vertical-align: top;
		height: auto;
		padding-bottom: 0px;
	}
	.footer__line {
		margin-top: 22px;
	}
	.footer__payments {
		display: block;
		margin-left: 0px;
	}
	.footer__note {
		margin-top: 18px;
	}
	.footer__privacy {
		margin-top: 12px;
	}
}
@media (max-width: 499px) {
	.footer__note {
		font-size: 13px;
		line-height: 18px;
	}
}

/*--- Постраничная навигация ---*/
.pagenav {
display: block;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.pagenav.none, 
.pagenav.pagenav_none {
display: none;
}
.pagenav__items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -10px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
text-align: left;
}
.pagenav__item {
display: inline-block;
vertical-align: top;
margin: 10px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.pagenav__item > a, 
.pagenav__item:not(.pagenav__item_extend) > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 40px;
height: 40px;
background: #fff;
border: 1px solid #f0eeec;
color: #5d5854;
font-size: 16px;
line-height: 40px;
font-weight: 400;
text-align: center;
text-decoration: none;
}
.pagenav__item.pagenav__item_active > a, 
.pagenav__item.pagenav__item_active:not(.pagenav__item_extend) > span {
background: #f0eeec;
cursor: text;
}
.pagenav__item:not(.pagenav__item_active) > a[data-page], 
.pagenav__item:not(.pagenav__item_active):not(.pagenav__item_extend) > span[data-page] {
cursor: pointer;
}
.pagenav__item:not(.pagenav__item_active) > a:hover, 
.pagenav__item:not(.pagenav__item_active) > a:active, 
.pagenav__item:not(.pagenav__item_active) > span[data-page]:hover, 
.pagenav__item:not(.pagenav__item_active) > span[data-page]:active {
background: #c7152a;
border-color: #c7152a;
color: #fff;
cursor: pointer;
}
.pagenav__item.pagenav__item_extend > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 16px;
height: 40px;
color: #5d5854;
font-size: 16px;
line-height: 40px;
font-weight: 400;
text-align: center;
}
@media (min-width: 1200px) and (max-width: 1394px) {
	.pagenav__item:nth-child(18):not(.pagenav__item_extend), 
	.pagenav__item:nth-child(17):not(.pagenav__item_extend), 
	.pagenav__item:nth-child(16):not(.pagenav__item_extend) {
		display: none;
	}
	.pagenav__item.pagenav__item_last {
		display: inline-block;
	}
}
@media (max-width: 767px) {
	.pagenav__item.pagenav__item_extend > span {
		width: 40px;
		background: #fff;
		border: 1px solid #f0eeec;
	}
}

/*--- Боковой фиксированный блок ---*/
.sidewidget {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: fixed;
top: 50%;
right: calc((160px - 60px) * (-1));
margin-top: calc((186px / 2) * (-1));
width: 160px;
background: #fff;
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
z-index: 100;
}
.sidewidget:hover, 
.sidewidget:active {
right: 0px;
}
.sidewidget ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
.sidewidget ul li {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 62px;
color: #45392b;
font-size: 13px;
line-height: 16px;
border-bottom: 1px solid #f0f0f0;
}
.sidewidget ul li:last-child {
border-bottom: none;
}
.sidewidget ul li:after {
content: "";
display: block;
clear: both;
}
.sidewidget ul li a, 
.sidewidget ul li > span {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 100%;
color: inherit;
text-decoration: none;
cursor: pointer;
}
.sidewidget ul li a:hover, 
.sidewidget ul li a:active, 
.sidewidget ul li > span:hover, 
.sidewidget ul li > span:active {
color: #e90520;
}
.sidewidget ul li a > i, 
.sidewidget ul li > span > i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 60px;
height: 100%;
float: left;
background-repeat: no-repeat;
background-position: 50% 50%;
font-style: normal;
z-index: 1;
}
.sidewidget ul li a > i:before, 
.sidewidget ul li > span > i:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 50%;
left: 50%;
background-image: url(../images/icon-sidewidgets.png);
}
.sidewidget ul li.widget-item-zamer a > i:before, 
.sidewidget ul li.widget-item-zamer > span > i:before {
width: 32px;
height: 32px;
margin-left: calc((32px / 2) * (-1));
margin-top: calc((32px / 2) * (-1));
background-position: -155px -5px;
}
.sidewidget ul li.widget-item-zamer a:hover > i:before, 
.sidewidget ul li.widget-item-zamer a:active > i:before, 
.sidewidget ul li.widget-item-zamer > span:hover > i:before, 
.sidewidget ul li.widget-item-zamer > span:active > i:before {
background-position: -197px -5px;
}
.sidewidget ul li.widget-item-calculator a > i:before, 
.sidewidget ul li.widget-item-calculator > span > i:before {
width: 23px;
height: 32px;
margin-left: calc((23px / 2) * (-1));
margin-top: calc((32px / 2) * (-1));
background-position: -5px -5px;
}
.sidewidget ul li.widget-item-calculator a:hover > i:before, 
.sidewidget ul li.widget-item-calculator a:active > i:before, 
.sidewidget ul li.widget-item-calculator > span:hover > i:before, 
.sidewidget ul li.widget-item-calculator > span:active > i:before {
background-position: -38px -5px;
}
.sidewidget ul li.widget-item-email a > i:before, 
.sidewidget ul li.widget-item-email > span > i:before {
width: 25px;
height: 27px;
margin-left: calc((25px / 2) * (-1));
margin-top: calc((27px / 2) * (-1));
background-position: -244px 0px;
}
.sidewidget ul li.widget-item-email a:hover > i:before, 
.sidewidget ul li.widget-item-email a:active > i:before, 
.sidewidget ul li.widget-item-email > span:hover > i:before, 
.sidewidget ul li.widget-item-email > span:active > i:before {
background-position: -279px 0px;
}
.sidewidget ul li a > span, 
.sidewidget ul li > span > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% - 60px);
height: 100%;
float: left;
z-index: 2;
}
.sidewidget ul li a > span > span, 
.sidewidget ul li > span > span > span {
display: table;
position: relative;
width: 100%;
height: inherit;
top: 0px;
}
.sidewidget ul li a > span > span > span, 
.sidewidget ul li > span > span > span > span {
display: table-cell;
vertical-align: middle;
padding-top: 0px;
width: 100%;
height: 100%;
}
@media (max-width: 499px) {
	.sidewidget {
		display: none !important;
	}
}

/*--- Плавающее меню ---*/
.float-menu {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
height: 59px;
position: fixed;
top: calc((59px + 1px) * (-1));
left: 0px;
color: #000;
background: #fff;
transition: top 250ms linear;
z-index: 999;
}
.float-menu.float-menu_active {
top: 0px;
}
.float-menu__inner {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: inherit;
background: inherit;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
z-index: 10;
}
.float-menu > .container, 
.float-menu__inner > .container {
height: inherit;
}
.float-menu .container:after {
display: none;
}
.float-menu__inner-bar, 
.header-mobile__bar {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
bottom: -2px;
left: 0px;
height: 2px;
background-color: #c7152a;
transition: width 250ms linear;
z-index: 1;
}
.float-menu .float-menu__inner-bar {
transition: width 250ms linear, opacity 250ms linear;
opacity: 0;
}
.float-menu.float-menu_active .float-menu__inner-bar {
opacity: 1;
}
.float-menu__sides {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: inherit;
}
.float-menu__side {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px -15px 0px -15px;
padding: 0px 0px 0px 0px;
position: relative;
height: inherit;
}
.float-menu__side.float-menu__side_left {
margin-left: 0px;
margin-right: 0px;
}
.float-menu__side.float-menu__side_right {
justify-content: flex-end;
}
.float-menu__logo {
display: inline-block;
vertical-align: top;
margin: 0px 15px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 86px;
flex-shrink: 0;
}
.float-menu__logo > a {
display: inline-block;
vertical-align: top;
position: relative;
text-decoration: none;
}
.float-menu__logo > a:hover, 
.float-menu__logo > a:active {
text-decoration: none;
}
.float-menu__logo img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
max-width: 100%;
max-height: 100%;
}
.float-menu__menu {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.float-menu .header-menu__wrapper {
width: auto;
}
.float-menu .header-menu__seperator {
background: #cdcdcd;
opacity: 0.5;
}
.float-menu .header-menu__catalog > a, 
.float-menu .header-menu__main > ul > li.menu-item-has-children > a, 
.float-menu .header-menu__main > ul > li > a {
padding: 20px 15px 20px 15px;
}
.float-menu .header-menu__catalog > a, 
.float-menu .header-menu__main > ul > li.menu-item-has-children > a {
color: #000;
font-weight: 500;
}
.float-menu .header-menu__catalog:hover > a, 
.float-menu .header-menu__catalog:active > a, 
.float-menu .header-menu__main > ul > li.menu-item-has-children:hover > a, 
.float-menu .header-menu__main > ul > li.menu-item-has-children:active > a {
background: none;
color: #c7152a;
}
.float-menu .header-menu__catalog > a:after, 
.float-menu .header-menu__main > ul > li.menu-item-has-children > a:after {
margin-left: 8px;
background-image: url(../images/icon-menu-submenu-arrow-black.png);
}
.float-menu .header-menu__catalog > a:hover:after, 
.float-menu .header-menu__catalog > a:active:after, 
.float-menu .header-menu__main > ul > li.menu-item-has-children > a:hover:after, 
.float-menu .header-menu__main > ul > li.menu-item-has-children > a:active:after {
background-image: url(../images/icon-menu-submenu-arrow-red.png);
}
.float-menu .header-menu__catalog-submenus, 
.float-menu .header-menu__catalog-submenu-content {
top: 59px;
}
.float-menu .header-menu__main > ul > li > a {
color: #000;
font-weight: 500;
}
.float-menu .header-menu__main > ul > li > a:hover, 
.float-menu .header-menu__main > ul > li > a:active, 
.float-menu .header-menu__main > ul > li.active > a {
color: #c7152a;
background: none;
}
.float-menu__menu-mobile-icon {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 24px;
height: 17px;
background-position: -39px -5px;
background-repeat: no-repeat;
background-image: url(../images/icon-mm-burger.png);
cursor: pointer;
}
.float-menu__menu-mobile-icon:hover, 
.float-menu__menu-mobile-icon:active {
background-position: -73px -5px;
}
.float-menu__email {
display: inline-block;
vertical-align: top;
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;	
font-size: 14px;
line-height: 20px;
text-align: left;
}
.float-menu__email a {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
font-weight: 500;
color: #c7152a;
text-decoration: underline;
}
.float-menu__email a:hover, 
.float-menu__email a:active {
color: #e90520;
text-decoration: none;
}
.float-menu__email a:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 19px;
height: 20px;
position: absolute;
top: calc(50% - (20px / 2) - 2px);
left: 0px;
background-position: -5px -5px;
background-repeat: no-repeat;
background-image: url(../images/icon-mm-email.png);
}
.float-menu__email a:hover:before, 
.float-menu__email a:active:before {
background-position: -34px -5px;
}
.float-menu__email a > span {
color: inherit;
}
.float-menu__email b, 
.float-menu__email strong {
font-weight: 500;
color: #000;
}
.float-menu__btn {
display: inline-block;
vertical-align: top;
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;
}
.float-menu__btn .btn-yellow {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
height: 39px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 15px;
}
.float-menu__phone {
display: inline-block;
vertical-align: top;
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;	
font-size: 14px;
line-height: 16px;
text-align: left;
}
.float-menu__phone-tel {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
line-height: 18px;
font-weight: 500;
}
.float-menu__phone-tel a {
color: #000;
text-decoration: none;
cursor: text;
}
.float-menu__phone-tel a:hover, 
.float-menu__phone-tel a:active {
color: #000;
text-decoration: none;
}
.float-menu__phone-tel a > span {
color: inherit;
}
.float-menu__phone-call {
display: block;
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
max-width: 180px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1; 
-webkit-box-orient: vertical;
}
.float-menu__phone-call a {
font-weight: 500;
color: #c7152a;
text-decoration: underline;
}
.float-menu__phone-call a:hover, 
.float-menu__phone-call a:active {
color: #e90520;
text-decoration: none;
}
@media (min-width: 1395px) {
	.float-menu .header-menu__catalog > a, 
	.float-menu .header-menu__main > ul > li.menu-item-has-children > a, 
	.float-menu .header-menu__main > ul > li > a {
		padding-left: 18px;
		padding-right: 18px;
	}
}
@media (max-width: 1199px) {
	.float-menu__side.float-menu__side_left {
		margin-left: -15px;
		margin-left: -15px;
	}
	.float-menu__logo {
		margin-left: 15px;
		margin-left: 15px;
	}
	.float-menu__menu {
		margin-left: 15px;
		margin-left: 15px;
	}
	.float-menu .header-menu__wrapper {
		display: none;
	}
	.float-menu__menu > ul {
		display: none;
	}
	.float-menu__menu-mobile-icon {
		display: block;
	}
}
@media (max-width: 767px) {
	.float-menu__btn {
		display: none;
	}
}
@media (max-width: 499px) {
	.float-menu {
		display: none !important;
	}
	.float-menu__email a {
		padding: 0px 0px 0px 0px;
		text-decoration: none;
	}
	.float-menu__email a:before {
		position: relative;
		top: 0px;
		margin-top: 0px;
	}
	.float-menu__email a > span {
		display: none;
		font-size: 0px;
		line-height: 0px;
	}
	.float-menu__phone-call {
		display: none;
	}
}
@media (max-width: 399px) {
	.float-menu__email {
		display: none;
	}
}
@media (max-width: 359px) {
	.float-menu__phone-tel {
		font-size: 16px;
		line-height: 18px;
	}
}
@media (max-width: 329px) {
	.float-menu__phone-tel {
		font-size: 15px;
	}
}

.float-menu__notice {
display: block;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
position: absolute;
top: 100%;
left: 0px;
width: 100%;
background: #f3f0ec;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
transform: translateY(-149px);
transition: transform 250ms linear;
z-index: 1;
}
.float-menu__notice.float-menu__notice_show {
transform: translateY(0px);
}
.float-menu__notice-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% - 13px - 20px);
}
.float-menu__notice-text {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 20px;
font-size: 16px;
line-height: 20px;
color: #000;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1; 
-webkit-box-orient: vertical;
}
.float-menu__notice-text b, 
.float-menu__notice-text strong {
font-weight: 500;
}
.float-menu__notice-text a {
color: #c7152a;
text-decoration: underline;
}
.float-menu__notice-text a:hover, 
.float-menu__notice-text a:active {
color: #e90520;
text-decoration: none;
}
.float-menu__notice-btn {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
position: relative;
flex-shrink: 0;
}
.float-menu__notice-btn .btn-yellow {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
height: 39px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 15px;
flex-shrink: 0;
}
.float-menu__notice-close {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(50% - (13px / 2));
right: 0px;
width: 13px;
height: 13px;
z-index: 10;
}
.float-menu__notice-close > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: inherit;
height: inherit;
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: contain;
background-image: url(../images/icon-float-menu-notice-close.svg);
cursor: pointer;
}
.float-menu__notice-close:hover > i, 
.float-menu__notice-close:active > i {
background-image: url(../images/icon-float-menu-notice-close-hover.svg);
}
@media (max-width: 1199px) {
	.float-menu__notice {
		display: none;
	}
}

.mobtop-notice {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: fixed;
top: -60px;
left: 0px;
width: 100%;
height: 60px;
background: #11b812;
transform: translateY(0%);
transition: transform 250ms linear;
z-index: 99;
}
.mobtop-notice.mobtop-notice_show {
transform: translateY(100%);
}
.mobtop-notice .container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
height: 100%;
}
.mobtop-notice .container:after {
display: none;
}
.mobtop-notice__inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% - 16px - 20px);
height: 100%;
}
.mobtop-notice__text {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 100%;
font-size: 14px;
line-height: 19px;
color: #fff;
}
a.mobtop-notice__text {
text-decoration: none !important;
}
.mobtop-notice__text b, 
.mobtop-notice__text strong {
font-weight: 500;
}
.mobtop-notice__close {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 16px;
height: 100%;
cursor: pointer;
z-index: 10;
}
.mobtop-notice__close > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: contain;
background-image: url(../images/icon-mobtop-notice-close.svg);
}
.mobtop-notice__close:hover > i, 
.mobtop-notice__close:active > i {
opacity: 1;
}
@media (min-width: 500px) {
	.mobtop-notice {
		display: none;
	}
}

/*--- Модальные окна (форма заявки) ---*/
.form {
display: block;
margin: 0 auto;
padding: 30px 30px 30px 30px;
position: relative;
width: 320px;
background: #fff;
text-align: center;
}
.form__title {
display: block;
margin: -5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 20px;
line-height: 28px;
font-weight: 500;
}
.form form {
display: block;
margin: 0px 0px 0px 0px;
padding: calc(20px + 2px) 0px 0px 0px;
position: relative;
}
.form:has(.form__field-wrapper:first-child .form__field-label) form {
padding-top: 20px;
}
.form__fields-wrapper {
display: block;
margin: -15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.form__field-wrapper {
display: block;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.form__field-label {
display: block;
margin: -2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 12px;
line-height: 16px;
text-align: left;
}
.form__field-label-required {
color: #c61529;
}
.form__field-input {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.form__field-label + .form__field-input {
margin-top: 7px;
}
.form__field-wrapper input, 
.form__field-wrapper textarea {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
position: relative;
width: 100%;
height: 44px;
border: none;
outline: none;
text-align: left;
font-family: 'Roboto', sans-serif;
color: #000;
font-size: 14px;
line-height: 14px;
font-weight: 400;
background: #f0eeec;
box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
box-sizing: border-box;
z-index: 1;
}
.form__field-wrapper textarea {
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
height: 95px;
min-height: 95px;
resize: vertical;
}
.form input:not([type="submit"]):focus, 
.form textarea:focus {
box-shadow: inset 0 0 0 2px #b2afab !important;
}
.form input.error, 
.form textarea.error {
box-shadow: inset 0 0 0 2px #f88493 !important;
}
.form input::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder, 
.form input::-moz-placeholder, .form textarea::-moz-placeholder, 
.form input:-moz-placeholder, .form textarea:-ms-input-placeholder, 
.form input:-ms-input-placeholder, .form textarea:-ms-input-placeholder {
color: #5d5854;
}
.form input::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
color: #5d5854;
}
.form input:focus::-webkit-input-placeholder, .form textarea:focus::-webkit-input-placeholder, 
.form input:focus::-moz-placeholder, .form textarea:focus::-moz-placeholder, 
.form input:focus:-moz-placeholder, .form textarea:focus:-moz-placeholder, 
.form input:focus:-ms-input-placeholder, .form textarea:focus:-ms-input-placeholder {
color: transparent;
}
.form__submit-wrapper {
display: block;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.form__submit-wrapper .btn-submit {
width: 100%;
height: 44px;
}
.form__agree-wrapper {
display: block;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
}
.form__agree {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #a8a29d;
font-size: 12px;
line-height: 16px;
}
.form__agree a {
color: inherit;
text-decoration: underline;
}
.form__agree a:hover, 
.form__agree a:active {
color: #000;
text-decoration: underline;
}
@media (max-width: 499px) {
	.form {
		padding: 25px 25px calc(25px - 2px) 25px;
		width: calc(100% - (25px * 2));
	}
	.form__title {
		margin-top: -4px;
		font-size: 18px;
		line-height: 24px;
	}
	.form form {
		padding-top: calc(15px + 3px);
	}
	.form:has(.form__field-wrapper:first-child .form__field-label) form {
		padding-top: calc(15px + 1px);
	}
}

/*--- Модальные окна (форма КП) ---*/
.modal-kp {
display: block;
margin: 0px 0px 0px 0px;
padding: 30px 30px 30px 30px;
position: relative;
width: 650px;
background: #fff;
}
.modal-kp__title {
display: block;
margin: -4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 18px;
line-height: 24px;
font-weight: 500;
}
.modal-kp__form-wrapper {
display: block;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-kp:has(.modal-kp__field-label) .modal-kp__form-wrapper {
margin-top: calc(25px - 2px);
}
.modal-kp form {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-kp__fields-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-kp__fields-wrapper + .modal-kp__fields-wrapper {
margin-top: 15px;
}
.modal-kp__fields {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -15px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-kp__field {
display: inline-block;
vertical-align: top;
margin: 15px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-kp__fields.modal-kp__fields_1 .modal-kp__field {
width: calc(100% - (10px * 2));
}
.modal-kp__fields.modal-kp__fields_2 .modal-kp__field {
width: calc(50% - (10px * 2));
}
.modal-kp__fields.modal-kp__fields_3 .modal-kp__field {
width: calc(33.3333% - (10px * 2));
}
.modal-kp__field-label {
display: block;
margin: -2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 12px;
line-height: 16px;
text-align: left;
}
.modal-kp__field-input {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-kp__field-label + .modal-kp__field-input {
margin-top: 7px;
}
.modal-kp__field input, 
.modal-kp__field textarea {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
position: relative;
width: 100%;
height: 44px;
border: none;
outline: none;
text-align: left;
font-family: 'Roboto', sans-serif;
color: #000;
font-size: 14px;
line-height: 14px;
font-weight: 400;
background: #f0eeec;
box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
box-sizing: border-box;
z-index: 1;
}
.modal-kp__field textarea {
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
height: 160px;
resize: none;
line-height: 18px;
}
.modal-kp input[type='text']:focus, 
.modal-kp input[type='tel']:focus, 
.modal-kp input[type='email']:focus, 
.modal-kp textarea:focus {
box-shadow: inset 0 0 0 2px #b2afab !important;
}
.modal-kp input[type='text'].error, 
.modal-kp input[type='tel'].error, 
.modal-kp input[type='email'].error, 
.modal-kp textarea.error {
box-shadow: inset 0 0 0 2px #f88493 !important;
}
.modal-kp input[type='text']::-webkit-input-placeholder, .modal-kp input[type='tel']::-webkit-input-placeholder, .modal-kp input[type='email']::-webkit-input-placeholder, .modal-kp textarea::-webkit-input-placeholder, 
.modal-kp input[type='text']::-moz-placeholder, .modal-kp input[type='tel']::-moz-placeholder, .modal-kp input[type='email']::-moz-placeholder, .modal-kp textarea::-moz-placeholder, 
.modal-kp input[type='text']:-moz-placeholder, .modal-kp input[type='tel']:-moz-placeholder, .modal-kp input[type='email']:-moz-placeholder, .modal-kp textarea:-ms-input-placeholder, 
.modal-kp input[type='text']:-ms-input-placeholder, .modal-kp input[type='tel']:-ms-input-placeholder, .modal-kp input[type='email']:-ms-input-placeholder, .modal-kp textarea:-ms-input-placeholder {
color: #5d5854;
}
.modal-kp input[type='text']::-webkit-input-placeholder {
color: #5d5854;
}
.modal-kp input[type='tel']::-webkit-input-placeholder {
color: #5d5854;
}
.modal-kp input[type='email']::-webkit-input-placeholder {
color: #5d5854;
}
.modal-kp textarea::-webkit-input-placeholder {
color: #5d5854;
}
.modal-kp input[type='text']:focus::-webkit-input-placeholder, .modal-kp input[type='tel']:focus::-webkit-input-placeholder, .modal-kp input[type='email']:focus::-webkit-input-placeholder, .modal-kp textarea:focus::-webkit-input-placeholder, 
.modal-kp input[type='text']:focus::-moz-placeholder, .modal-kp input[type='tel']:focus::-moz-placeholder, .modal-kp input[type='email']:focus::-moz-placeholder, .modal-kp textarea:focus::-moz-placeholder, 
.modal-kp input[type='text']:focus:-moz-placeholder, .modal-kp input[type='tel']:focus:-moz-placeholder, .modal-kp input[type='email']:focus:-moz-placeholder, .modal-kp textarea:focus:-moz-placeholder, 
.modal-kp input[type='text']:focus:-ms-input-placeholder, .modal-kp input[type='tel']:focus:-ms-input-placeholder, .modal-kp input[type='email']:focus:-ms-input-placeholder, .modal-kp textarea:focus:-ms-input-placeholder {
color: transparent;
}
.modal-kp__file {
display: block;
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 44px;
text-align: left;
}
.modal-kp__file label {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: inherit;
}
.modal-kp__file label input[type="file"] {
display: none;
}
.modal-kp__file label .label {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
position: relative;
height: inherit;
color: #c7152a;
font-size: 14px;
line-height: 16px;
font-weight: 400;
text-decoration: underline;
cursor: pointer;
}
.modal-kp__file label .label > span {
display: table;
width: 100%;
height: inherit;
position: relative;
top: 0px;
}
.modal-kp__file label .label > span > span {
display: table-cell;
vertical-align: middle;
padding-top: 4px;
width: 100%;
height: 100%;
}
.modal-kp__file label .label:hover, 
.modal-kp__file label .label:active {
color: #e90520;
}
.modal-kp__file label .label:before {
content: "";
display: inline-block;
vertical-align: top;
margin: -6px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 50%;
left: 0px;
width: 15px;
height: 16px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-image: url(../images/icon-attachment-kp.png);
}
.modal-kp__submit-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 20px -10px 0px -10px;
padding: 0px 0px 0px 0px;
}
.modal-kp__file + .modal-kp__submit-wrapper {
margin-top: 5px;
}
.modal-kp__submit-btn-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
}
.modal-kp__submit-btn.btn-submit {
width: auto;
}
.modal-kp__submit-agree-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
font-size: 0px;
text-align: left;
}
.modal-kp__submit-agree {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #a8a29d;
font-size: 12px;
line-height: 16px;
}
.modal-kp__submit-agree a {
color: inherit;
text-decoration: underline;
}
.modal-kp__submit-agree a:hover, 
.modal-kp__submit-agree a:active {
color: #000;
text-decoration: underline;
}
@media (max-width: 767px) {
	.modal-kp {
		width: 500px;
	}
	.modal-kp__field {
		width: calc(100% - (10px * 2)) !important;
	}
	.modal-kp__submit-agree br {
		display: none;
	}
}
@media (max-width: 499px) {
	#modal-kp .box-modal_close {
		right: 25px;
	}
	.modal-kp {
		margin-left: auto;
		margin-right: auto;
		padding: 25px 25px 25px 25px;
		width: calc(100% - (25px * 2));
		min-width: 320px;
	}
	.modal-kp__form-wrapper {
		margin-top: 20px;
	}
	.modal-kp:has(.modal-kp__field-label) .modal-kp__form-wrapper {
		margin-top: calc(20px - 2px);
	}
	.modal-kp__field textarea {
		height: 140px;
	}
	.modal-kp__submit-wrapper {
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.modal-kp__submit-btn-wrapper {
		width: calc(100% - (10px * 2));
	}
	.modal-kp__submit-btn.btn-submit {
		width: 100%;
	}
	.modal-kp__submit-agree-wrapper {
		margin-top: 10px;
		width: calc(100% - (10px * 2));
	}
}
@media (max-width: 399px) {
	.modal-kp__file {
		height: 52px;
	}
}

/*--- Модальные окна (города) ---*/
.modal-regions {
display: block;
margin: 0px 0px 0px 0px;
padding: 40px 40px 40px 40px;
position: relative;
background: #fff;
}
.modal-regions__list-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-regions__list-wrapper ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 15px;
line-height: 19px;
font-weight: 400;
column-gap: 30px;
column-count: 5;
}
.modal-regions__list-wrapper ul li {
display: block;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow-wrap: normal;
word-wrap: normal;
word-break: keep-all;
line-break: auto;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
white-space: nowrap;
color: #5d5854;
}
.modal-regions__list-wrapper ul li:first-child {
margin-top: 0px;
}
.modal-regions__list-wrapper ul li a {
color: inherit;
text-decoration: none;
}
.modal-regions__list-wrapper ul li a:hover, 
.modal-regions__list-wrapper ul li a:active {
color: #e90520;
text-decoration: none;
}
.modal-regions__list-wrapper ul li b, 
.modal-regions__list-wrapper ul li strong {
font-weight: 500;
}
@media (max-width: 1199px) {
	.modal-regions__list-wrapper ul {
		column-count: 3;
	}
}
@media (max-width: 767px) {
	.modal-regions__list-wrapper ul {
		column-count: 2;
		column-gap: 20px;
	}
}
@media (max-width: 499px) {
	.modal-regions {
		padding: 25px 25px 25px 25px;
	}
	.modal-regions__list-wrapper ul {
		column-count: 1;
	}
	.modal-regions__list-wrapper ul li {
		margin-top: 5px;
	}
}

/*--- Модальные окна (аренда поддомена) ---*/
.modal-rent-subdomain {
display: block;
margin: 0px 0px 0px 0px;
padding: 40px 40px 40px 40px;
position: relative;
background: #fff;
}
.modal-rent-subdomain__title {
display: block;
margin: -6px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 20px;
line-height: 28px;
font-weight: 500;
text-align: center;
}
.modal-rent-subdomain__description {
display: block;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-align: center;
}
.modal-rent-subdomain__more {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: calc(15px + 3px) 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-rent-subdomain__more > i {
display: inline-block;
vertical-align: top;
margin: 0px 12px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
line-height: 0px;
flex-shrink: 0;
}
.modal-rent-subdomain__more > i > a {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 42px;
height: 42px;
background-color: #3b9cd9;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(../images/icon-modal-rent-subdomain-tg.png);
border-radius: 50%;
font-size: inherit;
line-height: inherit;
color: #000 !important;
text-decoration: none !important;
border: none !important;
outline: none !important;
}
.modal-rent-subdomain__more > i > a:hover {
opacity: 0.75;
}
.modal-rent-subdomain__more > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 15px;
line-height: 20px;
font-weight: 400;
}
.modal-rent-subdomain__more > span > a {
font-size: inherit;
line-height: inherit;
color: #238ac9;
text-decoration: underline;
}
.modal-rent-subdomain__more > span > a:hover {
opacity: 0.75;
text-decoration: underline;
}
@media (max-width: 499px) {
	.modal-rent-subdomain {
		width: calc(100% - (25px * 2));
		max-width: calc(100% - (25px * 2));
		padding: 25px 25px 25px 25px;
		margin-left: auto;
		margin-right: auto;
	}
	.modal-rent-subdomain__title {
		margin-top: 0px;
		font-size: 18px;
		line-height: 24px;
	}
	.modal-rent-subdomain__description {
		margin-top: 10px;
		font-size: 14px;
		line-height: 22px;
		text-wrap: balance;
	}
	.modal-rent-subdomain__description br {
		display: none;
	}
	.modal-rent-subdomain__more {
		margin-top: calc(10px + 1px);
	}
	.modal-rent-subdomain__more > span {
		font-size: 14px;
		line-height: 20px;
	}
}

/*--- Модальные окна (быстрый просмотр товара) ---*/
.modal-product-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 45px 45px 45px 45px;
position: relative;
width: 900px;
height: auto;
background: #fff;
}
.modal-product {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.modal-product-gallery {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 410px;
}
.modal-product-gallery__tips {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 15px;
left: 15px;
z-index: 20;
}
.modal-product-gallery__tips-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: -8px -4px 0px -4px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-product-gallery__tip {
display: inline-block;
vertical-align: top;
margin: 8px 4px 0px 4px;
padding: 4px 4px 3px 4px;
position: relative;
color: #fff;
font-size: 11px;
line-height: 11px;
font-weight: 700;
text-transform: uppercase;
background: #aea8a2;
border-radius: 4px;
cursor: default;
}
.modal-product-gallery__tip.modal-product-gallery__tip_hit {
background: #11b812;
}
.modal-product-gallery__tip.modal-product-gallery__tip_sale {
background: #e7001b;
}
.modal-product-gallery__actions {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 15px;
right: 15px;
visibility: hidden;
opacity: 0;
z-index: 80;
}
.modal-product-gallery__img:hover .modal-product-gallery__actions, 
.modal-product-gallery__img:active .modal-product-gallery__actions {
visibility: visible;
opacity: 1;
}
.modal-product-gallery__actions-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
margin: -8px -4px 0px -4px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-product-gallery__action {
display: inline-block;
vertical-align: top;
margin: 8px 4px 0px 4px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
line-height: 0px;
opacity: 0.5;
cursor: pointer;
}
.modal-product-gallery__action:hover, 
.modal-product-gallery__action:active, 
.modal-product-gallery__action.modal-product-gallery__action_active {
opacity: 1;
}
.modal-product-gallery__action > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: contain;
}
.modal-product-gallery__action.modal-product-gallery__action_compare > i {
width: 16px;
height: 15px;
background-image: url(../images/icon-product-item-compare.svg);
}
.modal-product-gallery__action.modal-product-gallery__action_favorites > i {
width: 17px;
height: 15px;
background-image: url(../images/icon-product-item-favorites.svg);
}
.modal-product-gallery__action.modal-product-gallery__action_active.modal-product-gallery__action_compare > i {
background-image: url(../images/icon-product-item-compare-active.svg);
}
.modal-product-gallery__action.modal-product-gallery__action_active.modal-product-gallery__action_favorites > i {
background-image: url(../images/icon-product-item-favorites-active.svg);
}
.modal-product-gallery__actions.modal-product-gallery__actions_bg .modal-product-gallery__action {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: #f3f0ec;
border-radius: 4px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
opacity: 1 !important;
}
.modal-product-gallery__actions.modal-product-gallery__actions_bg .modal-product-gallery__action.modal-product-gallery__action_compare {
width: calc(16px + (6px * 2));
height: calc(15px + (6px * 2));
}
.modal-product-gallery__actions.modal-product-gallery__actions_bg .modal-product-gallery__action.modal-product-gallery__action_favorites {
width: calc(17px + (6px * 2));
height: calc(15px + (6px * 2));
}
.modal-product-gallery__actions.modal-product-gallery__actions_bg .modal-product-gallery__action > i {
opacity: 0.5;
}
.modal-product-gallery__actions.modal-product-gallery__actions_bg .modal-product-gallery__action:hover > i, 
.modal-product-gallery__actions.modal-product-gallery__actions_bg .modal-product-gallery__action:active > i, 
.modal-product-gallery__actions.modal-product-gallery__actions_bg .modal-product-gallery__action.modal-product-gallery__action_active > i {
opacity: 1;
}
.modal-product-gallery__img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: 410px;
}
.modal-product-gallery__img:after {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 1px solid #f0eeec;
box-sizing: border-box;
z-index: 50;
}
.modal-product-gallery__img-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: 100%;
z-index: 10;
}
.modal-product-wrapper[data-type="doors"] .modal-product-gallery__img-inner, 
.modal-product-wrapper[data-type="vestibules"] .modal-product-gallery__img-inner, 
.modal-product-wrapper[data-type="porchdoors"] .modal-product-gallery__img-inner, 
.modal-product-wrapper[data-type="latticedoors"] .modal-product-gallery__img-inner, 
.modal-product-wrapper[data-type="alumdoors"] .modal-product-gallery__img-inner, 
.modal-product-wrapper[data-type="alumokna"] .modal-product-gallery__img-inner, 
.modal-product-wrapper[data-type="gates"] .modal-product-gallery__img-inner, 
.modal-product-wrapper[data-type="ventings"] .modal-product-gallery__img-inner {
flex-direction: column;
padding: 25px 25px 25px 25px;
}
.modal-product-gallery__img-inner > div {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
max-width: 100%;
max-height: 100%;
}
.modal-product-gallery__img-inner img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 0px;
min-height: 0px;
max-width: 100%;
max-height: 100%;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}
.modal-product-info {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% - 410px - 30px);
}
.modal-product-info__title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-product-info__title a {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
color: #000000;
text-decoration: none;
}
.modal-product-info__title a:hover, 
.modal-product-info__title a:active {
color: #e90520;
text-decoration: none;
}
.modal-product-info__title a > span {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 22px;
line-height: 26px;
font-weight: 700;
}
.modal-product-info__title a > span i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 2px;
padding: 0px 0px 0px 0px;
position: relative;
top: 4px;
width: 16px;
height: 16px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-image: url(../images/icon-link-blank.png);
font-size: 0px;
line-height: 0px;
}
.modal-product-info__rating {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin: 8px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 10;
}
.modal-product-info__rating-stars-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
top: -1px;
}
.modal-product-info__rating-stars {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -1.5px 0px -1.5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-product-info__rating-star {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 1.5px 0px 1.5px;
position: relative;
font-size: 0px;
line-height: 0px;
}
.modal-product-info__rating-star > i {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 12px;
height: 12px;
font-size: 0px;
line-height: 0px;
background-repeat: no-repeat;
background-position: -5px -5px;
background-image: url(../images/icon-product-item-stars.png);
}
.modal-product-info__rating-star > i > span {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 0%;
height: 100%;
background-repeat: no-repeat;
background-position: -27px -5px;
background-image: url(../images/icon-product-item-stars.png);
}
.modal-product-info__rating-total {
display: inline-block;
vertical-align: top;
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 18px;
color: #b2b2b2;
overflow-wrap: normal;
word-wrap: normal;
word-break: keep-all;
line-break: auto;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
white-space: nowrap;
}
.modal-product-info__rating-total-average {
color: #5d5854;
}
.modal-product-info__prices-items-wrapper {
display: block;
margin: 15px 0px -3px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-product-info__prices-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
}
.modal-product-info__prices-item {
display: inline-block;
vertical-align: top;
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(50% - (10px * 2));
}
.modal-product-info__prices-item-label {
display: block;
margin: 0px 0px 0px 0px;	
padding: 0px 0px 0px 0px;
position: relative;
color: #cfc7c0;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.modal-product-info__prices-item.modal-product-info__prices-item_old .modal-product-info__prices-item-label {
font-weight: 400;
}
.modal-product-info__prices-item.modal-product-info__prices-item_new .modal-product-info__prices-item-label {
color: #000;
}
.modal-product-info__prices-item-value {
display: block;
margin: 5px 0px 0px 0px;
padding: 0px 5px 0px 0px;
position: relative;
font-size: 24px;
line-height: 31px;
font-weight: 700;
}
.modal-product-info__prices-item.modal-product-info__prices-item_old .modal-product-info__prices-item-value {
color: #cfc7c0;
font-weight: 500;
}
.modal-product-info__prices-item-value[data-sale]:after {
content: attr(data-sale);
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 4px;
padding: 0px 0px 0px 0px;
position: relative;
top: 5px;
font-size: 14px;
line-height: 14px;
font-weight: 500;
color: #e7001b;
white-space: nowrap;
}
.modal-product-info__prices-item-value-number {
color: #000;
font-size: 27px;
line-height: 31px;
font-weight: 700;
word-spacing: -0.05em;
}
.modal-product-info__prices-item.modal-product-info__prices-item_old .modal-product-info__prices-item-value-number {
color: #cfc7c0;
font-weight: 500;
text-decoration: line-through;
}
.modal-product-info__prices-item-value > sup {
position: relative;
top: 1px;
left: 4px;
color: #000;
font-size: 15px;
line-height: 0px;
font-weight: 700;
}
.modal-product-info__prices-item.modal-product-info__prices-item_old .modal-product-info__prices-item-value > sup {
color: #cfc7c0;
}
.modal-product-info__cost {
display: block;
margin: calc(25px - 3px) 0px 0px 0px;
padding: calc(25px - 3px) 0px 0px 0px;
position: relative;
border-top: 1px solid #dcd8e0;
}
.modal-product-info__fastcalc {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-product-info__inputs-items-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-product-info__inputs-items-wrapper:first-child {
margin-top: 0px;
}
.modal-product-info__inputs-items-wrapper + .modal-product-info__inputs-items-wrapper, 
.modal-product-info__checkboxes-items-wrapper + .modal-product-info__inputs-items-wrapper {
margin-top: 15px;
}
.modal-product-info__inputs-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -15px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
}
.modal-product-info__inputs-item {
display: inline-block;
vertical-align: top;
margin: 15px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(50% - (10px * 2));
}
.modal-product-info__inputs-item-label {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.modal-product-info__inputs-item-inp {
display: block;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-product-info__inputs-item input {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
position: relative;
width: 100%;
height: 40px;
border: none;
outline: none;
font-family: 'Roboto', sans-serif;
color: #000;
font-size: 14px;
line-height: 14px;
font-weight: 400;
text-align: left;
background: #f0eeec;
box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
box-sizing: border-box;
z-index: 1;
}
.modal-product-info__inputs-item input.error {
box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15), 0 0 0 2px #f88493 !important;
}
.modal-product-info__inputs-item input[type='number']::-webkit-input-placeholder, 
.modal-product-info__inputs-item input[type='number']::-moz-placeholder, 
.modal-product-info__inputs-item input[type='number']:-moz-placeholder, 
.modal-product-info__inputs-item input[type='number']:-ms-input-placeholder {
color: #5d5854;
}
.modal-product-info__inputs-item input[type='number']::-webkit-input-placeholder {
color: #5d5854;
}
.modal-product-info__inputs-item input[type='number']:focus::-webkit-input-placeholder, 
.modal-product-info__inputs-item input[type='number']:focus::-moz-placeholder, 
.modal-product-info__inputs-item input[type='number']:focus:-moz-placeholder, 
.modal-product-info__inputs-item input[type='number']:focus:-ms-input-placeholder {
color: transparent;
}
.modal-product-info__inputs-item input[type='number']::-webkit-inner-spin-button, 
.modal-product-info__inputs-item input[type='number']::-webkit-outer-spin-button { 
-webkit-appearance: none;
margin: 0;
}
.modal-product-info__checkboxes-items-wrapper {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-product-info__checkboxes-items-wrapper:first-child {
margin-top: 0px;
}
.modal-product-info__checkboxes-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -20px -10px 0px -10px;
padding: 0px 0px 0px 0px;
font-size: 0px;
}
.modal-product-info__checkboxes-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 20px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(50% - (10px * 2));
min-width: 160px;
}
.modal-product-info__checkboxes-item-checkbox {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
flex-shrink: 0;
width: 25px;
height: 25px;
border: none;
outline: none;
background: #f0eeec;
box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
cursor: pointer;
}
.modal-product-info__checkboxes-item.modal-product-info__checkboxes-item_hover .modal-product-info__checkboxes-item-checkbox {
background: rgba(199, 21, 42, 0.2);
}
.modal-product-info__checkboxes-item.modal-product-info__checkboxes-item_active .modal-product-info__checkboxes-item-checkbox {
background: #c7152a;
}
.modal-product-info__checkboxes-item-checkbox > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 10px;
margin-top: -6px;
margin-left: -7px;
opacity: 0;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(../images/icon-filter-checkbox-checked.png);
}
.modal-product-info__checkboxes-item.modal-product-info__checkboxes-item_hover .modal-product-info__checkboxes-item-checkbox > i {
opacity: 1;
}
.modal-product-info__checkboxes-item.modal-product-info__checkboxes-item_active .modal-product-info__checkboxes-item-checkbox > i {
opacity: 1;
}
.modal-product-info__checkboxes-item-checkbox > input {
display: none;
}
.modal-product-info__checkboxes-item-label {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 4px 0px 1px 12px;
position: relative;
cursor: pointer;
}
.modal-product-info__checkboxes-item-label-inner {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-product-info__checkboxes-item.modal-product-info__checkboxes-item_row .modal-product-info__checkboxes-item-label-inner {
flex-direction: row;
flex-wrap: wrap;
}
.modal-product-info__checkboxes-item-label-name {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #5d5854;
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
.modal-product-info__checkboxes-item-label-name a {
color: #c7152a;
text-decoration: underline;
}
.modal-product-info__checkboxes-item-label-name a:hover, 
.modal-product-info__checkboxes-item-label-name a:active {
color: #e90520;
text-decoration: none;
}
.modal-product-info__checkboxes-item-label-subname {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
color: #aea7a2;
font-size: 13px;
line-height: 20px;
font-weight: 400;
}
.modal-product-info__checkboxes-item-label input {
display: none;
}
.modal-product-info__checkboxes-item-options {
display: block;
margin: 0px 0px 0px 0px;
padding: 18px 20px 18px 20px;
position: absolute;
top: -14px;
left: 17px;
width: 215px;
background: #fff;
border-radius: 10px;
box-shadow: 0px 0px 20px 0px rgba(240, 238, 236, 0.55);
visibility: hidden;
opacity: 0;
z-index: 40;
}
.modal-product-info__checkboxes-item-options.modal-product-info__checkboxes-item-options_open {
visibility: visible;
opacity: 1;
}
.modal-product-info__checkboxes-item-options ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.modal-product-info__checkboxes-item-options ul li {
display: block;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
.modal-product-info__checkboxes-item-options ul li:first-child {
margin-top: 0px;
}
.modal-product-info__checkboxes-item-options ul li a {
color: #c7152a;
text-decoration: underline;
}
.modal-product-info__checkboxes-item-options ul li a:hover, 
.modal-product-info__checkboxes-item-options ul li a:active {
color: #e90520;
text-decoration: none;
}
.modal-product-info__checkboxes-item-options ul li.modal-product-info__checkboxes-item-option_active a, 
.modal-product-info__checkboxes-item-options ul li.modal-product-info__checkboxes-item-option_active a:hover, 
.modal-product-info__checkboxes-item-options ul li.modal-product-info__checkboxes-item-option_active a:active {
color: #5d5854;
font-weight: 500;
text-decoration: none;
}
.modal-product-info__checkboxes-item-option-price {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #aea7a2;
font-size: 13px;
font-weight: 400;
}
.modal-product-info__itogo {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-product-info__itogo:first-child {
margin-top: 0px;
}
.modal-product-info__itogo-summary {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-product-info__itogo-summary-price {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 24px;
line-height: 28px;
font-weight: 500;
}
.modal-product-info__itogo-summary-btns-wrapper {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
}
.modal-product-info__itogo-summary-btns {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -10px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
text-align: left;
font-size: 0px;
}
.modal-product-info__itogo-summary-btn-wrapper {
display: inline-block;
vertical-align: top;
margin: 10px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-product-info__itogo-summary-btn.btn-yellow {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
width: auto;
height: 40px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 15px;
}
.modal-product-info__parameters-wrapper {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-product-info__itogo:first-child + .modal-product-info__parameters-wrapper {
margin-top: 25px;
}
.modal-product-info__parameters {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
border: 1px solid #f0eeec;
}
.modal-product-info__parameters-tr {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-product-info__parameters-tr:first-child {
margin-top: 0px;
}
.modal-product-info__parameters-td {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 12px 12px 12px 12px;
width: 50%;
color: #5d5854;
font-size: 14px;
line-height: 18px;
background: #f9f8f7;
border-right: 1px solid #f0eeec;
}
.modal-product-info__parameters-tr:nth-child(2n) .modal-product-info__parameters-td {
background: #ffffff;
}
.modal-product-info__parameters-td:last-child {
border-right: none;
}
.modal-product-info__parameters-td a {
color: #c7152a;
text-decoration: underline;
}
.modal-product-info__parameters-td a:hover, 
.modal-product-info__parameters-td a:active {
color: #e90520;
text-decoration: none;
}
.modal-product-wrapper .modal-product-nav-item {
display: block;
margin: -22px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
cursor: pointer;
z-index: 10;
}
.modal-product-wrapper .modal-product-nav-item.modal-product-nav-item_prev {
left: calc((44px + 30px) * (-1));
}
.modal-product-wrapper .modal-product-nav-item.modal-product-nav-item_next {
right: calc((44px + 30px) * (-1));
}
.modal-product-wrapper .modal-product-nav-item > span {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: 100%;
border-radius: inherit;
background-color: rgba(255, 255, 255, 0.2);
background-repeat: no-repeat;
background-position: 50% 50%;
}
.modal-product-wrapper .modal-product-nav-item > span:hover, 
.modal-product-wrapper .modal-product-nav-item > span:active {
background-color: rgba(255, 255, 255, 0.4);
}
.modal-product-wrapper .modal-product-nav-item.modal-product-nav-item_prev > span {
background-image: url(../images/icon-product-slider-arrow-prev.png);
background-position: calc(50% - 1px) calc(50% - 0px);
}
.modal-product-wrapper .modal-product-nav-item.modal-product-nav-item_next > span {
background-image: url(../images/icon-product-slider-arrow-next.png);
background-position: calc(50% + 1px) calc(50% - 0px);
}
@media (min-width: 1200px) {
	.modal-product-wrapper[data-type="doors"], 
	.modal-product-wrapper[data-type="vestibules"], 
	.modal-product-wrapper[data-type="porchdoors"], 
	.modal-product-wrapper[data-type="latticedoors"], 
	.modal-product-wrapper[data-type="alumdoors"], 
	.modal-product-wrapper[data-type="alumokna"] {
		width: 1060px;
	}
	.modal-product-wrapper[data-type="gates"] {
		width: 980px;
	}
	.modal-product-wrapper[data-type="ventings"] {
		width: 980px;
	}
	.modal-product-wrapper[data-type="doors"] .modal-product-gallery, 
	.modal-product-wrapper[data-type="vestibules"] .modal-product-gallery, 
	.modal-product-wrapper[data-type="porchdoors"] .modal-product-gallery, 
	.modal-product-wrapper[data-type="latticedoors"] .modal-product-gallery, 
	.modal-product-wrapper[data-type="alumdoors"] .modal-product-gallery, 
	.modal-product-wrapper[data-type="alumokna"] .modal-product-gallery {
		width: 550px;
	}
	.modal-product-wrapper[data-type="gates"] .modal-product-gallery {
		width: 470px;
	}
	.modal-product-wrapper[data-type="ventings"] .modal-product-gallery {
		width: 470px;
	}
	.modal-product-wrapper[data-type="doors"] .modal-product-gallery__img, 
	.modal-product-wrapper[data-type="vestibules"] .modal-product-gallery__img, 
	.modal-product-wrapper[data-type="porchdoors"] .modal-product-gallery__img, 
	.modal-product-wrapper[data-type="latticedoors"] .modal-product-gallery__img, 
	.modal-product-wrapper[data-type="alumdoors"] .modal-product-gallery__img, 
	.modal-product-wrapper[data-type="alumokna"] .modal-product-gallery__img {
		height: 550px;
	}
	.modal-product-wrapper[data-type="gates"] .modal-product-gallery__img {
		height: 350px;
	}
	.modal-product-wrapper[data-type="ventings"] .modal-product-gallery__img {
		height: 470px;
	}
	.modal-product-wrapper[data-type="doors"] .modal-product-info, 
	.modal-product-wrapper[data-type="vestibules"] .modal-product-info, 
	.modal-product-wrapper[data-type="porchdoors"] .modal-product-info, 
	.modal-product-wrapper[data-type="latticedoors"] .modal-product-info, 
	.modal-product-wrapper[data-type="alumdoors"] .modal-product-info, 
	.modal-product-wrapper[data-type="alumokna"] .modal-product-info {
		width: calc(100% - 550px - 30px);
	}
	.modal-product-wrapper[data-type="gates"] .modal-product-info {
		width: calc(100% - 470px - 30px);
	}
	.modal-product-wrapper[data-type="ventings"] .modal-product-info {
		width: calc(100% - 470px - 30px);
	}
}
@media (max-width: 1199px) {
	.modal-product-wrapper {
		width: 708px;
	}
	.modal-product {
		justify-content: flex-start;
	}
	.modal-product-gallery {
		width: 100%;
	}
	.modal-product-gallery__img-inner {
		flex-direction: column;
	}
	.modal-product-gallery__img-inner > div {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
	}
	.modal-product-info {
		width: 100%;
		margin-top: 25px;
	}
}
@media (min-width: 900px) and (max-width: 1199px) {
	.modal-product-wrapper .modal-product-nav-item.modal-product-nav-item_prev {
		left: calc((44px + 20px) * (-1));
	}
	.modal-product-wrapper .modal-product-nav-item.modal-product-nav-item_next {
		right: calc((44px + 20px) * (-1));
	}
}
@media (max-width: 899px) {
	.modal-product-wrapper .modal-product-nav-item {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.modal-product-wrapper {
		width: 460px;
		padding: 35px 35px 35px 35px;
	}
	.modal-product-gallery__img {
		height: calc(460px - (35px * 2));
	}
	.modal-product-wrapper[data-type="gates"] .modal-product-gallery__img {
		height: calc((460px - (35px * 2)) * 0.698);
	}
	.modal-product-wrapper[data-type="doors"] .modal-product-gallery__img-inner, 
	.modal-product-wrapper[data-type="vestibules"] .modal-product-gallery__img-inner, 
	.modal-product-wrapper[data-type="porchdoors"] .modal-product-gallery__img-inner, 
	.modal-product-wrapper[data-type="latticedoors"] .modal-product-gallery__img-inner, 
	.modal-product-wrapper[data-type="alumdoors"] .modal-product-gallery__img-inner, 
	.modal-product-wrapper[data-type="alumokna"] .modal-product-gallery__img-inner {
		padding: 20px 20px 20px 20px;
	}
	.modal-product-wrapper[data-type="gates"] .modal-product-gallery__img-inner {
		padding: 20px 20px 20px 20px;
	}
	.modal-product-wrapper[data-type="ventings"] .modal-product-gallery__img-inner {
		padding: 20px 20px 20px 20px;
	}
}
@media (max-width: 499px) {
	.modal-product-wrapper .box-modal_close {
		right: 0px;
	}
	.modal-product-wrapper {
		margin-left: auto;
		margin-right: auto;
		padding: 25px 25px 25px 25px;
		width: calc(100% - (25px * 2));
		min-width: 320px;
	}
	.modal-product-info__title a > span {
		font-size: 20px;
		line-height: 24px;
	}
	.modal-product-gallery__img {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		height: auto;
		min-height: calc(320px - (20px * 2) - (25px * 2));
	}
	.modal-product-wrapper[data-type="reshetki"] .modal-product-gallery__img, 
	.modal-product-wrapper[data-type="reshetki-anticat"] .modal-product-gallery__img {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.modal-product-wrapper[data-type="gates"] .modal-product-gallery__img {
		height: auto;
		min-height: calc(((320px - (20px * 2)) * 0.698) - (25px * 2));
	}
	.modal-product-gallery__actions {
		visibility: visible !important;
		opacity: 1 !important;
	}
	.modal-product-gallery__actions:not(.modal-product-gallery__actions_bg) .modal-product-gallery__action {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		background: #f3f0ec;
		border-radius: 4px;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
		opacity: 1 !important;
	}
	.modal-product-gallery__actions:not(.modal-product-gallery__actions_bg) .modal-product-gallery__action.modal-product-gallery__action_compare {
		width: calc(16px + (6px * 2));
		height: calc(15px + (6px * 2));
	}
	.modal-product-gallery__actions:not(.modal-product-gallery__actions_bg) .modal-product-gallery__action.modal-product-gallery__action_favorites {
		width: calc(17px + (6px * 2));
		height: calc(15px + (6px * 2));
	}
	.modal-product-gallery__actions:not(.modal-product-gallery__actions_bg) .modal-product-gallery__action > i {
		opacity: 0.5;
	}
	.modal-product-gallery__actions:not(.modal-product-gallery__actions_bg) .modal-product-gallery__action:hover > i, 
	.modal-product-gallery__actions:not(.modal-product-gallery__actions_bg) .modal-product-gallery__action:active > i, 
	.modal-product-gallery__actions:not(.modal-product-gallery__actions_bg) .modal-product-gallery__action.modal-product-gallery__action_active > i {
		opacity: 1;
	}
	.modal-product-info {
		margin-top: 20px;
	}
	.modal-product-info__prices-items {
		margin-top: -10px;
	}
	.modal-product-info__prices-item {
		margin-top: 10px;
		width: auto;
	}
	.modal-product-info__prices-item-value {
		margin-top: 0px;
	}
	.modal-product-info__inputs-item {
		width: calc(100% - (10px * 2));
	}
	.modal-product-info__checkboxes-items {
		margin-top: -5px;
	}
	.modal-product-info__checkboxes-item {
		margin-top: 5px;
		width: calc(100% - (10px * 2));
	}
	.modal-product-info__itogo {
		margin-top: 15px;
	}
	.modal-product-info__itogo-summary {
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.modal-product-info__itogo-summary-price {
		font-size: 22px;
		line-height: 26px;
	}
	.modal-product-info__itogo-summary-btns-wrapper {
		margin-top: calc(15px - 2px);
		width: 100%;
	}
	.modal-product-info__itogo-summary-btn-wrapper {
		width: 100%;
	}
	.modal-product-info__itogo-summary-btn.btn-yellow {
		width: 100%;
	}
	.modal-product-info__parameters-wrapper {
		margin-top: 25px;
	}
	.modal-product-info__itogo:first-child + .modal-product-info__parameters-wrapper {
		margin-top: 25px;
	}
	.modal-product-info__parameters-tr {
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 12px 12px 12px 12px;
		background: none;
	}
	.modal-product-info__parameters-tr:nth-child(2n-1) {
		background: #f9f8f7;
	}
	.modal-product-info__parameters-td {
		width: 100% !important;
		padding: 0px 0px 0px 0px;
		border-right: none;
		background: none;
	}
}
@media (max-width: 419px) {
	.modal-product-wrapper[data-type="gates"] .modal-product-gallery__img {
		min-height: calc(((320px - (20px * 2)) * 0.92) - (25px * 2));
	}
}

.modal-product-zapros {
display: block;
margin: 20px 0px 0px 0px;
padding: calc(15px - 1px) 15px 15px 15px;
position: relative;
text-align: center;
font-size: 16px;
line-height: 22px;
font-weight: 500;
border: 1px solid #f0eeec;
}
.modal-product-info .modal-product-zapros {
display: none;
}
.modal-product-zapros a {
color: #c7152a;
text-decoration: underline;
}
.modal-product-zapros a:hover, 
.modal-product-zapros a:active {
color: #e90520;
text-decoration: none;
}
.modal-product .form {
width: 100%;
padding: 25px 0px 0px 0px;
}
.modal-product-info .form {
display: none;
}
.modal-product .form__title {
text-align: left;
}
.modal-product .form form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
padding-top: 4px;
}
.modal-product .form__fields-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0px -10px 0px -10px;
padding: 0px 0px 0px 0px;
width: calc(100% + (10px * 2));
}
.modal-product .form__field-wrapper {
margin-left: 10px;
margin-right: 10px;
width: calc(50% - (10px * 2));
}
.modal-product .form__submit-wrapper {
width: 156px;
margin-top: 20px;
}
.modal-product .form__agree-wrapper {
width: calc(100% - 156px - (9px * 2));
margin-top: 20px;
margin-left: 18px;
text-align: left;
}
.modal-product-form-row {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-product-form-row .form {
width: 100%;
padding: 25px 0px 0px 0px;
}
.modal-product-form-row .form__title {
text-align: left;
}
.modal-product-form-row .form form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-left: -10px;
margin-right: -10px;
padding-top: 15px;
}
.modal-product-form-row .form__fields-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.modal-product-form-row .form__field-wrapper {
width: 177px;
}
.modal-product-form-row .form__submit-wrapper {
width: 156px;
margin-top: 0px;
}
.modal-product-form-row .form__field-wrapper, 
.modal-product-form-row .form__submit-wrapper, 
.modal-product-form-row .form .form__agree-wrapper {
margin-left: 10px;
margin-right: 10px;
}
.modal-product-form-row .form__agree-wrapper {
width: calc((100% - (10px * 2) - (177px * 2) - 156px) - ((10px * 2) * 3));
margin-top: 0px;
padding-left: 10px;
text-align: left;
}
.modal-product-form-row .modal-product-zapros {
display: none;
}
@media (max-width: 1199px) {
	.modal-product-zapros br {
		display: none;
	}
	.modal-product .form, 
	.modal-product .modal-product-zapros {
		display: none;
	}
	.modal-product-info .form, 
	.modal-product-info .modal-product-zapros {
		display: block;
	}
	.modal-product-form-row .form__fields-wrapper {
		width: 100%;
	}
	.modal-product-form-row .form__field-wrapper {
		width: calc(50% - (10px * 2));
	}
	.modal-product-form-row .form__agree-wrapper {
		padding-left: 0px;
		width: calc((100% - (10px * 2) - 156px) - ((10px * 2)));
	}
	.modal-product-form-row .form__submit-wrapper, 
	.modal-product-form-row .form__agree-wrapper {
		margin-top: 20px;
	}
	.modal-product-form-row .modal-product-zapros {
		display: block;
	}
}
@media (max-width: 499px) {
	.modal-product-zapros {
		margin-top: 15px;
		font-size: 15px;
		line-height: 21px;
	}
	.modal-product .form__field-wrapper {
		width: 100%;
	}
	.modal-product .form__submit-wrapper {
		margin-top: 15px;
		width: 100%;
	}
	.modal-product .form__agree-wrapper {
		margin-left: 0px;
		width: 100%;
	}
	.modal-product-form-row .form__field-wrapper {
		width: calc(100% - (10px * 2));
	}
	.modal-product-form-row .form__submit-wrapper {
		margin-top: 15px;
		width: 100%;
	}
	.modal-product-form-row .form__agree-wrapper {
		margin-top: 15px;
		width: 100%;
	}
	.modal-product-form-row .modal-product-zapros {
		margin-top: calc(15px + 2px);
	}
}

/*--- Модальные окна (цвета RAL) ---*/
.modal-ral-colors {
display: block;
margin: 0px 0px 0px 0px;
padding: 30px 30px 30px 30px;
position: relative;
width: 706px;
background: #fff;
}
.modal-ral-colors__title {
display: block;
margin: -4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000;
font-size: 18px;
line-height: 24px;
font-weight: 500;
}
.modal-ral-colors__tabs {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-ral-colors__nav-items-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 234px;
}
.modal-ral-colors__nav-items {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-ral-colors__nav-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 40px;
background: #f0eeec;
border: 1px solid #f0eeec;
border-radius: 4px;
font-size: 14px;
line-height: 20px;
cursor: pointer;
}
.modal-ral-colors__nav-item:first-child {
margin-top: 0px;
}
.modal-ral-colors__nav-item:hover, 
.modal-ral-colors__nav-item:active, 
.modal-ral-colors__nav-item.modal-ral-colors__nav-item_active {
background: #fff;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
}
.modal-ral-colors__nav-item.modal-ral-colors__nav-item_active {
cursor: default;
}
.modal-ral-colors__nav-item > div {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 12px 0px 12px;
position: relative;
width: 100%;
}
.modal-ral-colors__nav-item b, 
.modal-ral-colors__nav-item strong, 
.modal-ral-colors__nav-item-name {
color: #000;
font-weight: 500;
}
.modal-ral-colors__nav-item-range {
color: #5d5854;
}
.modal-ral-colors__content-items-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 20px;
position: relative;
width: calc(100% - 234px - 20px);
border: 1px solid #f0eeec;
border-radius: 4px;
}
.modal-ral-colors__content-items-tab {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-ral-colors__content-items-tab.modal-ral-colors__content-items-tab_active {
display: block;
}
.modal-ral-colors__content-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -10px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-ral-colors__content-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 10px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc((100% / 4) - (5px * 2));
height: 40px;
border-radius: 4px;
text-align: center;
cursor: pointer;
}
.modal-ral-colors__content-item-inner {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
font-size: 14px;
line-height: 14px;
font-weight: 500;
opacity: 0.85;
}
.modal-ral-colors__content-item:hover > .modal-ral-colors__content-item-inner, 
.modal-ral-colors__content-item:active > .modal-ral-colors__content-item-inner {
opacity: 1;
}
.modal-ral-colors__content-item-inner.modal-ral-colors__content-item-inner_dark {
color: #000;
}
.modal-ral-colors__content-item-inner.modal-ral-colors__content-item-inner_light {
color: #fff;
}
@media (max-width: 1199px) {
	.modal-ral-colors {
		width: 690px;
	}
	.modal-ral-colors__nav-items-wrapper {
		width: 226px;
	}
	.modal-ral-colors__content-items-wrapper {
		width: calc(100% - 226px - 20px);
	}	
	.modal-ral-colors__content-item {
		width: calc((100% / 3) - (5px * 2));
	}
}
@media (max-width: 767px) {
	.modal-ral-colors {
		width: 500px;
	}
	.modal-ral-colors__nav-items-wrapper {
		width: 200px;
	}
	.modal-ral-colors__content-items-wrapper {
		width: calc(100% - 200px - 20px);
	}	
	.modal-ral-colors__content-item {
		width: calc((100% / 2) - (5px * 2));
	}
}
@media (max-width: 499px) {
	.box-modal-ajax-products-ral-colors .box-modal_close, 
	.box-modal-ajax-dveri-ral-colors .box-modal_close, 
	.box-modal-ajax-tehdveri-ral-colors .box-modal_close, 
	.box-modal-ajax-gates-ral-colors .box-modal_close {
		right: 25px;
	}
	.modal-ral-colors {
		margin-left: auto;
		margin-right: auto;
		padding: 22px 25px 25px 25px;
		width: calc(100% - (25px * 2));
	}
	.modal-ral-colors__tabs {
		flex-wrap: wrap;
		margin-top: 15px;
	}
	.modal-ral-colors__nav-items-wrapper {
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: auto;
	}
	/*
	.modal-ral-colors__nav-items-wrapper::-webkit-scrollbar-track, 
	.modal-ral-colors__nav-items-wrapper::-webkit-scrollbar {
		background-color: #f0eeec;
	}
	.modal-ral-colors__nav-items-wrapper::-webkit-scrollbar {
		-webkit-appearance: none;
		height: 4px;
	}
	.modal-ral-colors__nav-items-wrapper::-webkit-scrollbar-thumb {
		background-color: #e8e4e0;
	}
	*/
	.modal-ral-colors__nav-items {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		margin-left: -5px;
		margin-right: -5px;
	}
	.modal-ral-colors__nav-item {
		margin-top: 0px !important;
		margin-left: 5px;
		margin-right: 5px;
		white-space: nowrap;
	}
	.modal-ral-colors__nav-item:hover, 
	.modal-ral-colors__nav-item:active, 
	.modal-ral-colors__nav-item.modal-ral-colors__nav-item_active {
		box-shadow: none;
	}
	.modal-ral-colors__content-items-wrapper {
		margin-top: 20px;
		width: 100%;
	}	
	.modal-ral-colors__content-item {
		width: calc((100% / 3) - (5px * 2));
	}
}
@media (max-width: 389px) {
	.modal-ral-colors__content-item {
		width: calc((100% / 2) - (5px * 2));
	}
}

/*--- Модальные окна (выбор отделки и цвета) ---*/
.modal-doors-facing, 
.modal-doors-colors, 
.modal-vestibules-facing, 
.modal-vestibules-colors, 
.modal-porchdoors-facing, 
.modal-porchdoors-colors, 
.modal-gates-colors {
display: block;
margin: 0px 0px 0px 0px;
padding: 26px 30px 30px 30px;
position: relative;
background: #fff;
z-index: 90;
}
.modal-doors-facing {
width: 1000px;
}
.modal-doors-colors {
width: 1056px;
}
.modal-vestibules-facing {
width: 840px;
}
#modal-vestibules-facing-out .modal-vestibules-facing {
width: calc(840px - 160px);
}
.modal-vestibules-colors {
width: 1056px;
}
.modal-porchdoors-facing {
width: 840px;
}
#modal-porchdoors-facing-out .modal-porchdoors-facing {
width: calc(840px - 160px);
}
.modal-porchdoors-colors {
width: 1056px;
}
.modal-gates-colors {
width: 1056px;
}
.box-modal[data-facing="poroshkovaya"] .modal-doors-colors, 
.box-modal[data-facing="poroshkovaya"] .modal-vestibules-colors, 
.box-modal[data-facing="poroshkovaya"] .modal-porchdoors-colors {
width: 753px;
}
.modal-doors-facing .loading-overlay, 
.modal-doors-colors .loading-overlay, 
.modal-vestibules-facing .loading-overlay, 
.modal-vestibules-colors .loading-overlay, 
.modal-porchdoors-facing .loading-overlay, 
.modal-porchdoors-colors .loading-overlay, 
.modal-gates-colors .loading-overlay {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.8);
opacity: 0;
visibility: hidden;
z-index: 90;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out ;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
.modal-doors-facing.loading .loading-overlay, 
.modal-doors-colors.loading .loading-overlay, 
.modal-vestibules-facing.loading .loading-overlay, 
.modal-vestibules-colors.loading .loading-overlay, 
.modal-porchdoors-facing.loading .loading-overlay, 
.modal-porchdoors-colors.loading .loading-overlay, 
.modal-gates-colors.loading .loading-overlay {
visibility: visible;
opacity: 1;
}
.modal-doors-facing__title, 
.modal-doors-colors__title, 
.modal-vestibules-facing__title, 
.modal-vestibules-colors__title, 
.modal-porchdoors-facing__title, 
.modal-porchdoors-colors__title, 
.modal-gates-colors__title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #000000;
font-weight: 500;
font-size: 18px;
line-height: 24px;
}
.modal-doors-facing__items-wrapper, 
.modal-doors-colors__items-wrapper, 
.modal-vestibules-facing__items-wrapper, 
.modal-vestibules-colors__items-wrapper, 
.modal-porchdoors-facing__items-wrapper, 
.modal-porchdoors-colors__items-wrapper, 
.modal-gates-colors__items-wrapper {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-doors-facing__items, 
.modal-doors-colors__items, 
.modal-vestibules-facing__items, 
.modal-vestibules-colors__items, 
.modal-porchdoors-facing__items, 
.modal-porchdoors-colors__items, 
.modal-gates-colors__items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-doors-facing__items, 
.modal-vestibules-facing__items, 
.modal-porchdoors-facing__items {
margin: -20px -10px 0px -10px;
}
.modal-doors-colors__items, 
.modal-vestibules-colors__items, 
.modal-porchdoors-colors__items, 
.modal-gates-colors__items {
margin: -14px -7px 0px -7px;
}
.modal-doors-facing__item, 
.modal-doors-colors__item, 
.modal-vestibules-facing__item, 
.modal-vestibules-colors__item, 
.modal-porchdoors-facing__item, 
.modal-porchdoors-colors__item, 
.modal-gates-colors__item {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-doors-facing__item, 
.modal-vestibules-facing__item, 
.modal-porchdoors-facing__item {
margin: 20px 10px 0px 10px;
width: 140px;
}
.modal-doors-colors__item, 
.modal-vestibules-colors__item, 
.modal-porchdoors-colors__item, 
.modal-gates-colors__item {
margin: 14px 7px 0px 7px;
width: 87px;
}
.modal-doors-colors__item:not(.modal-doors-colors__item_active):hover, 
.modal-doors-colors__item:not(.modal-doors-colors__item_active):active, 
.modal-vestibules-colors__item:not(.modal-vestibules-colors__item_active):hover, 
.modal-vestibules-colors__item:not(.modal-vestibules-colors__item_active):active, 
.modal-porchdoors-colors__item:not(.modal-porchdoors-colors__item_active):hover, 
.modal-porchdoors-colors__item:not(.modal-porchdoors-colors__item_active):active, 
.modal-gates-colors__item:not(.modal-gates-colors__item_active):hover, 
.modal-gates-colors__item:not(.modal-gates-colors__item_active):active {
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}
.modal-doors-facing__item-img, 
.modal-doors-colors__item-img, 
.modal-vestibules-facing__item-img, 
.modal-vestibules-colors__item-img, 
.modal-porchdoors-facing__item-img, 
.modal-porchdoors-colors__item-img, 
.modal-gates-colors__item-img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
text-align: center;
overflow: hidden;
background: #e8e4e0;
border-radius: 4px;
}
.modal-doors-facing__item-img, 
.modal-vestibules-facing__item-img, 
.modal-porchdoors-facing__item-img {
height: 199px;
}
.modal-doors-colors__item-img, 
.modal-vestibules-colors__item-img, 
.modal-porchdoors-colors__item-img {
height: 205px;
}
.modal-gates-colors__item-img {
height: 87px;
}
.modal-doors-facing__item-img-default, 
.modal-doors-colors__item-img-default, 
.modal-vestibules-facing__item-img-default, 
.modal-vestibules-colors__item-img-default, 
.modal-porchdoors-facing__item-img-default, 
.modal-porchdoors-colors__item-img-default, 
.modal-gates-colors__item-img-default {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 100%;
border-radius: inherit;
z-index: 3;
}
.modal-doors-facing__item-img-default:after, 
.modal-doors-colors__item-img-default:after, 
.modal-vestibules-facing__item-img-default:after, 
.modal-vestibules-colors__item-img-default:after, 
.modal-porchdoors-facing__item-img-default:after, 
.modal-porchdoors-colors__item-img-default:after, 
.modal-gates-colors__item-img-default:after {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 4px solid #18b900;
border-radius: inherit;
opacity: 0;
visibility: hidden;
transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
-webkit-overflow-scrolling: touch;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
z-index: 5;
}
.modal-doors-facing__item.modal-doors-facing__item_active .modal-doors-facing__item-img-default:after, 
.modal-doors-colors__item.modal-doors-colors__item_active .modal-doors-colors__item-img-default:after, 
.modal-vestibules-facing__item.modal-vestibules-facing__item_active .modal-vestibules-facing__item-img-default:after, 
.modal-vestibules-colors__item.modal-vestibules-colors__item_active .modal-vestibules-colors__item-img-default:after, 
.modal-porchdoors-facing__item.modal-porchdoors-facing__item_active .modal-porchdoors-facing__item-img-default:after, 
.modal-porchdoors-colors__item.modal-porchdoors-colors__item_active .modal-porchdoors-colors__item-img-default:after, 
.modal-gates-colors__item.modal-gates-colors__item_active .modal-gates-colors__item-img-default:after {
opacity: 1;
visibility: visible;
}
.modal-doors-facing__item-img-default:before, 
.modal-doors-colors__item-img-default:before, 
.modal-vestibules-facing__item-img-default:before, 
.modal-vestibules-colors__item-img-default:before, 
.modal-porchdoors-facing__item-img-default:before, 
.modal-porchdoors-colors__item-img-default:before, 
.modal-gates-colors__item-img-default:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(50% - (35px / 2) - 0px);
left: calc(50% - (51px / 2) - 0px);
width: 51px;
height: 35px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(../images/products/doors/icon-doors-modal-item-checked.png);
opacity: 0;
visibility: hidden;
transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
-webkit-overflow-scrolling: touch;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
z-index: 5;
}
.modal-doors-facing__item.modal-doors-facing__item_active .modal-doors-facing__item-img-default:before, 
.modal-doors-colors__item.modal-doors-colors__item_active .modal-doors-colors__item-img-default:before, 
.modal-vestibules-facing__item.modal-vestibules-facing__item_active .modal-vestibules-facing__item-img-default:before, 
.modal-vestibules-colors__item.modal-vestibules-colors__item_active .modal-vestibules-colors__item-img-default:before, 
.modal-porchdoors-facing__item.modal-porchdoors-facing__item_active .modal-porchdoors-facing__item-img-default:before, 
.modal-porchdoors-colors__item.modal-porchdoors-colors__item_active .modal-porchdoors-colors__item-img-default:before, 
.modal-gates-colors__item.modal-gates-colors__item_active .modal-gates-colors__item-img-default:before {
opacity: 1;
visibility: visible;
}
.modal-doors-facing__item-img-default img, 
.modal-doors-colors__item-img-default img, 
.modal-vestibules-facing__item-img-default img, 
.modal-vestibules-colors__item-img-default img, 
.modal-porchdoors-facing__item-img-default img, 
.modal-porchdoors-colors__item-img-default img, 
.modal-gates-colors__item-img-default img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
border-radius: inherit;
max-width: 100%;
max-height: 100%;
z-index: 0;
}
.modal-doors-facing__item-img-hover, 
.modal-doors-colors__item-img-hover, 
.modal-vestibules-facing__item-img-hover, 
.modal-vestibules-colors__item-img-hover, 
.modal-porchdoors-facing__item-img-hover, 
.modal-porchdoors-colors__item-img-hover, 
.modal-gates-colors__item-img-hover {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 5;
text-align: center;
opacity: 0;
visibility: hidden;
}
.modal-doors-facing__item:hover .modal-doors-facing__item-img-hover, 
.modal-doors-facing__item:active .modal-doors-facing__item-img-hover, 
.modal-doors-colors__item:hover .modal-doors-colors__item-img-hover, 
.modal-doors-colors__item:active .modal-doors-colors__item-img-hover, 
.modal-vestibules-facing__item:hover .modal-vestibules-facing__item-img-hover, 
.modal-vestibules-facing__item:active .modal-vestibules-facing__item-img-hover, 
.modal-vestibules-colors__item:hover .modal-vestibules-colors__item-img-hover, 
.modal-vestibules-colors__item:active .modal-vestibules-colors__item-img-hover, 
.modal-porchdoors-facing__item:hover .modal-porchdoors-facing__item-img-hover, 
.modal-porchdoors-facing__item:active .modal-porchdoors-facing__item-img-hover, 
.modal-porchdoors-colors__item:hover .modal-porchdoors-colors__item-img-hover, 
.modal-v-colors__item:active .modal-porchdoors-colors__item-img-hover, 
.modal-gates-colors__item:hover .modal-gates-colors__item-img-hover, 
.modal-gates-colors__item:active .modal-gates-colors__item-img-hover {
opacity: 1;
visibility: visible;
}
.modal-doors-facing__item.modal-doors-facing__item_active:hover .modal-doors-facing__item-img-hover, 
.modal-doors-facing__item.modal-doors-facing__item_active:active .modal-doors-facing__item-img-hover, 
.modal-doors-colors__item.modal-doors-colors__item_active:hover .modal-doors-colors__item-img-hover, 
.modal-doors-colors__item.modal-doors-colors__item_active:active .modal-doors-colors__item-img-hover, 
.modal-vestibules-facing__item.modal-vestibules-facing__item_active:hover .modal-vestibules-facing__item-img-hover, 
.modal-vestibules-facing__item.modal-vestibules-facing__item_active:active .modal-vestibules-facing__item-img-hover, 
.modal-vestibules-colors__item.modal-vestibules-colors__item_active:hover .modal-vestibules-colors__item-img-hover, 
.modal-vestibules-colors__item.modal-vestibules-colors__item_active:active .modal-vestibules-colors__item-img-hover, 
.modal-porchdoors-facing__item.modal-porchdoors-facing__item_active:hover .modal-porchdoors-facing__item-img-hover, 
.modal-porchdoors-facing__item.modal-porchdoors-facing__item_active:active .modal-porchdoors-facing__item-img-hover, 
.modal-porchdoors-colors__item.modal-porchdoors-colors__item_active:hover .modal-porchdoors-colors__item-img-hover, 
.modal-porchdoors-colors__item.modal-porchdoors-colors__item_active:active .modal-porchdoors-colors__item-img-hover, 
.modal-gates-colors__item.modal-gates-colors__item_active:hover .modal-gates-colors__item-img-hover, 
.modal-gates-colors__item.modal-gates-colors__item_active:active .modal-gates-colors__item-img-hover {
opacity: 0;
visibility: hidden;
}
.modal-doors-facing__item-img-choose, 
.modal-doors-colors__item-img-choose, 
.modal-vestibules-facing__item-img-choose, 
.modal-vestibules-colors__item-img-choose, 
.modal-porchdoors-facing__item-img-choose, 
.modal-porchdoors-colors__item-img-choose, 
.modal-gates-colors__item-img-choose {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.modal-doors-facing__item-img-choose .btn-yellow, 
.modal-doors-colors__item-img-choose .btn-yellow, 
.modal-vestibules-facing__item-img-choose .btn-yellow, 
.modal-vestibules-colors__item-img-choose .btn-yellow, 
.modal-porchdoors-facing__item-img-choose .btn-yellow, 
.modal-porchdoors-colors__item-img-choose .btn-yellow, 
.modal-gates-colors__item-img-choose .btn-yellow {
width: 100%;
font-size: 13px;
line-height: 13px;
height: 30px;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 10px;
padding-right: 10px;
}
.modal-doors-facing__item-txt, 
.modal-doors-colors__item-txt, 
.modal-vestibules-facing__item-txt, 
.modal-vestibules-colors__item-txt, 
.modal-porchdoors-facing__item-txt, 
.modal-porchdoors-colors__item-txt, 
.modal-gates-colors__item-txt {
display: block;
margin: 0px 0px 0px 0px;
padding: 12px 0px 0px 0px;
position: relative;
text-align: center;
}
.modal-doors-facing__item-title, 
.modal-doors-colors__item-title, 
.modal-vestibules-facing__item-title, 
.modal-vestibules-colors__item-title, 
.modal-porchdoors-facing__item-title, 
.modal-porchdoors-colors__item-title, 
.modal-gates-colors__item-title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 18px;
font-weight: 500;
}
.modal-doors-facing__item-price, 
.modal-doors-colors__item-price, 
.modal-vestibules-facing__item-price, 
.modal-vestibules-colors__item-price, 
.modal-porchdoors-facing__item-price, 
.modal-porchdoors-colors__item-price, 
.modal-gates-colors__item-price {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
color: #4c4c4c;
font-weight: 400;
font-size: 13px;
line-height: 17px;
}
.modal-doors-facing__item-price b, 
.modal-doors-facing__item-price strong, 
.modal-doors-colors__item-price b, 
.modal-doors-colors__item-price strong, 
.modal-vestibules-facing__item-price b, 
.modal-vestibules-facing__item-price strong, 
.modal-vestibules-colors__item-price b, 
.modal-vestibules-colors__item-price strong, 
.modal-porchdoors-facing__item-price b, 
.modal-porchdoors-facing__item-price strong, 
.modal-porchdoors-colors__item-price b, 
.modal-porchdoors-colors__item-price strong, 
.modal-gates-colors__item-price b, 
.modal-gates-colors__item-price strong {
font-weight: 500;
}
@media (max-width: 1199px) {
	.modal-doors-facing, 
	.modal-doors-colors, 
	.modal-vestibules-facing, 
	#modal-vestibules-facing-out .modal-vestibules-facing, 
	.modal-vestibules-colors, 
	.modal-porchdoors-facing, 
	#modal-porchdoors-facing-out .modal-porchdoors-facing, 
	.modal-porchdoors-colors, 
	.modal-gates-colors {
		width: 690px;
	}
}
@media (max-width: 767px) {
	.modal-doors-facing, 
	.modal-doors-colors, 
	.modal-vestibules-facing, 
	#modal-vestibules-facing-out .modal-vestibules-facing, 
	.modal-vestibules-colors, 
	.modal-porchdoors-facing, 
	#modal-porchdoors-facing-out .modal-porchdoors-facing, 
	.modal-porchdoors-colors, 
	.modal-gates-colors {
		width: 500px;
	}
}
@media (max-width: 499px) {
	.box-modal-ajax.box-modal-ajax-doors-facing .box-modal_close, 
	.box-modal-ajax.box-modal-ajax-doors-colors .box-modal_close, 
	.box-modal-ajax.box-modal-ajax-vestibules-facing .box-modal_close, 
	.box-modal-ajax.box-modal-ajax-vestibules-colors .box-modal_close, 
	.box-modal-ajax.box-modal-ajax-porchdoors-facing .box-modal_close, 
	.box-modal-ajax.box-modal-ajax-porchdoors-colors .box-modal_close, 
	.box-modal-ajax.box-modal-ajax-gates-colors .box-modal_close {
		right: 25px;
	}
	.modal-doors-facing, 
	.modal-doors-colors, 
	.modal-vestibules-facing, 
	#modal-vestibules-facing-out .modal-vestibules-facing, 
	.modal-vestibules-colors, 
	.modal-porchdoors-facing, 
	#modal-porchdoors-facing-out .modal-porchdoors-facing, 
	.modal-porchdoors-colors, 
	.modal-gates-colors {
		width: calc(100% - (25px * 2));
		padding: 25px 25px 25px 25px;
		margin-left: auto;
		margin-right: auto;
	}
	.modal-doors-facing__item, 
	.modal-vestibules-facing__item, 
	.modal-porchdoors-facing__item {
		width: 106px;
	}
	.modal-doors-facing__item-img, 
	.modal-vestibules-facing__item-img, 
	.modal-porchdoors-facing__item-img {
		height: 151px;
	}
	.modal-doors-colors__item-img, 
	.modal-vestibules-colors__item-img, 
	.modal-porchdoors-colors__item-img {
		height: 120px;
	}
	.modal-doors-colors__item-img-default img, 
	.modal-vestibules-colors__item-img-default img, 
	.modal-porchdoors-colors__item-img-default img, 
	.modal-gates-colors__item-img-default img {
		max-height: fit-content;
	}
}

/*--- Модальные окна (выбор рисунка) ---*/
.modal-doors-pictures {
display: block;
margin: 0px 0px 0px 0px;
padding: 30px 30px 30px 30px;
position: relative;
width: 1054px;
background: #fff;
z-index: 90;
}
.modal-doors-pictures .loading-overlay {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.8);
opacity: 0;
visibility: hidden;
z-index: 90;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out ;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
.modal-doors-pictures.loading .loading-overlay {
visibility: visible;
opacity: 1;
}
.modal-doors-pictures__nav {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-doors-pictures__nav ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -10px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-doors-pictures__nav ul li {
display: inline-block;
vertical-align: top;
margin: 10px 5px 0px 5px;
padding: 11px 15px 9px 15px;
position: relative;
width: auto;
height: 40px;
border-radius: 8px;
font-size: 14px;
line-height: 20px;
color: #5d5854;
background: #f0eeec;
cursor: pointer;
}
.modal-doors-pictures__nav ul li:hover, 
.modal-doors-pictures__nav ul li:active {
background: #e8e4e0;
}
.modal-doors-pictures__nav ul li.modal-doors-pictures__nav-item_active {
background: #18b900;
color: #fff;
}
.modal-doors-pictures__tabs {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-doors-pictures__tab {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-doors-pictures__tab.modal-doors-pictures__tab_active {
display: block;
}
.modal-doors-pictures__message {
display: block;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 18px;
text-align: center;
}
.modal-doors-pictures__pages {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-doors-pictures__page {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-doors-pictures__page.modal-doors-pictures__page_active {
display: block;
}
.modal-doors-pictures__items-wrapper {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-doors-pictures__items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -10px -7px 0px -7px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-doors-pictures__item {
display: inline-block;
vertical-align: top;
margin: 10px 7px 0px 7px;
padding: 0px 0px 0px 0px;
position: relative;
width: 58px;
}
.modal-doors-pictures__item.modal-doors-pictures__item_active {}
.modal-doors-pictures__item.modal-doors-pictures__item_disabled {}
.modal-doors-pictures__item-img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
text-align: center;
}
.modal-doors-pictures__item:hover .modal-doors-pictures__item-img, 
.modal-doors-pictures__item:active .modal-doors-pictures__item-img {
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}
.modal-doors-pictures__item.modal-doors-pictures__item_active:hover .modal-doors-pictures__item-img, 
.modal-doors-pictures__item.modal-doors-pictures__item_active:active .modal-doors-pictures__item-img, 
.modal-doors-pictures__item.modal-doors-pictures__item_disabled:hover .modal-doors-pictures__item-img, 
.modal-doors-pictures__item.modal-doors-pictures__item_disabled:active .modal-doors-pictures__item-img {
box-shadow: none;
}
.modal-doors-pictures__item-img {
height: 137px;
}
.modal-doors-pictures__item-img-default {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 100%;
background: #fff;
z-index: 3;
}
.modal-doors-pictures__item-img-default:after {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 1px solid #18b900;
border-radius: inherit;
opacity: 0;
visibility: hidden;
transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
-webkit-overflow-scrolling: touch;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
z-index: 5;
}
.modal-doors-pictures__item.modal-doors-pictures__item_active .modal-doors-pictures__item-img-default:after {
opacity: 1;
visibility: visible;
}
.modal-doors-pictures__item-img-default:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(50% - (35px / 2) - 0px);
left: calc(50% - (51px / 2) - 0px);
width: 51px;
height: 35px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(../images/products/doors/icon-doors-modal-item-checked.png);
opacity: 0;
visibility: hidden;
transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
-webkit-overflow-scrolling: touch;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
z-index: 5;
}
.modal-doors-pictures__item.modal-doors-pictures__item_active .modal-doors-pictures__item-img-default:before {
opacity: 1;
visibility: visible;
}
.modal-doors-pictures__item-img-default img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
border-radius: inherit;
max-width: 100%;
max-height: 100%;
z-index: 0;
}
.modal-doors-pictures__item-img-hover {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 5;
text-align: center;
opacity: 0;
visibility: hidden;
}
.modal-doors-pictures__item:hover .modal-doors-pictures__item-img-hover, 
.modal-doors-pictures__item:active .modal-doors-pictures__item-img-hover {
opacity: 1;
visibility: visible;
}
.modal-doors-pictures__item.modal-doors-pictures__item_active:hover .modal-doors-pictures__item-img-hover, 
.modal-doors-pictures__item.modal-doors-pictures__item_active:active .modal-doors-pictures__item-img-hover, 
.modal-doors-pictures__item.modal-doors-pictures__item_disabled:hover .modal-doors-pictures__item-img-hover, 
.modal-doors-pictures__item.modal-doors-pictures__item_disabled:active .modal-doors-pictures__item-img-hover {
opacity: 0;
visibility: hidden;
}
.modal-doors-pictures__item-img-choose {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.modal-doors-pictures__item-img-choose .btn-yellow {
width: 100%;
height: 30px;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
line-height: 13px;
}
.modal-doors-pictures__item-txt {
display: block;
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;
position: relative;
text-align: center;
}
.modal-doors-pictures__item-title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 18px;
font-weight: 500;
}
.modal-doors-pictures__pagenav {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
line-height: 18px;
}
.modal-doors-pictures__pagenav-item {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.modal-doors-pictures__pagenav-item_prev {
text-align: right;
}
.modal-doors-pictures__pagenav-item_next {
text-align: left;
}
.modal-doors-pictures__pagenav-item a {
color: #c7152a;
text-decoration: none;
}
.modal-doors-pictures__pagenav-item a:hover, 
.modal-doors-pictures__pagenav-item a:active {
color: #e90520;
text-decoration: underline;
}
.modal-doors-pictures__pagenav-item.modal-doors-pictures__pagenav-item_disabled a, 
.modal-doors-pictures__pagenav-item.modal-doors-pictures__pagenav-item_disabled a:hover, 
.modal-doors-pictures__pagenav-item.modal-doors-pictures__pagenav-item_disabled a:active {
color: #d4d4d4 !important;
text-decoration: none !important;
cursor: default !important;
}
.modal-doors-pictures__pagenav-devider {
display: inline-block;
vertical-align: top;
margin: 0px 20px 0px 20px;
padding: 0px 0px 0px 0px;
}
.modal-doors-pictures__pagenav-devider > span {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: -2px;
width: 1px;
height: 17px;
background: #bcbab9;
}
@media (max-width: 1199px) {
	.modal-doors-pictures {
		width: 690px;
	}
}
@media (max-width: 767px) {
	.modal-doors-pictures {
		width: 500px;
	}
}
@media (max-width: 499px) {
	.box-modal-ajax-doors-pictures .box-modal_close {
		right: 25px;
	}
	.modal-doors-pictures {
		width: calc(100% - (25px * 2));
		padding: 25px 25px 25px 25px;
		margin-left: auto;
		margin-right: auto;
	}
	.modal-doors-pictures__nav ul li {
		padding: 9px 10px 8px 10px;
		width: calc(50% - (5px * 2));
		height: 36px;
		border-radius: 4px;
		text-align: center;
	}
	.modal-doors-pictures__pagenav {
		margin-top: 22px;
	}
	.modal-doors-pictures__pagenav-item_prev > a > span, 
	.modal-doors-pictures__pagenav-item_next > a > span {
		display: none;
	}
	.modal-doors-pictures__pagenav-devider {
		margin-left: 15px;
		margin-right: 15px;
	}
}
@media (max-width: 419px) {
	.modal-doors-pictures__nav {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: auto;
	}
	/*
	.modal-doors-pictures__nav::-webkit-scrollbar-track, 
	.modal-doors-pictures__nav::-webkit-scrollbar {
		background-color: #f0eeec;
	}
	.modal-doors-pictures__nav::-webkit-scrollbar {
		-webkit-appearance: none;
		height: 4px;
	}
	.modal-doors-pictures__nav::-webkit-scrollbar-thumb {
		background-color: #e8e4e0;
	}
	*/
	.modal-doors-pictures__nav ul {
		flex-wrap: nowrap;
	}
	.modal-doors-pictures__nav ul li {
		width: calc(100% - (5px * 2));
		white-space: nowrap;
	}
}

/*--- Прелоадер ---*/
.loading-overlay {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.8);
opacity: 0;
visibility: hidden;
z-index: 90;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out ;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
.modal-product-wrapper.modal-product-wrapper_loading .loading-overlay {
visibility: visible;
opacity: 1;
}
.loading-overlay .loading-overlay-spinner {
color: official;
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.loading-overlay .loading-overlay-spinner div {
transform-origin: 32px 32px;
animation: loading-overlay-spinner 0.6s linear infinite;
}
.loading-overlay .loading-overlay-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 29px;
width: 5px;
height: 14px;
border-radius: 20%;
background: #18b900;
}
.loading-overlay .loading-overlay-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -0.55s;
}
.loading-overlay .loading-overlay-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -0.5s;
}
.loading-overlay .loading-overlay-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.45s;
}
.loading-overlay .loading-overlay-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.4s;
}
.loading-overlay .loading-overlay-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.35s;
}
.loading-overlay .loading-overlay-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.3s;
}
.loading-overlay .loading-overlay-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.25s;
}
.loading-overlay .loading-overlay-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.2s;
}
.loading-overlay .loading-overlay-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.15s;
}
.loading-overlay .loading-overlay-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.1s;
}
.loading-overlay .loading-overlay-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.05s;
}
.loading-overlay .loading-overlay-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes loading-overlay-spinner {
0% {opacity: 1;}
100% {opacity: 0;}
}

/*--- Прелоадер ---*/
.loading-spinner {
color: official;
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.loading-spinner div {
transform-origin: 32px 32px;
animation: loading-spinner 0.6s linear infinite;
}
.loading-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 29px;
width: 5px;
height: 14px;
border-radius: 20%;
background: #18b900;
}
.loading-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -0.55s;
}
.loading-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -0.5s;
}
.loading-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.45s;
}
.loading-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.4s;
}
.loading-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.35s;
}
.loading-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.3s;
}
.loading-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.25s;
}
.loading-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.2s;
}
.loading-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.15s;
}
.loading-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.1s;
}
.loading-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.05s;
}
.loading-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes loading-spinner {
0% {opacity: 1;}
100% {opacity: 0;}
}

/*--- Лоадер ---*/
.loader {
--spinner-size: 48px;
--spinner-border-size: 5px;
--spinner-color: var(--primary-color);
width: var(--spinner-size);
height: var(--spinner-size);
border: var(--spinner-border-size) solid var(--spinner-color);
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: loader-rotation 1s linear infinite;
}
*[data-loader]:before {
--spinner-size: 48px;
--spinner-border-size: 5px;
--spinner-color: var(--primary-color);
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(50% - (var(--spinner-size) / 2));
left: calc(50% - (var(--spinner-size) / 2));
width: var(--spinner-size);
height: var(--spinner-size);
border: var(--spinner-border-size) solid var(--spinner-color);
border-bottom-color: transparent;
border-radius: 50%;
box-sizing: border-box;
animation: loader-rotation 1s linear infinite;
}
.product-item__img[data-loader]:before {
--spinner-size: 56px;
--spinner-border-size: 6px;
--spinner-color: #ddd;
}
.product-item__img[data-loader]:has(img.lazyloaded):before {
display: none;
}
.product-more .btn-more__loading-inner > i[data-loader]:before {
--spinner-size: 100%;
--spinner-border-size: 2px;
--spinner-color: #fff;
}
.furnitures-item__img[data-loader]:before {
--spinner-size: 56px;
--spinner-border-size: 6px;
--spinner-color: #ddd;
}
.furnitures-item__img[data-loader]:has(img.lazyloaded):before {
display: none;
}
.steps__rightside > div[data-loader]:before {
--spinner-size: 64px;
--spinner-border-size: 7px;
--spinner-color: #ddd;
}
.steps__rightside > div[data-loader]:has(ymaps):before {
display: none;
}
.sidebar .widget.widget-calculator[data-loader]:before, 
.sidebar .widget.widget-banner[data-loader]:before, 
.sidebar .widget.widget-promo[data-loader]:before {
--spinner-size: 56px;
--spinner-border-size: 6px;
--spinner-color: #fff;
display: none;
z-index: 95;
}
.sidebar.--inprogress .widget.widget-calculator[data-loader]:before, 
.sidebar.--inprogress .widget.widget-banner[data-loader]:before, 
.sidebar.--inprogress .widget.widget-promo[data-loader]:before {
display: block;
}
.product-tabs__content[data-loader]:before {
--spinner-size: 56px;
--spinner-border-size: 6px;
display: none;
z-index: 95;
}
.product-tabs__content[data-loader].--inprogress:before {
display: block;
}
.pushy .pushy-list.pushy-list_ajax[data-depth="0"] ul[data-loader]:before {
--spinner-size: 56px;
--spinner-border-size: 6px;
--spinner-color: #ddd;
}
.pushy .pushy-list.pushy-list_ajax-loaded[data-depth="0"] ul[data-loader]:before {
display: none !important;
}
.products-otdelka-doors__item-btn-more[data-loader]:before {
--spinner-size: 32px;
--spinner-border-size: 1px;
--spinner-color: #0d8c0b;
}
.products-otdelka-doors__item-btn-more[data-loader] {
opacity: 1 !important;
}
.products-otdelka-doors__item-btn-more[data-loader] > div {
display: none !important;
}
@keyframes loader-rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}`

/*--- Прелоадер ---*/
.product-items-loading {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 9999;
opacity: 0;
}
.product-items-loading.--inprogress {
opacity: 1;
}
.product-items-loading .loading {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 9999;
visibility: visible;
opacity: 1;
transition: none;
}
.product-items-loading .loading.--active {
visibility: visible;
opacity: 1;
}
.product-items-loading .loading:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background: #fff;
border-radius: inherit;
cursor: default;
clear: both;
z-index: 10;
opacity: 0.7;
}
.product-items-loading .loading__spinner {
--spinner-size: 68px;
--spinner-border-size: 5px;
--spinner-color-outer: var(--primary-color);
--spinner-color-inner: #ff4c66;
display: block;
position: relative;
width: var(--spinner-size);
height: var(--spinner-size);
border: var(--spinner-border-size) solid;
border-color: var(--spinner-color-outer) var(--spinner-color-outer) transparent;
border-radius: 50%;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
cursor: default;
z-index: 50;
animation: loading-spinner-rotation_back 1s linear infinite;
}
.product-items-loading .loading__spinner:after {
content: '';  
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: calc(var(--spinner-size) / 2);
height: calc(var(--spinner-size) / 2);
border: var(--spinner-border-size) solid;
border-color: transparent var(--spinner-color-inner) var(--spinner-color-inner);
border-radius: 50%;
box-sizing: border-box;
font-size: 0px;
line-height: 0px;
animation: loading-spinner-rotation 0.5s linear infinite;
transform-origin: center center;
}
@keyframes loading-spinner-rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes loading-spinner-rotation_back {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}

/*--- Кнопка "наверх" ---*/
#totop {
display: block;
position: fixed;
width: 50px;
height: 50px;
bottom: 50px;
left: -50px;
background: rgba(198, 21, 41, 1);
border-radius: 10px;
border: none;
outline: none;
cursor: pointer;
-webkit-appearance: none;
opacity: 0.5;
transition: left 0.25s linear;
z-index: 999;
}
#totop.totop_show {
left: 50px;
}
#totop:hover, 
#totop:active {
opacity: 1;
}
#totop > span {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border-radius: inherit;
}
#totop > span > span {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 16px;
height: 22px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(../images/icon-totop.png);
}
@media (max-width: 767px) {
	#totop {
		width: 40px;
		height: 40px;
		bottom: 25px;
		left: -40px;
	}
	#totop.totop_show {
		left: 25px;
	}
	#totop > span > span {
		width: 14px;
		height: 8px;
		background-image: url(../images/icon-totop-mobile.png);
	}
}

/*----- WhatsApp -----*/
.wa-consultation-widget {
	--right: 5rem;
	--bottom: 90px;
}
.wa-consultation__wrapper {
	position: fixed;
	right: var(--right);
	bottom: calc(var(--bottom) + 80px);
	z-index: 100;
}
.wa-consultation__wrapper-icon {
	position: fixed;
	right: var(--right);
	bottom: var(--bottom);
	z-index: 100;
}
.wa-consultation-icon {
	width: 60px;
	height: 60px;
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #10c335;
}
.wa-consultation__icon-inner {
	position: relative;
	width: 60px;
	height: 60px;
}
.wa-consultation-pulse {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	position: absolute;
	left: calc((60px - 80px) / 2);
	top: calc((60px - 80px) / 2);
	z-index: -1;
	transform: scale(0);
	animation: waPulse 2s infinite;
	opacity: 1;
	visibility: visible;
	background-color: #10c335;
}
.wa-consultation-pulse-hide {
	opacity: 0;
	visibility: hidden;
}
.wa-consultation-pulse:nth-of-type(2n) {
	animation-delay: 0.5s;
}
.wa-consultation-pulse.stop {
	animation: none;
}
.wa-consultation__info {
	position: relative;
	background-color: #fff;
	padding: calc(12px - 1px) 12px 12px calc(12px - 2px);
	border-radius: 5px;
	border: 1px solid #e9e9e9;
	font-size: 13px;
	line-height: 17px;
	display: inline-block;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
}
.wa-consultation__info:before {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	top: 100%;
	right: 10px;
	left: auto;
	border-width: 10px;
	border-top-color: #e9e9e9;
}
.wa-consultation__info:after {
	border-width: 9px;
	margin-right: 1px;
	border-top-color: #fff;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	top: 100%;
	right: 10px;
	left: auto;
	border-width: 9px;
	margin-right: 1px;
	border-top-color: #fff;
}
@keyframes waPulse {
	0% {
		transform: scale(0);
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}
.wa-consultation-notify {
	position: absolute;
	align-items: center;
	justify-content: center;
	top: -5px;
	right: -5px;
	display: flex;
	transition: 0.3s ease all;
}
.wa-consultation-notify-hide {
	opacity: 0;
	visibility: hidden;
}
.wa-consultation-notify-circle {
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	background-color: #f25;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: flex;
	transition: 0.3s ease all;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	align-items: center;
	justify-content: center;
}
.wa-consultation-notify-circle-show {
	opacity: 1;
	visibility: visible;
}
.wa-consultation-bounce {
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: waBounce;
	transform-origin: center bottom;
}
@keyframes waBounce {
	from, 20%, 53%, 80%, to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate3d(0, 0, 0);
	}
	40%, 43% {
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -10px, 0);
	}
	70% {
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -5px, 0);
	}
	90% {
		transform: translate3d(0, -1px, 0);
	}
}
.wa-consultation-speech-bubble-close {
	position: absolute;
	top: -23px;
	right: 2px;
	opacity: 1;
	transition: 0.3s ease all;
	cursor: pointer;
	width: 8px;
	height: 8px;
}
.wa-consultation-speech-bubble-close svg {
	width: 8px;
	height: 8px;
}
@media only screen and (max-width: 499px) {
	.wa-consultation__wrapper {
		display: none !important;
	}
	.wa-consultation__wrapper-icon {
		right: 25px;
		bottom: 25px;
	}
	body:has(.product-sticky-btn-section) .wa-consultation__wrapper-icon {
		bottom: calc((40px + (15px * 2)) + 15px);
	}
}

/*----- YourGood -----*/
:root {
--yourgood-screen-offset-right: 5rem;
--yourgood-screen-offset-bottom: 90px;
--yourgood-z-index: 100;
}
@media only screen and (max-width: 499px) {
	:root {
		--yourgood-screen-offset-right: 25px;
		--yourgood-screen-offset-bottom: 25px;
	}
	body:has(.product-sticky-btn-section) {
		--yourgood-screen-offset-bottom: calc((40px + (15px * 2)) + 15px);
	}
}

/*----- Animations -----*/
@keyframes shimmer {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}