:root {
  /* 
  --lit: 72.2%;
  --chm: 29%;
  --hue: 227.794deg;
  --alpha: 0.2;
  --prc: 15%;  
  --secondary: oklch(calc(var(--lit) - var(--prc)) var(--chm) var(--hue));
  --accent: oklch(calc(var(--lit) - var(--prc)) var(--chm) var(--hue));
  --transparent: oklch(var(--lit) var(--chm) var(--hue) / var(--alpha));
  --light: oklch(calc(var(--lit) + var(--prc)) calc(var(--chm)) var(--hue));
  --bg-lit: 100%;
  --bg-chm: 0%;
  --bg-hue: 89.876deg;
  --bg-primary: oklch(var(--bg-lit) var(--bg-chm) var(--bg-hue));
  --bg-secondary: oklch(calc(var(--bg-lit) - var(--prc)) var(--bg-chm) var(--bg-hue));
  --bg-dark: oklch(30% var(--bg-chm) var(--bg-hue));
  --tx-lit: 0%;
  --tx-chm: 0%;
  --tx-hue: 89.876deg;
  --tx-prc: 30%;
  --text-accent: oklch(0% 0% 0deg);
  --text-primary: oklch(calc(var(--tx-lit) + var(--tx-prc)) var(--tx-chm) var(--tx-hue));
  --text-secondary: oklch(calc(var(--tx-lit) + var(--tx-prc) + 20%) var(--tx-chm) var(--tx-hue));
  --text-inverse: oklch(100% 0% 89.876deg);
  --for-false: #ed0006;
  --price-in-product: #e25c44;
  --star: #ffd02e;
  --border: #e7e7e7;
  --decorBg: rgba(255, 255, 255, 0.4);
  --product-new: #4fad00;
  --product-sale: #e25c44;
  --product-hit: #2992d9;
  --product-promotion: #e25c44;
  --product-advise: #893ca9;
  --product-order: #f9a000;
  --product-orderHover: #e09200;
  --radius8: 8px;
  --viber: #893ca9;
  --telegram: #46b4de;
  --whatsapp: #6bbf70;
  --youtube: #ed0006;
  --instagram: #fa692c;
  --facebook: #3757ea;
  --vk: #436df5; 
  */
}
:root {
	--inverse: #e7e7e7;
	 --primary: #3DBBAD; 
	 --secondary: #189e8f;
	 --bg-dark:  #2F3338;

}
/* common */
html {
  scroll-behavior: smooth; 
}
a{
	-webkit-transition: color 0.5s, background-color 0.5s;
	-moz-transition: color 0.5s, background-color 0.5s;
	transition: color 0.5s, background-color 0.5s; 
}
.width-max-wrap{
	position: relative;	
	width: 100%;
	max-width: 100%; 
	height: auto; 
	margin: 0px auto;
	padding:0;
}

.content-wrap{		
	position: relative;
	width: 100%;	
	max-width: calc(1660px + 30px); /* контент + поля pos;	 */
	margin-left: auto;
	margin-right: auto;
	padding:0;
}
.content-pos{
	width: auto;	
	height: auto;
	padding-left: 15px;
	padding-right: 15px;	
}
[class*=__container] {   
  position: relative;
}
.container-pos {
	width: auto;	
	height: auto;
	padding-left: 15px;
	padding-right: 15px;	
}

.wrapper { 
	z-index:1; /* для поп-ап */
}
.wrapper-hidden{
	overflow-y:hidden;
}
.block__title{
	position: relative;
    font-weight: 600;
    font-size: 1.75rem;
    color: var(--text-primary);
}
.block__title::after {
    content: " ";   
    display: block;
    margin: 15px 0 0 0;
    width: 5.625rem;
    height: 3px;
    background-color: var(--primary);
}
.text_subtitle {
    max-width: 1010px;
	/* padding: 30px 0 30px 0; */
	font-weight: 500;   
    line-height: 1.56;
    font-size: 1.125rem;
}
.text_general p{
	margin:0 auto 20px auto;
}
.button__primary {
    display: inline-block;
    padding: .8125rem 4.6875rem;
	-moz-box-sizing: border-box;   
	box-sizing: border-box; 
	border: 1px solid var(--primary);
    border-radius: 8px;
    font-weight: 700;
    text-align:center;
    color: var(--primary);
	background-color: var(--bg-primary);
	cursor:pointer;
	font-size: 1rem;
}
.button__primary:hover {
	background-color: var(--primary);
	color: var(--text-inverse);
}
.button_colored {    
	display: inline-block;	
    padding: .8125rem 4.6875rem;
	-moz-box-sizing: border-box;   
	box-sizing: border-box; 
	border-radius: 8px;
    font-weight: 700;
	text-align:center;
	background-color: var(--primary);
    color: var(--text-inverse);
	cursor:pointer;
	 font-size: 1rem;
}
.button_colored:hover {
	background-color: var(--secondary);
	color: var(--text-inverse);
	border:1px solid var(--secondary);
}

/* поп-ап */
.request-quotation {
	position: relative;
	width: auto;
	height: auto;		
}
.request-wrap{	
	opacity: 0; /* !!! */
	 -webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s; 
	z-index: -1;
}
.request-wrap.txt-visible{
	 display: block; 
	 opacity: 1; /* !!! */
	 z-index: 9999999999;
}
.screen-height{ 
	position: fixed;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100vh; /* высота экрана */
	background-color: rgba(0, 0, 0, 0.5);
} 
.form-request-scroll {
	position: absolute;
	left:0; 
	right: 0;
	top: 0; 
	bottom: 0;			
	width: auto;
	height: auto;
	overflow-y: auto;
}
.form-request-wrap{	
	position:relative;
	box-sizing: border-box;
	width:95%;
	max-width: 465px;
	min-height: 500px;
	margin: 70px auto 30px auto;
	font-size: 16px;
	 background-color: var(--bg-primary);
	border: 0px solid #676767;	
	border-radius:8px;
}
.form-request-pos{
	width: auto;
	height: auto;
	padding: 60px 30px 30px 30px;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
}
.form-request-button-exit{
	position:absolute; 
	top:20px;
	right:20px;
	padding:0 0 10px 10px;
	cursor: pointer;
}
.form-request-button-exit img{
	width:18px;
	height:18px;
}
.form-request-button-exit:hover{
	color: #929292;
}
.popup__title{
	align-self: center;
    font-size: 1.625rem;
    font-weight: 600;
}
@media (max-width: 450px){
	.form-request-wrap{		
		height: auto;
		margin: 50px auto 50px auto;
	}
	.form-request-pos{
		padding: 20px 10px;
	}
}
/* / поп-ап */

/* форма */
.form__text{
	font-weight: 400;
    font-size: 1rem;
    text-align: center;
    color: var(--text-secondary);
	line-height: 1.0;
}

input:focus { 
	outline: none; 
}
select:focus { 
	outline: none; 
}
label.form__label{
	display:block;  
}
/* form-block */
.form-block .form__submit{
	display:block; 
	max-width:250px;
	margin: 30px auto 0 auto;
	padding:.8125rem 0;
}
.popup_show{
	z-index: 99999999999;
}
.wpcf7-spinner{
	display:none;
}
.wpcf7-response-output{
	text-align:center;
	font-size:14px;
}
span.wpcf7-form-control-wrap{
	display:block; 
	margin: 3px 0 0 0;
}
span.wpcf7-form-control-wrap input.form__input {
    padding: .3125rem .625rem;
    height: 2.75rem;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.7;
    border: 1px solid var(--border);
    border-radius: 8px;
}
.wpcf7-form-control-wrap select{
	padding: .3125rem .625rem;
    height: 2.75rem;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.7;
    border: 1px solid var(--border);
    border-radius: 8px;
	
	font-family: Montserrat;
	font-weight: 400;
    font-size: 1rem;
	color:var(--text-primary);
}
.wpcf7-form-control-wrap select option{
	font-family: Montserrat;
	font-weight: 400;
    font-size: 1rem;
}
.wpcf7-not-valid-tip{
	color: var(--for-false);
}
span.wpcf7-form-control-wrap input.form__input.wpcf7-not-valid{
	border: 1px solid var(--for-false);
	
}
span.wpcf7-form-control-wrap input.form__input:focus { 
	outline: none; 
}

span.wpcf7-form-control-wrap input.form__input::placeholder{
	color: #ccc;
}
input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
	border-radius: 8px;
    padding: .8125rem 1.25rem;
    background: var(--primary);
	border: 0;
    color: var(--text-inverse);
    font-size: 1rem;
    font-family: Montserrat;
    font-weight: 700;
	cursor:pointer;
}
input.wpcf7-form-control.wpcf7-submit:hover {    
	 background: var(--secondary); 
	 color: var(--text-inverse); 
}
/* чекбокс checkbox-input-item чекбокс */
.checkbox-input-item{
	display:flex;
}
.checkbox-input-item p{
	margin:0; 
	padding:0;
}
.checkbox-input-item .wpcf7-form-control-wrap {
    position: relative;
    display: inline-block;
	width:50px;
	flex-shrink: 0;
}
.checkbox-input-item .wpcf7-list-item{
	display:block;
	height:20px;
	margin:0;
	padding:0;
}
.checkbox-input-item input{	
	display:none;
}
.checkbox-input-item input + .wpcf7-list-item-label{
	position: relative;
    top: 0px;
    left: 35px; /* = 0 */
    display: block;
    line-height: 0;
}
.checkbox-input-item input + .wpcf7-list-item-label:before{
	display:none;
}
.checkbox-input-item input + .wpcf7-list-item-label:after {
    content:"";
	display:block; 
	position:absolute; 
	top:0px;
	right:auto;
	left:-30px;
	width: 18px;
    height: 18px;
	margin: 0 10px 0 0;	
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
    border-radius: 4px;    
    border: 1px solid var(--primary);
	background-color: var(--bg-primary);
	background-size: auto;
	background-position: center;	
	background-repeat: no-repeat;
    box-shadow: 2px 2px 4px rgba(129, 163, 224, 0.35);
}
.checkbox-input-item input:checked + .wpcf7-list-item-label:after { 	
	background-image: url(../img/icons/svgicons/checked.svg); 
}
span.checkbox-input-item-txt{
	display:block;
	padding:0 0 0 35px;
}
/* / чекбокс checkbox */

/* форма - agreement */
.form__acceptance{
	font-size: .625rem;
    font-weight: 400;
    line-height: 1.29;
}
.form__acceptance a{
	font-size: .625rem;
    font-weight: 400;
    line-height: 1.29;
	color:var(--primary);
}
.form__acceptance a:hover{
	color:var(--secondary);
}
.form__acceptance .wpcf7-form-control-wrap .checkbox-input-item {   
    display: block;
    height: auto;
}
.form__acceptance .wpcf7-list-item > label{
	
	display:block;
	/* display:flex;
	align-items: center;
	gap:0 15px; */
	margin:15px 0 0px 0;
}
.form__acceptance .wpcf7-list-item > label > .wpcf7-list-item-label{
	width: 108px;
}
.agreement-checkbox{
	display: flex;
    align-items: flex-end;
}
.agreement-checkbox a{	
    margin: 0 0 3px 0;    
}
.form__acceptance .checkbox-input-item input + .wpcf7-list-item-label {
    padding: 4px 0 0 0;
	font-size: .625rem;
    font-weight: 400;
    line-height: 1.29;
}
.agreement-checkbox{
	display: flex;
    align-items: flex-end;
}
.agreement-txt{	
	display: block;
	margin: -3px 0 0 35px;
	
}
/* / форма -  agreement */

/* форма в pop-up поп-ап 
= не используется */
.popup-wrap input.wpcf7-submit{
	display:block;
	width:100%;
	margin: 30px 0 0 0;
	border-radius:.5rem;
	padding: .8125rem 1.25rem;
	background:var(--primary);
	color:var(--text-inverse);
	font-size: 1rem;
	font-family: Montserrat;
	font-weight: 500; 
	text-align:center;
}
.popup-wrap input.wpcf7-submit:hover{
	background:var(--secondary);
}
/* / форма в pop-up поп-ап */

/* / форма */

/* Карусель, Слайдер */
.swiper-button-next, .swiper-button-prev{
	z-index:2;
}
.swiper-pagination{
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 10px;
	bottom: 30px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 30px;
}
.swiper-pagination-bullet{
	width: 10px;
    height: 10px;
	opacity: 1;
	background: var(--text-secondary);
}
.swiper-pagination-bullet-active {
	opacity: 1;
    background: var(--primary); 
    width: 15px;
    height: 15px;
}
/* / Карусель, Слайдер */

/* lightbox2 - фото в Галереях */
/* lightbox2 */
body.lb-disable-scrolling{overflow:hidden}

.lightboxOverlay{
	position:absolute;top:0;left:0;
	z-index:999999999;
	background-color:#131313;
/* opacity:0.8; */
	display:none;
}

.lightbox{	
	position:fixed;
	/* position:absolute;	 */	
	top:0!important;
	left:0;width:100%;
	
	text-align:center;
	line-height:0;
	font-weight:400;	
	height:100%!important;
	/* z-index:10000; */
	z-index:999999999;
}
.lb-outerContainer{
	position:absolute!important;
	top:0!important;
	bottom:0!important;
	margin:auto!important;
	width:100% !important;	
	background-color:none;
}
.lightbox .lb-image{
	display:block;height:auto;max-width:inherit;max-height:none;
	border-radius:0px;
	border:1px solid #fff;
	margin:0 auto;
}
.lightbox a img{
	border:none
}
.lb-outerContainer:after{content:"";display:table;clear:both}
.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../img/lightbox2/loading.gif) no-repeat}
.lb-nav{
	position:absolute;
	top:40%;
	left:0;
	height:100px;
	width:100%;z-index:10}
.lb-container>.nav{left:0}
.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-next,.lb-prev{
	height:100%;cursor:pointer;display:block}
	
.lb-nav a.lb-prev
{
width:50px;
height:100px;
left:0;
float:left;
background:url(../img/lightbox2/prev.png) 15px 48% no-repeat;
background-color:var(--primary); 
opacity:1;
-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s
}
.lb-nav a.lb-prev:hover{
	opacity:1
}
.lb-nav a.lb-next{	
	width:50px;
	height:100px;
	
	right:0;float:right;background:url(../img/lightbox2/next.png) 20px 48% no-repeat;
	background-color:var(--primary); 
	opacity:1;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-next:hover{
	opacity:1
}
.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
.lb-dataContainer:after{content:"";display:table;clear:both}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}
.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}
.lb-data .lb-caption a{color:#4ae}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}
.lb-data .lb-close{
display:block;
position: absolute;
/* top: -40px; 
top:0;*/ 
top:20px;
right: 0;
float:right;
width:44px;
height:44px;
background:url(../img/lightbox2/lightbox-close.svg) center no-repeat;
background-color:var(--primary); 
text-align:right;
outline:0;opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.lb-data .lb-close:hover{cursor:pointer;opacity:1}
.actions-gallery-wrap{width:100%;margin:30px 0;text-align:center}
.actions-gallery-item{position:relative;display:inline-block;float:none;width:330px;height:271px;margin:1.5%;border:1px solid #d4d4db;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}
@media (max-width:400px){
.actions-gallery-item{width:100%;height:180px;margin:10px auto}
}
.actions-gallery-item a{text-decoration:none;cursor:auto}
.actions-gallery-item-color{/* цветной фон при наведении */position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(204,204,204,.75);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:2;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}
.actions-gallery-item-color:hover{-moz-opacity:1;-khtml-opacity:1;opacity:1}
.actions-gallery-item-zoom-pos{position:absolute;left:0;right:0;top:0;bottom:0;width:auto;height:80px;margin:auto;padding:0 10px}
.actions-gallery-item-zoom-img{display:inline-block;width:80px;height:80px;background:#39393c;color:#fff;text-align:center;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}
.actions-gallery-item-zoom-img i{padding-top:25px}
.actions-gallery-item-color:hover .actions-gallery-item-zoom-img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

/* / lightbox2 */
/* / lightbox2 - фото в Галереях */

/* Контент Главная */
.width-banner{
    width: 100%;
    max-width: 1920px;
	margin: 0 auto;
}


.svg-color_primary {
  fill: var(--primary)
}
.divider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.25rem;
    width: 1px;
    background-color: var(--inverse);
}
.icon-wrap {
  width: 1.6875rem;
  height: 1.6875rem
}
.icon-wrap img {
  width: 100%;
  height: 100%
}
.img_icon{
	width: 1.125rem;
  height: 1.125rem
}
.button { 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .8125rem 1.25rem;
    
    border-radius: .5rem;
    font-weight: 600;
    font-size: .9375rem;
   background-color: var(--text-inverse);
    border: 1px solid var(--primary);
    color: var(--primary); 
    width: 100%;
    text-wrap: nowrap;
	    text-align: center;
		
	-webkit-transition: color 0.5s, background-color 0.5s;
-moz-transition: color 0.5s, background-color 0.5s;
transition: color 0.5s, background-color 0.5s; 	
}
.button_colored {
    background-color: var(--primary);
    color: var(--text-inverse);
}
.button_width {
    width: 16.5625rem;
    font-weight: 700;
    font-size: 1rem;
}
.button_width-colored{
	background-color: var(--primary);
    color: var(--text-inverse);
}
.banner_form [data-popup="#call"] {
    display: flex; 
}

/* карточки, выводятся списком */
.item-card{
	position:relative;
	display: flex;
	flex-direction: column; 
    height: auto;
	cursor:pointer;
}
.item-card-link{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	 z-index: 2;
}
.item-card-buttons{
	position: relative;
	display: grid;
	 z-index: 2;
}
/* ОБЩЕЕ тень+наведение картинок в карточках 
блоки = Проекты, Портфолио */
.hover:hover{
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
}
.hover__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.hover__bg {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.hover__bg::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    background: rgba(0, 0, 0, .7);
}
.hover:hover .hover__bg:before {
	opacity: 1;
}
.hover__bg::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 0)), to(#000));
    background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0, #000 100%);
}
.hover:hover .hover__bg:after {
        opacity: 0;
}
.hover__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.hover__wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.25rem 1.25rem 1.4375rem;
    pointer-events: none;
	-moz-box-sizing: border-box;   
	box-sizing: border-box;    
}
.hover:hover .hover__wrapper {
        padding: 1.875rem;
        display: none;
}
.hover__title {
    font-weight: 600;
    font-size: 1rem;
    color: var(--text-inverse);
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.decorate { /* кнопка Смотреть */
    background: var(--decorBg);
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.decorate img {
    width: .3125rem;
    height: .8125rem;    
}
.hover__bottom {
    width: 100%;
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    pointer-events: none;
}
.hover:hover .hover__bottom {
	min-height: 100%;
	height: auto;
}
.hover-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 0;
    overflow: hidden;
    pointer-events: auto;
}
.hover:hover .hover-content {
	height: auto;
	/* overflow: auto; */
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
}
.hover-content__title {
    padding: .9375rem .625rem .9375rem 1.875rem;
    font-weight: 600;
    font-size: 1rem;
    color: var(--text-inverse);
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.hover-content__description {    
    display: flex;
    flex-direction: column; 
    margin-bottom: 1.875rem;
    padding: 0 .625rem 0 1.875rem;   
    text-align: left;
}
.hover-content__text {
    margin: .9375rem 0;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.4;
    color: var(--text-inverse);
}
.hover-content__price-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.625rem 1.875rem;
}
.hover-content__price-wrap::before {
    content: " ";
    height: 1px;
    width: 100%;
    background-color: var(--text-inverse);
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.hover-content__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--text-inverse);
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.67;
}
.hover-content__price del {
    font-weight: 400;
    font-size: .875rem;
}
.hover-content__buttons {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    text-align: center;
    color: var(--bg-primary);
    pointer-events: initial;
}
.hover-content__button {
    padding: 12px 25px;
}
/* / ОБЩЕЕ
тень+наведение картинок в карточках 
 */

/* / наведение на карточки */

/* / карточки, выводятся списком */

/* / common */

/* header */
.header {
	position:relative;
}
.header.header-normal{
	position:fixed;  /* баннер под шапкой */
	z-index:99993;
}
.header.header_menu-left{
	z-index:99992;
}
.header.header-menu-bottom{   
	z-index:99991; 
}
.header .header__container {
  
}
.header.header_menu-left .header-fixed:before{
	/* display:block; */
	display:none; 
	position:absolute;
	top:0;
	left: 0px;
	content:"";
	width: 700px;
	height:100vh;
	background-color: var(--bg-primary);
	z-index:2; 
}
.header.header_menu-left .header-fixed.show-left:before{
	display:block; /* закрыть слева зазор */
}
.header-fixed{
	width:100%;
}
.single-button{
	cursor:pointer;
}

/* logo */
.logo__logo img.logo-img-main { 
  display: flex;
  -o-object-fit: contain;
  object-fit: contain;
  width:192px;
}
.logo__logo img.logo-img-fixed{
	display: none;
}
.bl_fixed .logo__logo img.logo-img-main{
	display: none;
}
.bl_fixed .logo__logo img.logo-img-fixed{
	display: flex;
  -o-object-fit: contain;
  object-fit: contain;
  width:192px;
}
.header:has(.header-bottom) {
  margin-bottom: 1.25rem
}
.header:has(.header-bottom) .header-top {
  border-bottom: none;
}
.header:has(.header-bottom) .header-bottom {
  padding: 0 25px; 
  border-radius: var(--radius8);
  background-color: var(--primary)
}
.header:has(.header-bottom) .office {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 38.5%;
  flex: 1 1 38.5%
}
.header__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.header__menu {
	display:block; /* не flex, т.к. "Eще" */	
	width:100%;
}
.header-menu-bottom .header__menu{
	z-index: 0; /* для фона поп-ап */
}
.header_menu-left .header__menu{ 
	display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        position: absolute;
        right: 15px;
        top: 0px;
       /*  width: auto; */
		width: 100%;
        margin: auto;
		
        z-index: 9;
}

.header__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: .3125rem
}

/*  hamburger */
#touch-menu {
	display: none;
	position: absolute;
	right: 10px;
	top: 25px;
	width: auto;
	margin:auto;	
	z-index: 999999;
}
#touch-menu2 {
	display: none;
	position: absolute;
	right: 10px;
	top: 25px;
	width: auto;
	margin:auto;	
	z-index: 999999;
}
#touch-menu3 {
	display: none;
	position: absolute;
	right: 10px;
	top: 25px;
	width: auto;
	margin:auto;	
	z-index: 999999;
}
.c-hamburger {
  display: block;
	position: relative;  
	float: left;
	width: 30px; /* размер габмургера */
	height: 30px; 
	padding: 0;  
	margin: 6px 0 0 0;
	font-size: 0; 		
	-webkit-transition: background 0.3s;
  transition: background 0.3s;
  /* background:#fff; */
   background:transparent;
}
.c-hamburger:focus {
  outline: none;
}
.c-hamburger span {
  display: block;
  position: absolute;
  top: 10px; /* высота средней полосы */
  width:20px;
  left: auto;
  right: 0;
  height: 2px; /* толщина полосы */
  background: var(--text-primary); /* цвет габмургера */
  -webkit-transition: background 0s 0.3s;
  transition: background 0s 0.3s;
}
.header.white .c-hamburger span  {
	background: var(--text-inverse); /* цвет габмургера */
}
.c-hamburger span::before, .c-hamburger span::after {
  position: absolute;
  display: block;
  right:0px;
  left: auto;
  width: 30px;
  height: 2px;/* толщина полосы */
  background-color: var(--text-primary); /* цвет габмургера */
  content: "";
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}
.header.white .c-hamburger span::before, .header.white .c-hamburger span::after {
	 background-color: var(--text-inverse); /* цвет габмургера */
}
.c-hamburger span::before {
  top: -9px; /* расстояние между полосами */
  
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}
.c-hamburger span::after {
  bottom: -9px;/* расстояние между полосами */
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}
.is-active .c-hamburger span {
  background: none; /* не удалять */
}
.is-active .c-hamburger span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);	
	/* background-color: var(--text-inverse); */
	background-color: var(--text-primary);
}
/* .header.white .is-active .c-hamburger span::before{
	background-color: var(--text-primary);
} */
.is-active .c-hamburger span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
	/* background-color: var(--text-inverse); */
	background-color: var(--text-primary);
	
}
/* .header.white .is-active .c-hamburger span::after{
	background-color: var(--text-primary);
} */
.is-active .c-hamburger span::before,
.is-active .c-hamburger span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}
.is-active .c-hamburger span::after{
	height: 3px;
	top: 2px;
}
.is-active .c-hamburger span::before{
	height: 3px;
	top: 2px;
}

/* / hamburger  */

/* bl_header-menu-left */
#touch-menu2_1{
	cursor:pointer; 
}
.touch-menu-nav2{
	display:none;
	height:auto;
	margin: 0 -15px 0 0; 
}

/* / bl_header-menu-left */


/* скрипт фиксации меню */
.bl_fixed {
	 position: fixed;     
	 top: 0;
    box-shadow: 0 0 10px -4px #000;
		-moz-opacity: 0;
		-khtml-opacity: 0;
	opacity: 0;	
	background-color: var(--bg-primary);
}
.bl_opacity {
   -moz-transition: opacity 0.3s;
		-webkit-transition: opacity 0.3s;
		-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
		-moz-opacity: 1;
		-khtml-opacity: 1;
	opacity: 1;
}
.header-menu-bottom .bl_fixed .header__bottom {
	display:none;
}
/* .header.white */
.header.white > :not(.bl_fixed){
	color:var(--text-inverse) !important;
}
.header.white  > :not(.bl_fixed) .menu__list > li > a{
	color:var(--text-inverse);
}
.header.white  > :not(.bl_fixed) a.contacts-phone__link{
	color:var(--text-inverse);
}
.header.white  > :not(.bl_fixed) .contacts-phone__arrow{
	width:15px;
	height:10px;
	background-size: auto 100%;
	background-position: center top;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg); 	
	background-repeat: no-repeat; 	
	background-image: url(../img/icons/svgicons/arrow-white.svg); 
}
.header.white  > :not(.bl_fixed) .contacts-phone__arrow img{
	display:none;
}
.header.white  > :not(.bl_fixed) .menu__list > li.menu-item-has-children:after{
	background-image: url(../img/icons/svgicons/menuArrow-white.svg);
}
.header.white  > :not(.bl_fixed) .c-hamburger{
	background: none;
}
.header.white  > :not(.bl_fixed) .c-hamburger span{
	background: var(--text-inverse);
}
.header.white  > :not(.bl_fixed)   .c-hamburger span::before, .header.white .c-hamburger span::after{
	background: var(--text-inverse);
}
.header-fixed.bl_fixed .c-hamburger span{
	background: var(--text-primary);
}
.header-fixed.bl_fixed .is-active  .c-hamburger span{
	background: none;
}
.header-fixed.bl_fixed .c-hamburger span::before{
	background: var(--text-primary);
}
.header-fixed.bl_fixed .c-hamburger span::after{
	background: var(--text-primary);
}

/* contacts__block */
.contacts-phone {
  position: relative
}
.contacts-phone:hover .phone-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  
}
.aside-menu__bottom .contacts-phone:hover .phone-dropdown{
	display:none;
}
.contacts-phone__arrow img{
	width: 15px;
    height: 10px;
}
.header__contacts  .contacts-phone .contacts-phone__svg img{
	width:20px;
	height:20px;
}
.header__contacts .contacts-phone .contacts-arrow__svg{
	display: flex;
    align-items: center;  
    justify-content: center;
	width: 1.6875rem;
    height: 1.6875rem;
}
.header__contacts  .contacts-phone .contacts-arrow__svg img{
	width: .5rem;
    height: .5rem;
}
.header__contacts  .contacts-phone img.contacts-phone-main{
	display: block;    
}
.header__contacts  .contacts-phone img.contacts-phone-fixed{
	display: none;    
}
.bl_fixed .header__contacts  .contacts-phone img.contacts-phone-main{
	display: none;    
}
.bl_fixed .header__contacts  .contacts-phone img.contacts-phone-fixed{
	display: block;    
}

.contacts-block__social {    
    display: flex;   
    align-items: center;
	justify-content: center;
    gap: .875rem; 
}
.contacts-block__social img{
	width:17px;
	height:17px;
}
.contacts-phone__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.contacts-phone__svg {
  width: 1.75rem;
  height: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
      margin: 0 5px 0 0;
}
.contacts-phone__link {
  font-weight: 700;
  font-size: 1rem;
  text-wrap: nowrap
}
.contacts-phone__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.6875rem;
  height: 1.6875rem
}
.contacts-phone__dropdown {
  position: absolute;
  top: -.75rem;
  left: -.3125rem;
  z-index: 5;
  background-color: var(--bg-primary);
  width: 100vw;
  max-width: 13.75rem;
  display: none;
  border-radius: var(--radius8);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
  box-shadow: 0 0 10px 0 rgba(0,0,0,.5)
}
.contacts-phone.drop .phone-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
  max-width: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 17;
  background-color: var(--bg-primary);
  border-radius: 0
}
.phone-dropdown p{
	margin-bottom:0;
}
.contacts-phone.drop .mobile-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1.5rem
}
.phone-dropdown__list {
  overflow:hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 1.0rem .5rem .5rem .5rem;
}
.phone-dropdown__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
 /*  padding: .25rem .5rem .75rem 1.875rem; */
  padding:8px 5px 0px 5px ;
}
.phone-dropdown__link {
  font-weight: 700;
  font-size: 1rem;
  color: var(--text-accent)
}
@media(any-hover:hover) {
  .phone-dropdown__link:hover {
    color: var(--primary)
  }
}
.phone-dropdown__text {
     margin: 0px;
 font-weight: 500;
  font-size: .875rem;
  color: #555;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  
}

/* / contacts__block */

/* отключить окно куки */
.lock body{
	overflow: visible;
	-ms-touch-action: auto;
    touch-action: auto;
    -ms-scroll-chaining: auto;
    overscroll-behavior: auto;
	
}
.cookie-plank.active{
	display: none;
}
.footer-cookie-btn{
	display: none;
}
.overlay.overlay1.show{	
	display: none;
}
/* / отключить окно куки */

.overlay.overlay1.show{
	z-index:1;	
}
.overlay.overlay2.show{
	z-index:1;
}
.overlay.overlay3.show{
	z-index:1;
}

/* / header */

/* header-menu */
.menu__body {
  display:block; /* не flex, т.к. "Eще" */
  text-align:center;
}
.menu__list > li {
    display: block;
    position: relative;
    float: left;	
	cursor:pointer;
}
.menu__list > li > a{	
	display: block;
    white-space: nowrap;
    padding: 10px 25px;
	text-transform:uppercase;
	font-size:15px;
	font-weight:500;  
}
.menu__list > li > ul {	
	display:none;
	position: absolute;
	top: 100%;
	left: 20px;
	max-width: 27.1875rem;
	min-width:300px;
	margin: -5px 0 0 0;
	padding: 20px 20px 10px 20px;	
	background-color: var(--bg-primary);
	z-index:6;
	appearance: none;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px; 
	border-radius: 0.5rem;  
	color:var(--text-primary);
}
.menu__list > li > ul > li{
	margin:0 0 10px 0;
}
/* Меню кнопка Еще */
.menu__list {
	display: inline-block; /* не flex */
	position: relative;	
	width:auto;
	z-index: 500;
	padding: 0 0.1px;
}
.menu__list > li.more:hover > ul{
	display: block;    
	text-align:left;
}
.menu__list > li.more1:hover > ul{
	display: block; 
	text-align:left;	
}
.menu__list > li.more2:hover > ul{ 
	display: block;
	text-align:left;    
}
.menu__list > li.more:hover ul.sub-menu{
	display: none;    
}
.menu__list > li.more1:hover ul.sub-menu{
	display: none; 
	padding: 3px 0 0 0;
}
.menu__list > li.more2:hover ul.sub-menu{
	display: none;     
}
.menu__list > li.more > ul > li > ul > li{
	margin:5px 0 0px 15px;
}
.menu__list > li.more1 > ul > li > ul > li{
	margin:5px 0 0px 15px;
}
.menu__list > li.more2 > ul > li > ul > li{
	margin:5px 0 0px 15px;
}
.menu__list > li.more3 > ul > li > ul > li{
	margin:5px 0 0px 15px;
}
/* / Меню кнопка Еще */

.menu__list > li > ul > li{
	margin:0 0 10px 0;
}

.menu__list > li.menu-item-has-children.rotate:after{  
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.menu__list > li:hover > a:hover{
	color: var(--primary); 
}
.menu__list > li:hover > ul > li > a{
	color: var(--text-primary);
}
.menu__list > li:hover > ul > li > a:hover {
	color: var(--primary);  
}
.header-menu-bottom .menu__list > li > a{
	 padding: 30px 25px;
}
.header-bottom .menu__list > li > a{ 
	color:var(--text-inverse);
}
.header-bottom .menu__list > li:hover > a{ 
	color:var(--text-inverse);
}
.header-bottom .menu__list > li:hover > a{
	color:var(--text-inverse);
}

/* боковое меню aside-menu */
.aside-menu__top { 
  display:none;  
}
.aside-menu__bottom {
	display:none;
}
.aside-menu__text {
  font-weight: 600;
  font-size: 1.125rem
}

/* / боковое меню */

/* меню */
.header__menu-content .aside-phone__wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.svg-arrow-down {    
    width: 8px;
    height: 1.125rem;
}
.contacts__block .svg-arrow-down {    
    width: 1.6875rem;
    height: 1.6875rem;
}
.contacts__block .svg-arrow-down svg{    
    width: 14px;
    height: 14px;
}
.header__menu-content .aside-phone__wrapper .svg-arrow-down {
	 width: 14px;
    height: 14px;
}
.header__menu-content .contacts-email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: .9375rem
}
.header__menu-content .contacts-email__svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}
.header__menu-content .contacts-email__svg img{
	width:100%;
}
.header__menu-content .contacts-email__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media(any-hover:hover) {
  .header__menu-content .contacts-email__link:hover {
    color: var(--primary)
  }
}
.header__menu-content .svg-arrow-close {
  width: 27px;
  height: 27px;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
.header__menu-content .aside-phone__wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.header__menu-content .aside-phone__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: .9375rem
}
.header__menu-content .aside-phone__body svg.svg-arrow-down{
	width: 1.125rem;
    height: 1.125rem;
}
.header__menu-content .aside-phone__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.header__menu-content .aside-phone__svg {
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.header__menu-content .aside-phone__svg img{
	width:100%;
}
.header__menu-content .aside-phone__link {
  font-weight: 700;
  font-size: 1rem;
  text-wrap: nowrap;
  cursor:pointer;
}
@media(any-hover:hover) {
  .header__menu-content .aside-phone__link:hover {
    color: var(--primary)
  }
}
.header__menu-content .aside-phone__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.6875rem;
  height: 1.6875rem;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.header__menu-content .aside-phone-1.rotate .aside-phone__arrow{
	-webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.header__menu-content .phone-dropdown {
  padding: 0 1.25rem;
  overflow: hidden;
}

.header__menu-content .phone-dropdown__item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: .625rem;
}
.header__menu-content .phone-dropdown .mobile-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.header__menu-content .phone-dropdown .phone-dropdown__item {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: .375rem;
  font-weight: 600;
  font-size: .875rem;
  padding:  0 0 .625rem 0;
}

/* боковое меню в header_menu-left */
/* 1. кнопка в десктопе */
.header-menu-left-btn.icon-menu-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--text-inverse);
  position: relative;
 /*  z-index: 5; */
   z-index: 0;
  max-width: 11.375rem;
  width: 100%;
  justify-self: flex-start;
  border: 1px solid var(--primary);
  border-radius: var(--radius8);
  padding: .875rem 1.875rem .9375rem 5.9375rem;
  background-color: var(--primary);
  font-weight: 600;
  font-size: .9375rem;
	cursor:pointer;
}
.header-menu-left-btn.icon-menu-1 span,
.header-menu-left-btn.icon-menu-1::after,
.header-menu-left-btn.icon-menu-1::before {
  content: "";
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  left: 23%;
  position: absolute;
  width: 1.5625rem;
  height: .125rem;
  background-color: var(--text-inverse)
}
.header-menu-left-btn.icon-menu-1::before {
  top: 29%
}
.header-menu-left-btn.icon-menu-1::after {
  bottom: 30%
}
.header-menu-left-btn.icon-menu-1 span {
  top: calc(50% - .0625rem);
  width: 1.125rem
}
.header-menu-left-btn.icon-menu-1.drop-button{
	position: absolute;
	left: 400px;
    z-index: 999;
    background: none;
    border: none;
	width:30px;
	height:30px; 
	padding:20px;
	background-size: auto;
	background-position: center center; 	
	background-repeat: no-repeat; 	
	background-image: url(../img/cross-close-black.svg); 
	font-size:0;
}
.header-menu-left-btn.icon-menu-1.drop-button::before{
	display:none;
}
.header-menu-left-btn.icon-menu-1.drop-button::after{
	display:none;
}
.header-menu-left-btn.icon-menu-1.drop-button span{
	display:none;
}
/* / кнопка в десктопе */

/* 2. боковое меню */

.header_menu-left .header__menu-content{
	display: flex;
	flex-direction: column;
	position: relative;  
	width:100%;
	max-width:600px;
	height: 100vh;      
	margin: 0;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-gutter: stable;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	scrollbar-width: thin;
	background-color: var(--bg-primary);  
}     
.header_menu-left .aside-menu__top { 
	display:block; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 1.25rem;
	padding: 10px 60px 10px 0;
	border-bottom: 1px solid var(--border);
}
.header_menu-left .logo {
	gap: .625rem; 
	z-index: 1;
}
.header_menu-left .logo__logo {
	position: relative;
	z-index: 5;
}
.header_menu-left .logo__logo img {
	width: 100%;
}
.header_menu-left .menu__body{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 1.25rem;   
	padding: 1.25rem 0 1.25rem 0; 
}
.header_menu-left .aside-menu__bottom {
	display:block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;	
	gap:15px 0;
	padding: .625rem 1.25rem;
}
.header_menu-left .header__menu-content .aside-phone__dropdown.phone-dropdown {
	display:none;
	position:static; 
}
.header_menu-left .menu__list {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	flex-direction: column;
	gap: 0;
	padding: 0;
	margin: 0;
}
.header_menu-left .menu__list > li{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: .375rem;
	padding: 0;  
	text-transform: uppercase;
	font-weight: 600;
	font-size: .875rem;	
	text-wrap: nowrap;
}
.header_menu-left .menu__list > li.menu-item-has-children{
	display:block;
	position:relative;
}
.header_menu-left .menu__list > li.menu-item-has-children:after{
	position:absolute; 
	left:auto;
	right:26px;
	top:12px; 
    width: 14px;
    height: 14px;	
}
.header_menu-left .menu__list > li > ul{
	position:static;
	max-width: none;
	margin: 0;
	padding: 10px 25px 10px 40px;
	background: none;
	box-shadow: none;
	border-radius:0;
}
.header_menu-left .menu__item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: .375rem;
	text-transform: uppercase;
	font-weight: 500;
	font-size: .9375rem;
	padding: 1.875rem 0;
	text-wrap: nowrap;
}
.header_menu-left .menu__body::before {
	content: "";
	position: fixed;
	width: 100%;
	height: 4.375rem;
	left: -100%;
	top: 0;
	-webkit-transition: left .3s;
	transition: left .3s;
	z-index: 2;
	background-color: var(--bg-primary);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.4)
}
.header_menu-left .menu-open .menu__body {
	left: 0
}
.header_menu-left .menu-open .menu__body::before {
	left: 0
}
/* / боковое меню в header_menu-left */

/* подменю */
.menu__list > li.menu-item-has-children{
	display:flex;
	align-items: center;  
}
.menu__list > li.menu-item-has-children:after{    
	flex-shrink:0;
	display:block;  
	width:10px;  
	height:10px;
	margin: 0 0 0 -15px;
	content:"";
	background-size: 100% auto;
	background-position: center top; 	
	background-repeat: no-repeat;   
	background-image: url(../img/icons/svgicons/menuArrow.svg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);	
}
.header-menu-bottom .menu__list > li.menu-item-has-children:after{
	background-image: url(../img/icons/svgicons/menuArrow-white.svg);
}
.header__top:has(.menu) .office__content {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.header:has(.header-bottom) .header-bottom>.menu>.menu__body>.menu__list>.menu__item>.menu__link {
  color: var(--text-inverse)
}

@media(any-hover:hover)and (min-width:61.9988em) {
  .header:has(.header-bottom) .header-bottom>.menu>.menu__body>.menu__list>.menu__item[data-menu-group]:hover::after {
    left: auto;
    right: 100%
  }
}
.header:has(.header-bottom) .header-bottom>.menu {
  max-width: none
}
/* language */
.language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}
.aside-menu__bottom .language{
	display:block;
	width:auto;
}
.language__head {
  background-color: var(--bg-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid hsla(0,0%,100%,0);
  border-radius: 2rem;
  padding: .5rem 1.25rem;
  overflow: hidden;
  position: relative;
  z-index: 5
}
.language__text {
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.14286;
  color: var(--text-primary);
  background:none;
  padding:0;
  border:0; 
}
@media(any-hover:hover) {
  .language__text:hover {
    color: var(--primary)
  }
}
.language__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--text-primary);
  width: 10px;
  height: 10px;
}
.language__body {
  position: absolute;
  top: calc(100% - 1.0625rem);
  left: 0;
  z-index: 4;
  border-radius: 0 0 1.25rem 1.25rem;
  width: 100%;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: .625rem;
  background-color: var(--bg-primary)
}
.aside-menu__bottom .language__body{
	position:static;
	width: auto;
    height: 100px;
}
.language__list {
  padding: 1.25rem;
  padding-top: 1.6875rem;
  padding-bottom: 1.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: .5rem
}
.language__item {
  color: var(--text-inverse)
}
.language .language__body{
	display:none;
}
.language.rotate .language__body{	
	display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
}
.language .language__icon{
	width: 30px;
    height: 14px;
	 padding:0 0 0 15px;
}
.language .language__icon svg {
  width: 14px;
    height: 14px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); 
  
}
.language:hover .language__icon svg{
	-webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); 
}
.language.rotate .language__icon svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

/* / style-aside-menu */

/* question-with-input */
.question__text{
	line-height: 1.2;
}
.question.question-with-input .question__content{
	display: flex;
	gap: 0 240px;
	padding: 1.875rem 3.125rem 0.8rem 3.125rem;
}
.question.question-with-input form input.wpcf7-form-control.wpcf7-submit{
	width:300px;
	margin:20px 0 0 0;
	padding:.8125rem 0;
}
/* / question-with-input */

/* question-input-inline */
.question.question-inline .form form {
	position:relative;
	display:flex;
	align-items: flex-end;
	gap:20px 20px;
	padding:0 0 50px 0;
}
.question.question-inline .form form .form__list{
	flex-direction: row; 
	gap:20px 20px;
}
.question.question-inline .form form .form__acceptance{
	position:absolute;
	bottom:0;
	left:0;
}
.question.question-inline .form form input.wpcf7-form-control.wpcf7-submit{
	height:44px;
	margin:0;
}

/* / question-input-inline */

.teaser_vertical .teaser__ic{
	border-radius: 0;
	    border: 0;
}
.reviews__text{
	height:auto;
}
/* footer */
.footer{
	color: var(--text-inverse); 
}
.footer .footer-dark-item{
	display:block;
}
.footer .footer-white-item{
	display:none;
}
.footer.footer_white .footer-dark-item{
	display:none;
}
.footer.footer_white .footer-white-item{
	display:block;
}
.footer .logo__logo img.footer-dark-item{
	display:flex;
}
.footer .logo__logo img.footer-white-item{
	display:none;
}
.footer.footer_white .logo__logo img.footer-dark-item{
	display:none;
}
.footer.footer_white .logo__logo img.footer-white-item{
	display:flex;
}
/*  */
.footer .contacts-phone .contacts-phone__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6875rem;
    height: 1.6875rem;
}
.footer .contacts-phone .contacts-phone__arrow svg {
    width: .5rem;
    height: .5rem;
}
/* footer menu */
.footer ul.navigation__list li a{
	font-weight: 600;
    font-size: 1.125rem;
	text-transform: uppercase;
    color: var(--text-inverse);    
}
.footer ul.navigation__list li a:hover{
	 color: var(--primary);
}
.footer.footer_white ul.navigation__list li a{
	 color: var(--text-primary);
}
.footer__contacts{
	display: inline-flex;

}
.footer-cookie-btn{
	margin:10px 0 0 0;
	cursor:pointer;
}
/* / footer */

/* banner */
.banner__buttons{
	flex-direction: row;
}
/*  форма banner */

.banner__slide .form_banner-wrap .form__label{
	display:block;  
}
.banner__slide .form_banner-wrap .form__inputs{
	margin-top:25px;
}
.form_banner-wrap input.wpcf7-form-control {    
    background: transparent; 
    color: var(--text-inverse);
    
}
.form_banner-wrap input.wpcf7-form-control:hover {    
	background: transparent; 
    color: var(--text-inverse);
}
.form_banner-wrap .form__acceptance{
	 color: var(--text-inverse);
}
.form_banner-wrap .form__acceptance .wpcf7-list-item > label > input[type="checkbox"]{
	 color: var(--text-inverse);
}
.form_banner-wrap .form__acceptance .wpcf7-list-item-label{
	color: var(--text-inverse);
}
.form_banner-wrap input.wpcf7-form-control.wpcf7-submit{
	margin:20px 0 0 0;
	display: inline-block;
    padding: .8125rem 4.6875rem; 
	background: var(--primary);
}
.form_banner-wrap input.wpcf7-form-control.wpcf7-submit:hover{
	background: var(--secondary); 
}
.form_banner-wrap .wpcf7-response-output{
	color: var(--text-inverse);
}
.banner__slide .form{
	max-width: 25rem;
	color: var(--text-inverse);
}
.projects__cell:hover .projects__item .hover__bottom {
	display: flex;
}
.lg-prev:after {
    content: "\2190";
}
.lg-next:before {
    content: "\2192";
}
.lg-toolbar .lg-close:after {
    content: "\2716";
}
.button_width-colored:hover{	
	border-color: var(--secondary);
}
.sale__content{
	background: var(--bg-dark);
}
.form-auto-select{
	display:flex;
	gap:0 8px;
	font-weight: 600;
}
/* Якоря для лендинга */
.anchor-wrap{
	position:relative;
}
.anchor-item{
	position:absolute;
	top:-100px;
}
/* / Якоря для лендинга */

/* куки */

.analytical-cookies-wrap{
	padding:10px;
	border:1px solid var(--primary);
	border-radius:8px;
	
}
.cookie-plank__text.text_general{
	text-align:center;
}
.cookie-plank__text.text_general p{
	display:inline-block;
	text-align:left;
}
.analytical-cookies-wrap .text_general{
	margin:15px 0;
}
.cookie-plank__button{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.cookie-plank__content{
	padding: 1.25rem 2.0rem;
}
/* .check-cookie-label-1{
	background-color: var(--border);
}
.check-cookie-label-1:has(.switch__input:checked) {
    background-color: var(--border);
} */
.cookie-plank__text.text_general p{
	max-width: 400px;
}
/* / куки */

/* Сервисы */
.wplanding .service__buttons{
	/* justify-content: normal; */
}
.wplanding .service__buttons .button{
	width:100%;
	max-width:200px;
}


/* media */
@media (max-width: 2050px){
	.header.header_menu-left .header-fixed:before{
		width:350px;
	}
}
/* / 2050px */

/* 1680px */
@media (max-width: 105em) {
    .header__top {
		gap: 1.25rem
	}
	.banner_form .banner__slide .banner__container {
        max-width: 105rem;
    }
}
/* / 1680px */

/* 1380px */
@media(max-width:86.25em) {
	.header.header_menu-left .header-fixed:before{
		display:none;
	}
	.header_menu-left .header__top .office {
	display: none;
	}  
	.question.question-with-input.question-inline .question__content{
		gap: 0 50px;
	}
  
}
/* / 1380px */

/* 1270px */
@media(max-width:79.375em) {
	.header:has(.header-bottom) .office {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}
}
/* / 1270px */

/* 1200px */
@media (max-width: 75em) {
	.header__contacts {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
	.banner__slide .form_banner-wrap.form{
		/* padding: 1.5rem; */
	}
	.form_banner-wrap input.wpcf7-form-control.wpcf7-submit{
		display:block;
		max-width:210px;
		margin:20px auto 0 auto;
		padding:.8125rem 0;
		text-align:center;
	}
	.form_banner-wrap .form__acceptance{
		max-width:400px;
		margin:0 auto;
	}
	.banner_form .banner__slide {
		min-height: auto;
	}
    .banner_form .banner__slide .banner__container {
        margin-left: 0;
        margin-right: 0;
        margin-top: 3.125rem;
        margin-bottom: 3.125rem;
    }	
	.banner_width .banner__slide .banner__container {
		margin-left: 0;
        margin-right: 0;
        margin-top: 3.125rem;
        margin-bottom: 5rem;
    }
}
/* / 1200px */

/*  1100px */
@media(max-width:68.75em) {
	.header:has(.header-bottom) .office {
		display: none;
	}
	.question.question-with-input .question__content{
		gap: 0 80px;
	}
	/*  */
	.question.question-with-input.question-inline .question__content {
        flex-direction: column;
        gap: 20px 0;
        padding: 1.875rem 1.0rem 0.8rem 1.0rem;
    }
	.question.question-inline .question__img{
		-ms-flex-item-align: center;
        align-self: center;
        min-width: 9rem;
        max-width: 9rem;
        min-height: 9rem;
        max-height: 9rem;
	}
	.question.question-inline .question__img svg{
		width: 75%;
        height: 75%;
	}
	.question.question-with-input.question-inline .question__title{
		text-align: center;
		margin: 0 auto;
	}
	.question.question-with-input.question-inline .question__text{
		text-align: center;
		margin: 0 auto;
	}
	.question.question-with-input.question-inline .form{
		display: block;
		width: 100%;
	}
	.question.question-with-input.question-inline .form form{
		flex-direction: column;
		width: 100%;
		gap: 20px 0;
		align-items: normal; 
		padding: 0 0 60px 0;
	}
	.question.question-inline .form form .form__list{
		flex-direction: column;
	}
	.question.question-inline .form form .form__acceptance{
		bottom: 10px;
	}
	
	
}
/* / 1100px */

/* $hamburger 992px */
@media (max-width: 61.9988em){
	
	.header__menu-content{
		display: flex;
		flex-direction: column;
        position: relative;  
		width:100%;
		max-width:320px;
		height: 100vh;      
        margin: 0;
        overflow-y: auto;
		overflow-x: hidden;
        scrollbar-gutter: stable;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        scrollbar-width: thin;
		background-color: var(--bg-primary);  
	} 
	.header_menu-left .header__menu-content{
		max-width:320px;
	}
	.aside-menu__top { 
		display:block; 
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0 1.25rem;
		padding: 10px 60px 10px 0;
		border-bottom: 1px solid var(--border);
	}
	.aside-menu__top .logo{
		width:100%;
	}
	.aside-menu__top .logo img{
		width:100%;
	}
	.aside-menu__text{
		display:none;
	}
	.aside-menu__bottom {
		display:block;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		
		gap:15px 0;
		padding: .625rem 1.25rem;
	}
	.header__menu-content .aside-phone__dropdown.phone-dropdown {
		display:none;
		position:static; 
	}
	.menu__body{
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 1.25rem;   
		padding: 1.25rem 0 1.25rem 0; 
	}
	.menu__list {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		flex-direction: column;
		gap: 0;
		padding: 0;
		margin: 0;
	}
	.menu__list > li{
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		gap: .375rem;
		padding: 0;  
		text-transform: uppercase;
		font-weight: 600;
		font-size: .875rem;
		
		text-wrap: nowrap;
	}
	.header-menu-bottom .menu__list > li > a{
		 padding: 5px 25px;
	}
	.menu__list > li.menu-item-has-children{
		display:block;
		position:relative;
	}
	.menu__list > li.menu-item-has-children:after{
		position:absolute; 
		left:auto;
		right:27px;
		top:15px;  
		width: 14px;
		height: 14px;
	}	
	.menu__list > li > ul{
		position:static;
		max-width: none;
		margin: 0;
		padding: 10px 25px 10px 40px;
		background-color: transparent;
		box-shadow: none;
		border-radius:0;
	}
	.header-menu-bottom .menu__list > li.menu-item-has-children:after{
		background-image: url(../img/icons/svgicons/menuArrow.svg);
	}
	.menu__item {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		gap: .375rem;
		text-transform: uppercase;
		font-weight: 500;
		font-size: .9375rem;
		padding: 1.875rem 0;
		text-wrap: nowrap;
	}
	.menu__body::before {
		content: "";
		position: fixed;
		width: 100%;
		height: 4.375rem;
		left: -100%;
		top: 0;
		-webkit-transition: left .3s;
		transition: left .3s;
		z-index: 2;
		background-color: var(--bg-primary);
		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
		box-shadow: 0 0 5px 0 rgba(0,0,0,.4)
	}
	.menu-open .menu__body {
		left: 0
	}
	.menu-open .menu__body::before {
		left: 0
	}	
	.header-bottom .menu__list > li >a{
		color: var(--text-primary);		
	}
	.header-bottom .menu__list > li:hover >a {
		color: var(--primary);
	}	
	 .header:has(.header-bottom) .header-bottom>.menu>.menu__body {
    background-color: var(--bg-primary)
	  }
	  .header:has(.header-bottom) .header-bottom>.menu>.menu__body>.menu__list>.menu__item>.menu__link {
		color: var(--text-primary)
	  }
	
	
	/*  */
	.header {
		margin-bottom: 0;
		-webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);
		box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);
	}
	.header.header-normal{
		  position:relative; 
		  z-index:999999999;
	}
	.header__top {
		gap: .9375rem;
	}
	.logo__logo img.logo-img-main{
		width:100%;       
	}
	.bl_fixed .logo__logo img.logo-img-fixed{
		width:100%;    
	}
	
	.header.header_menu-left{
		  position:relative; 
		  z-index:99999999;
	}
	.header.header-menu-bottom{
		  position:relative; 
		  z-index:9999999;
	}
	.header.header_menu-left .header__container:before{
		display:none;
	}
	.header__top {
		padding: 0;  
		gap: 0 30px;
	}
	
	.logo{
		 gap: .625rem;
	}
	.header:has(.header-bottom) .control {
		display: none; /* нижняя панель  */
	}
	.header:has(.header-bottom) {
		margin-bottom: 0;
	}
	.header__contacts{
		margin:0 70px 0 auto;
		gap: 0 20px;
	}  
	.header__menu {  
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		position:absolute; 
		right: 15px;
		top:0px;
		width:auto;  /* важно */
		height:auto;
		margin:auto;
		z-index:9;
	}
	.header_menu-left .header__menu{
		/* width:auto; */  /* важно */
		width: 300px;
        right: -15px;
	}
	.header-normal .header-fixed{
		position: fixed;
		opacity: 1;
	}
	.header-menu-bottom .header__menu{
		z-index: 9;
	}
	/* меню */
	body.scroll-hidden{
		overflow:hidden;
	}
	#touch-menu {
        display: block;
    }
	#touch-menu2 {
        display: block;
    }
	#touch-menu2_1{
		display:none;
	}
	#touch-menu3 {
        display: block;
    }
	.touch-menu-nav{
		display:none;
		height:auto;
		margin: 0 -15px 0 0;
	}
	.touch-menu-nav2{
		display:none;
		height:auto;
		margin: 0 -15px 0 0;
	}
	/* .touch-menu-nav2 .header__menu-content:before:before{
		display:none;
	} */
	.touch-menu-nav3{
		display:none;
		height:auto;
		margin: 0 -15px 0 0;
	}
	.contacts-phone__dropdown{
		top:0;
	}
	
}
/* / $hamburger 992 =  61.9988em */

/* 898px */
@media(max-width:56.125em) {
  .header__contacts .button {
    display: none;
  }
}
/* / 898px */

/* 767.9808px (768px / $tablet) */
@media (max-width: 47.9988em){
	.header:has(.header-bottom) .header__contacts {
        padding-right: 0;
    }
	.header:has(.header-bottom) .header__menu{
		top: 0;
		right: 15px;
		width: auto;
		transform: none;
	}
  .logo__logo {
    position: relative;
    z-index: 5;
	}
	#reviews  {
	  top:130px!important;
	}
	
    .question.question-with-input .question__content {
        flex-direction: column; 
		gap: 20px 0;
		padding: 1.875rem 1.0rem 0.8rem 1.0rem;
    }
	.question.question-with-input .question__img {
        -ms-flex-item-align: center;
        align-self: center;
        min-width: 9rem;
        max-width: 9rem;
        min-height: 9rem;
        max-height: 9rem;
    }
	.question.question-with-input .question__img svg {
        width: 75%;
        height: 75%;
    }
	.question.question-with-input .question__title{
		text-align:center;
	}
	.question.question-with-input .question__text{
		text-align:center;
	}
	.question.question-with-input form input.wpcf7-form-control.wpcf7-submit{
		display: block;
		width: 100%;
		max-width: 300px;
		margin: 20px auto 0 auto;
	}
}
/* / 767.9808px (768px, $tablet) */

/* 576px */
@media (max-width: 36rem){
	#touch-menu{
		right:0;
	}
	.header__top {
        padding: 0;
        gap: 0 10px;
    }
	#reviews  {
		top:100px!important;
	}
	
}
/* / 576px */

/* 520px */
@media (max-width: 32.5em){
	.map .map__wrapper{
		aspect-ratio: auto;
	}
}
/* / 520px */

/* 500px */
@media (max-width: 31.25em){                      
	.header__contacts .contacts__block{
	  display:flex;
	  flex-direction: row; 
	  align-items: center;
	  -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 0;	  
	}
    .header__contacts .contacts-phone {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
		 padding: 5px 0 0 0;
    }   
	.header__contacts .contacts-phone__link{
		width: 1.6875rem;
		height: 1.6875rem;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		font-size:0;  
	}
	.header__contacts .contacts-phone .contacts-arrow__svg{
		display:none;
	}	
	 .header__contacts .contacts-phone__svg {
	   background-color: transparent;
		position: relative;
		z-index: 1;
		pointer-events: none;
	  }	 
	.header__contacts  .contacts-phone .contacts-phone__svg img{
		
		width:15px;
		height:15px;
	}	
	.header__contacts  .contacts-phone:hover .phone-dropdown {   
		display: none;            
	}   
	.header__contacts .contacts-phone__arrow {
        display: none;
    } 
	  .header__contacts .contacts-phone__arrow {
		display: none;
	  }
	.header__contacts .contacts-block__social .divider, .header__contacts .contacts-block__social .social {
    display: none;
	}
      #touch-menu {
        right: 0;
        top: 18px;
    }
	.header__contacts .contacts-block__social .divider, .header__contacts .contacts-block__social .social{
		display:none;  
	} 
}
/* / 500px */

/* 489px */
@media(max-width:30.5625em) {
  .logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 10.4375rem;
    flex: 0 1 10.4375rem;
  }
}
/* / 489px */

/* 480px, $mobileSmall */
@media (max-width:29.99875em ){
	.question.question-with-input.question-inline .form form{
		padding: 0 0 80px 0;
	}
	
	.form__acceptance{
		text-align:left;
	}
	.question.question-inline .form form input.wpcf7-form-control.wpcf7-submit{
		width: 100%;
		max-width: none;
	}
	
	.question.question-inline .form form .form__acceptance{
		max-width:310px;
	}
	
}
/* / 480px, $mobileSmall */

@media (max-width: 380px){
	.text_general{
		font-size:14px;
	}
	.text_general p{
		font-size:14px;
	}
	.hover__wrapper{
		padding:10px;
	}
	.hover-content__title{
		padding:10px;
	}
	.hover-content__description{
		padding:0 10px;
	}
}

@media (max-width: 360px){
	.question.question-with-input.question-inline .form form {
        padding: 0 0 100px 0;
    }
	.question.question-inline .form form .form__acceptance {
        max-width: 270px;
    }
	.question.question-inline .form form .form__acceptance .agreement-checkbox {
        flex-direction: column;
        align-items: normal;
    }
	.question.question-inline .form form .form__acceptance .agreement-checkbox a {
        margin: -3px 0 3px 35px;
    }
}
/* / 360px */

/* 350px */
@media (max-width: 21.875em){
	.agreement-checkbox{
		flex-direction: column; 
		align-items: normal;
	}
	.agreement-checkbox a {
		margin: -3px 0 3px 35px;
	}
	.popup__title{
		margin: 20px 0 0 0;
	}
	.button__primary{
		width:100%;
		max-width: none;
		padding:13px 0;
	}
	.button_colored{
		width:100%;
		max-width: none;
		padding:13px 0;
	}
	.banner_width .banner__slide .banner__container {        
        margin-top: 90px;
		margin-bottom: 50px;
	}
	
}
/* / 350px */