:root {
    --main-color: #19599c;
	--color1: #2B2F3F;
    --color2: #686A78;
    --red:#19599c;
    --red-hover:#19599c;
    --white: #ffffff;
    --grey1:#e4ebf1;
}
.color2 {color:var(--color2);}
.red {color:var(--red);}

.header{
	padding: 13px 0;
 position: relative;
width:100%;
background: #F6F6F6;
	z-index: 999;

}



.online_feedback {
    display: flex;
    text-align: left;
    
    align-items: center;
    min-width: 225px;
}

.online_feedback .label {
    font-size: 14px;
    line-height: 19px;
    font-weight:300;
    color: #fff;line-height:1.2;
    position: relative;
    padding-left: 12px;
    margin-right: 11px;
}

.online_feedback .label:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 100px;
    background: #32AF06;
    box-shadow: 0 0 0 2px #a7db80;
    position: absolute;
    left: 0;
    top: 8px;
}

.online_feedback .label span {
    font-weight: 700;
    display: block;
    position: relative;
}

.mess_icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
    margin-right: 5px;
    cursor: pointer;
}

.mess_icon.tg {
    background-image: url(../icons/tg.png);
}

.mess_icon.wa {
    background-image: url(../icons/wa.png);
}




body.page-template-page-content-nobaner-php,
body.page-template-documents,body.page-template-contacts,body.page-template-portfolio,body.page-template-about {
    background-color: #fff;
}


.page-template-page-content-nobaner-php .header-menu-bottom {border-top: solid 1px rgba(16, 41, 56, .1);}

.header.white{padding:3px 0;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#282828), to(#4e4e4e));
    background-image: linear-gradient(to top, #282828 0%, #4e4e4e 100%);;
	color: #fff;height:50px;
}






.header.white .header-burger-line{
	background-color: var(--red);
}

.tel-block .status {
    font-size: 14px;
    color: var(--red);
    width: auto;
    padding-left: 14px;
    position: relative;
    float: right;
    clear: both;
}

.tel-block .status:before {
    width: 7px;
    height: 7px;
    background: var(--red);
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-radius: 50%;
}

.offcanvas-init.offcanvas-active .header-menu{
	right: 0;
}

.header-l{
	display: flex;
	align-items: center;
}

.header-logo img{
	height: 60px;
}

.grey-line-before {
    position: relative;    margin-left: 50px;
}
.grey-line-before:before {
    position: absolute;
    top: 50%;
    left: -32px;
    content: '';
    width: 25px;
    height: 43px;
    transform: translateY(-50%);
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iNDMiIHZpZXdCb3g9IjAgMCAyNSA0MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDBIMjVMNSA0M0gwTDIwIDBaIiBmaWxsPSIjMkIyRjNGIiBmaWxsLW9wYWNpdHk9IjAuMSIvPgo8L3N2Zz4K);
}    
.header.white .header-more-phones {
    top: -4px; display:none;
    position: relative;
}
    


.header.white .header-btn {
    height: 35px;
    font-size: 0.9rem;
}
.header.white .header-btn:hover {border:2px solid #1a7fbe;}

.header-logo-text{
font-size: 14px;
max-width: 250px;
font-weight: 500;    margin-left: 50px;
line-height: 1.2;

	color:var(--color2);
	
}



.header-socs{
	display: flex;
}


.header-socs a{
position: relative;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    padding: 8px;
    background: #fff;
    margin-right: 5px;
    transition: .2s;
    justify-content: center;
}




.callback_link {
    font-size: 16px;
   color:#fff;font-weight:500;
    border-bottom: 1px dotted;  
    
}

.header-btn{
	font-size: 16px;
	font-weight: 500;
	line-height: calc(22 / 16);
	height: 45px;
   padding: 5px 20px;
	border: 2px solid #fff;
   margin-right: 30px;
	display: flex;
	align-items: center;
	margin-left: 50px;
	cursor: pointer;transition: background-color 200ms;
}

.header-btn:hover{
	background-color: #1a7fbe;
	color: #fff;	border: 2px solid #1a7fbe;
}

.header-r{
	display: flex;
	align-items: center;
}

.header-burger{margin-left:20px;
	width: 30px;
	height: 25px;
	cursor: pointer;
}

.header-burger-line{
	width: 100%;
	height: 4px;
	background-color: var(--red);
	transition: .5s;
}

.header-burger-line:nth-child(2){
	margin: 5px 0;
}

.header-phone{
	font-size: 20px;
	line-height: calc(24 / 20);
	font-weight: 500;
}
.header-phone span {display:block;font-size:12px;margin-bottom:4px;}



.header-more-phones{position: relative; top:-5px;
	font-size: 14px;
	line-height: calc(17 / 14);
	font-weight: 200;
	border-bottom: 1px dashed;
	display: inline;
	cursor: pointer;
	user-select: none;
}

.header-contacts-top-l{
	text-align: right;
}

.header-contacts-top{
	display: flex;
	align-items: center;
}

.header-contacts-top-r{
	font-size: 20px;
	margin-left: 10px;display:none;
}

.header-inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-contacts{
	position: relative;
	padding-right: 30px;
}

.header-contacts-bottom{
	position: absolute;
	top: 99%;
	right: 0;
   padding: 15px;
   width: 270px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,.15);

	display: none;
}

.header-contacts-bottom.active{
	display: block;
	background-color: #fff;

}

.header-contacts-bottom-item{
	margin-bottom: 15px;
   padding-bottom: 15px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header-contacts-bottom-item:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.header-contacts-bottom-item-smalltext{
	font-size: 14px;line-height:1.2;
	font-weight: 400;
	margin-bottom: 10px;
}
.header .header-contacts-bottom-item-smalltext{}
.header-contacts-bottom-item-phone, .header-contacts-bottom-item-email{
	font-size: 20px;
	line-height: calc(24 / 20);
	font-weight: 500;width:120px;
	display: block;
	color: inherit;white-space: nowrap;
}

.header-contacts-bottom:before {
	display: inline-block;
	position: absolute;
	width: 0;
	height: 0;
	vertical-align: middle;
	content: "";
	top: -5px;
	left: auto;
	right: 10px;
	color: #fff;
	border-bottom: 6px solid;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}





@media (max-width:991px){
    .header-search {display:none;}
    .header.sticky {background: #FFF;box-shadow: 0px 2px 6px rgba(18, 7, 5, 0.15); position: fixed;}
    .header-menu-hidden {display:none!important;}
    
    
    .header {padding:10px 0;
   
    background: #F6F6F6;
}
	 
	 .utp {padding-top:15px;}
	 
    .mainphone {
   line-height: 1.2;
    font-size: 22px;}
   .callback_link {
    font-size: 14px;}
    
.header-menu{
	position: fixed;
	z-index: 10000;
	right: -400px;
	top: 0;
background:#E4EBF1;
	height: 100vh;
	width: 400px;
	padding: 24px 25px;
	transition: .5s;
	overflow: auto;
}

.header-menu.active{
	right: 0;
}

.header-menu-item a isvg {
    width: 15px;
    height: 15px;
}

.header-menu-item a{
	font-size: 18px;
	line-height: 1.2;
	color: #686A78;
	padding-bottom:20px;
	font-weight: 600;
	display: block;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	transition: .5s;
	user-select: none;
}

.header-menu-item a:hover{
	color: var(--red);
}

.header-menu-item-sub a{
	font-size: 15px;
	line-height: 1;
	font-weight: 600;
	color: #686A78;
	padding-bottom: 15px; 
}



.header-menu-top{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 20px;
	align-items:center;
}

.header-menu-logo{
	height: 50px;
}

.header-menu-close{
	width: 25px;
	height: 25px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #686A78;
	cursor: pointer;
}
.header-menu-close {fill: #686A78;}
.header-menu-item a i {
	font-size: 14px;
	color: #686A78;
	transition: .5s;

}
.header-menu-item-sub {padding-left:20px;}
.header-menu-item a i.rotated svg{
	transform: rotate(-180deg);
}
}
@media (max-width: 991px) {
    .padding-top-mobile {padding-top:75px!important;}
    .header-menu-item.has-sub.active>.toggle-menu-item {
        
        color:#9EA4BC;
        
    }
    .header-menu-item a i svg {width:15px;height:15px;}
    .header-menu-item.has-sub.active>.toggle-menu-item .rotated svg path{fill:#9EA4BC;}
    
	.header-logo-text{
		display: none;
	}
	.header-btn {
		display: none;
	}
.menu-1 a {font-size:14px;    padding-bottom: 10px;}
}

@media (max-width: 767px) {
    .header.white {
    padding: 5px;
}
	.header-contacts{
		display: none;
	}


	.header-btn{
		display: none;
	}
	.header-menu{
		width: 100%;max-width:400px;
		right: -100%;
	}
	
	.header-menu {
background:#E4EBF1;
    padding: 24px 20px;

}


	
}
@media (max-width:575px){
.header-logo img {
    height: auto;
    max-height: 55px!important;
}
    .header {padding:7px 0;
  
    background: #F6F6F6;
}
	 

}





.fancybox__content {

    padding: 0;}
    
    
@media (max-width:1299px){
    .header-logo img {height: 50px;}
.header-btn {
    display: none;}    



    
}


    
#menu-glavnoe-menju,#menu-glavnoe-menju-1 {padding:0;margin-bottom:0;}




.sp-pre-loader{background:#FFFFFF;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99999}.sp-pre-loader .sp-loader-clock{border:3px solid #0345BF;border-radius:60px;bottom:0;height:80px;left:0;margin:auto;position:absolute;right:0;top:0;width:80px}.sp-pre-loader .sp-loader-clock:after{content:'';position:absolute;background-color:#0345BF;top:2px;left:48%;height:38px;width:4px;border-radius:5px;-webkit-transform-origin:50% 97%;transform-origin:50% 97%;-webkit-animation:grdAiguille 2s linear infinite;animation:grdAiguille 2s linear infinite}.sp-pre-loader .sp-loader-clock:before{content:'';position:absolute;background-color:#0345BF;top:6px;left:48%;height:35px;width:4px;border-radius:5px;-webkit-transform-origin:50% 94%;transform-origin:50% 94%;-webkit-animation:ptAiguille 12s linear infinite;animation:ptAiguille 12s linear infinite}.sp-pre-loader .sp-loader-circle{position:absolute;height:80px;width:80px;border-radius:80px;border:3px solid fade(#0345BF, 70%);left:0;top:0;right:0;bottom:0;margin:auto;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:loader1 3s linear infinite;animation:loader1 3s linear infinite}.sp-pre-loader .sp-loader-circle:after{content:'';position:absolute;top:-5px;left:20px;width:11px;height:11px;border-radius:10px;background-color:#0345BF}.sp-pre-loader .sp-loader-bubble-loop{position:absolute;width:12px;height:12px;left:0;top:0;right:0;bottom:0;margin:auto;border-radius:12px;background-color:#0345BF;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:loader6 1s ease-in-out infinite;animation:loader6 1s ease-in-out infinite}.sp-pre-loader .sp-loader-bubble-loop:before{content:'';position:absolute;background-color:rgba(3, 69, 191, 0.5);top:0px;left:-25px;height:12px;width:12px;border-radius:12px}.sp-pre-loader .sp-loader-bubble-loop:after{content:'';position:absolute;background-color:rgba(3, 69, 191, 0.5);top:0px;left:25px;height:12px;width:12px;border-radius:12px}.sp-pre-loader .circle-two{bottom:0;height:100px;left:0;margin:auto;position:absolute;right:0;top:0;width:100px}.sp-pre-loader .circle-two>span,.sp-pre-loader .circle-two>span:before,.sp-pre-loader .circle-two>span:after{content:'';display:block;border-radius:50%;border:2px solid #0345BF;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.sp-pre-loader .circle-two>span{width:100%;height:100%;top:0;left:0;border-left-color:transparent;-webkit-animation:effect-2 2s infinite linear;-moz-animation:effect-2 2s infinite linear;-ms-animation:effect-2 2s infinite linear;-o-animation:effect-2 2s infinite linear;animation:effect-2 2s infinite linear}.sp-pre-loader .circle-two>span:before{width:75%;height:75%;border-right-color:transparent}.sp-pre-loader .circle-two>span:after{width:50%;height:50%;border-bottom-color:transparent}.sp-pre-loader .wave-two-wrap{position:absolute;margin:auto;left:0;right:0;top:50%;width:90px}.sp-pre-loader .wave-two{margin:0;list-style:none;width:90px;position:relative;padding:0;height:10px}.sp-pre-loader .wave-two li{position:absolute;width:2px;height:0;background-color:#0345BF;bottom:0}.sp-pre-loader .wave-two li:nth-child(1){left:0;-webkit-animation:sequence1 1s ease infinite 0;animation:sequence1 1s ease infinite 0}.sp-pre-loader .wave-two li:nth-child(2){left:15px;-webkit-animation:sequence2 1s ease infinite 0.1s;animation:sequence2 1s ease infinite 0.1s}.sp-pre-loader .wave-two li:nth-child(3){left:30px;-webkit-animation:sequence1 1s ease-in-out infinite 0.2s;animation:sequence1 1s ease-in-out infinite 0.2s}.sp-pre-loader .wave-two li:nth-child(4){left:45px;-webkit-animation:sequence2 1s ease-in infinite 0.3s;animation:sequence2 1s ease-in infinite 0.3s}.sp-pre-loader .wave-two li:nth-child(5){left:60px;-webkit-animation:sequence1 1s ease-in-out infinite 0.4s;animation:sequence1 1s ease-in-out infinite 0.4s}.sp-pre-loader .wave-two li:nth-child(6){left:75px;-webkit-animation:sequence2 1s ease infinite 0.5s;animation:sequence2 1s ease infinite 0.5s}.sp-pre-loader .sp-loader-audio-wave{width:3em;height:2em;background:linear-gradient(#0345BF, #0345BF) 0 50%, linear-gradient(#0345BF, #0345BF) 0.625em 50%, linear-gradient(#0345BF, #0345BF) 1.25em 50%, linear-gradient(#0345BF, #0345BF) 1.875em 50%, linear-gradient(#0345BF, #0345BF) 2.5em 50%;background-repeat:no-repeat;background-size:0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;animation:audioWave 1.5s linear infinite;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto}.sp-pre-loader .sp-loader-with-logo{top:0;left:0;width:100%;height:100%;right:0;bottom:0;margin:auto;text-align:center;position:absolute;display:flex;justify-content:center;align-items:center}.sp-pre-loader .sp-loader-with-logo .logo{display:inline-block;width:auto}.sp-pre-loader .sp-loader-with-logo .line{background:#0345BF;height:5px;left:0;position:absolute;top:0
    
}


.phones__block-work {
    justify-content: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.phones__block-cir {
    width: 5px;
    height: 5px;
    background-color: var(--red);
    border-radius: 100%;
    margin-right: 0.4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.phones__block-text {
    color: #fff;
    font-weight: 500;
    font-size: 13px;
}



.mainphone {
  color: var(--color1);
  font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 16px;
}

.email{color: var(--color2);
/* Komandor/Text 14 */
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 16px;}



.header-menu-close {
    fill: #686A78;
}
.header_small_back .header-menu {
    position: fixed;
    z-index: 10000;
    right: -270px;
    top: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#282828), to(#4e4e4e));
    background-image: linear-gradient(to top, #282828 0%, #4e4e4e 100%);
    background-repeat: no-repeat;
    background-size: inherit;
    background-attachment: scroll;
    background-position: 100% 100%;
    height: 100%;
    width: 270px;
    padding: 24px 25px;
    transition: .5s;
    overflow: auto;
}

.header_small_back .header-menu {
    margin-top: 0;
}


 .header_small_back .header-burger, .header_small_back .header-menu-close {
    display: block;
}


 .header_small_back .header-menu {
 
    height: 100vh;}


.header_small_back .header-menu-top {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
    align-items: center;
}

.header_small_back .header-menu-close {
    width: 20px;
    height: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #686A78;
    cursor: pointer;
}
.header_small_back .header-menu-item a {
    font-size: 16px;
    line-height: calc(32 / 28);
    color: #686A78;
    padding: 15px 0px;
    font-weight: 600;
    display: block;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: .5s;
    user-select: none;
}
.header_small_back .header-menu-item-sub {
    padding-left: 20px;
}
.header_small_back .header-menu-item-sub a {
    font-size: 15px;
    line-height: 1;
    font-weight: 400;
    color: #ffffff;
    padding: 7px 0;
}


  .header_small_back  .callback_link {
    font-size: 14px;}
    
    

 .header-menu-hidden .icon_callback {display:none;}    
@media (min-width:992px) and  (max-width:1399px){
  .header-menu-hidden .phone-block, .header-menu-hidden .header-socs {display:none!important;}   
} 

@media (min-width:992px) and (max-width:1199px){
    
     .header-menu-hidden .header-menu {
 
    width: 100%;
}




}

@media (min-width:992px){
    #menu-sticky {margin:0;padding:0;}
   .header-menu-hidden {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -ms-transition: -ms-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
        position: fixed;
    width: 100%;
    top: 0;padding:5px 0;
    transform:translateY(-100%);
   }
   .header-menu-hidden .header-menu {
    margin-top: 0!important;
}
  .header-wrapper .header-menu-hidden .header-menu a {
    margin-right: 30px;} 
   .header-menu-hidden .btn3 {margin-left:20px;
    font-size: 12px;
    padding: 15px 25px;
}

 .header-menu-hidden .mainphone {

    font-size: 14px;

}
 
    
 .header.sticky .header-menu-hidden {transform:translateY(0);}

 .header.sticky .header-menu-hidden{background: #FFF;box-shadow: 0px 2px 6px rgba(18, 7, 5, 0.15);}
 
 
 .header_small_back .phones__block-work {display: none!important;}
 
 
   .header-menu-bottom {
    position: relative;width: 100%;



   }
   .fixed-container .header-menu-bottom {position: unset;}

    .toggle-menu-item,.header-menu-item {cursor:pointer;}
    
    
    
    .header-menu a i svg{
            -webkit-transition: -webkit-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;

    font-size: 12px;margin-left:3px;}
    .header-menu a:hover i svg{
        
     -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);    
    }
    
    .header-wrapper:not(.header_small_back) .header-menu a {
    color: var(--color1);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
        
    }
    .header-menu {margin-top:7px;}
    .header-wrapper:not(.header_small_back) .header-menu-item {position:relative;}
    .header-wrapper:not(.header_small_back) .header-menu-item-sub {display:none!important;width: 300px;
        
    position:absolute;  top:100%;left:0; background:#fff;padding:15px 20px; border-radius:3px; 
         -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.08);
    }
    
    .header-wrapper:not(.header_small_back) .menu>.header-menu-item {height:45px;    display: flex;
    align-items: center;} 
    
    .header-wrapper:not(.header_small_back) .header-menu-item:hover .header-menu-item-sub {display:block!important;

        
    }
    
    .header-wrapper:not(.header_small_back) .header-menu .header-menu-item-sub  a {
            
            text-transform: none;
            font-weight: 400;
        }
    
    .header-wrapper:not(.header_small_back) .header-menu li:hover> a {
    color: var(--red);}
    
    
 .header-wrapper:not(.header_small_back) .menu {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;   
 } 
.header-burger,.header-menu-close {display:none;}   



#menu-item-6723,#menu-item-8823 {/*position:unset;*/}
#menu-item-6723:hover>ul,#menu-item-8823:hover>ul {
    width:500px;padding-top:30px; padding-bottom:30px;
  display:flex!important;
}

#menu-item-6723:hover>ul>li,#menu-item-8823:hover>ul>li    {width: 50%;}

#menu-item-6723>ul ul,#menu-item-8823:hover>ul ul{box-shadow: none;position: unset;padding:0;    background: transparent;width:100%;}
.header-menu-item.has-sub>a.toggle-menu-item.menu1 {
    font-weight: 700;
    font-size: 16px;
    
}
.header-wrapper:not(.header_small_back) .has-sub .header-menu-item {
   
    line-height: 1.1;
    margin-top: 8px;
}

.header-menu-item-sub.menu-1 {
    margin-top:15px;
    
}




}


@-webkit-keyframes spFadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes spFadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@media (max-width:380px){
.header-burger {
    margin-left: 15px;

}
    
    
    
}

@media (max-width:767px){
.mainphone {
    font-size: 16px;
  line-height: 1.2;

}
    
 .callback_link,.header_small_back  .callback_link {
    font-size: 12px;
}  
    
}


.home #wpadminbar {display:none;}

 .header-search {
     float: left;
     min-height: 45px;
}
 .header-search {
     min-width: 98px;
     position: relative;
}
 .header-search__link {
     height: 45px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: absolute;
     right: 0;
     width: 50px;
     z-index: 1;
     outline: none;
     -webkit-transition: color .2s ease-in, border .2s ease-in, background-color .2s ease-in;
     -o-transition: color .2s ease-in, border .2s ease-in, background-color .2s ease-in;
     transition: color .2s ease-in, border .2s ease-in, background-color .2s ease-in;
}
 .header-search__link:before {
     background-image: url(../icons/search-icon.svg);
     background-size: cover;
     content: "";
     display: block;
     height: 16px;
     left: 17px;
     position: relative;
     -webkit-transition: all .1s ease-out;
     -o-transition: all .1s ease-out;
     transition: all .1s ease-out;
     width: 16px;
     z-index: 1;
}
 .header-search__link:after {
     content: url(../icons/search-icon.svg);
     opacity: 0;
     position: absolute;
     z-index: -1;
}
 .header-search__link:hover:before {
     background-image: url(../icons/search-icon2.svg);
     -webkit-transition: all .1s ease-in;
     -o-transition: all .1s ease-in;
     transition: all .1s ease-in;
}
 .header-search__close {
     border-radius: 0 24px 24px 0;
     display: none;
     cursor: pointer;
     height: 45px;
     position: relative;
     z-index: 1;
}
 .header-search:after {
     background-color: #E4EBF1;
     border-radius: 0 24px 24px 0;
     content: "";
     height: 45px;
     min-height: inherit !important;
     min-height: auto !important;
     opacity: 0;
     padding-right: 20px;
     position: absolute;
     right: 0;
     top: 1px;
     width: 100%;
     z-index: 0;
}
 .header-search__form {
     height: 100%;
     position: absolute;
     width: 100%;
     top: 1px;
     z-index: -1;
}

.header-with-search {display:flex;}
 .header-menu-wrapper_with-search .header-search__form {
     -webkit-transition: all .1s ease-in;
     -o-transition: all .1s ease-in;
     transition: all .1s ease-in;
     z-index: 1;
}
 .header-search__input {
     outline: none !important;
     -webkit-appearance: none;
     background-color: #E4EBF1;
     border-radius: 24px 0 0 24px;
     height: 45px;
     left: 0;
     opacity: 0;
     padding-left: 20px;
     padding-right: 4px;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 0;
}
 .header-menu-wrapper_with-search .header-search__input {
     opacity: 1;
     -webkit-transition: all .1s ease-in;
     -o-transition: all .1s ease-in;
     transition: all .1s ease-in;
     z-index: 1;
}
 .header-search__form:after {
     background-color: transparent;
     content: "";
     display: block;
     height: 100%;
     position: absolute;
     -webkit-transition: all .1s ease-out;
     -o-transition: all .1s ease-out;
     transition: all .1s ease-out;
     width: 100%;
}
 .header-menu-wrapper_with-search .header-search {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
}
 .header-menu-wrapper_with-search .header-search>* {
     -webkit-box-flex: 1;
     -ms-flex: 1 0 50%;
     flex: 1 0 50%;
}
 .header-menu-wrapper_with-search .header-search__form:after {

     -webkit-transition: all .1s ease-in;
     -o-transition: all .1s ease-in;
     transition: all .1s ease-in;
}
 .header-menu-wrapper_with-search .header-search__link {
     position: relative;
     right: inherit !important;
     right: auto !important;
}
 .header-menu-wrapper_with-search .header-search__close {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .header-menu-wrapper_with-search .header-search__link:before {
     left: 12px;
}
 .header-menu-wrapper_with-search .header-search:after {
     opacity: 1;
     -webkit-transition: all .1s ease-in;
     -o-transition: all .1s ease-in;
     transition: all .1s ease-in;
}
 .header-search__close:before {
     background-color: #d5e0e3;
     content: "";
     height: 18px;
     left: -4px;
     position: absolute;
     width: 1px;
}
 .header-search__close:after {
     background-image: url(../icons/close-icon.svg);
     background-size: cover;
     content: "";
     display: block;
     height: 16px;
     left: 13px;
     position: relative;
     -webkit-transition: all .1s ease-out;
     -o-transition: all .1s ease-out;
     transition: all .1s ease-out;
     width: 16px;
     z-index: 1;
}

.ajax-search {
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     right: 0;
     background: #fff;
     -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
     border-radius: 10px;
     margin-top: 5px;
     max-height: 230px;
     overflow-x: hidden;
     overflow-y: auto;
     z-index: 100;
     margin: 0;
     padding: 0;
     font-size: 14px;
     color: #424348;
     scrollbar-color: dark;
     scrollbar-width: thin;
     -ms-scroll-chaining: none;
     overscroll-behavior: contain;
}
 .ajax-search::-webkit-scrollbar {
     width: 6px;
     background-color: #eff2f3;
}
 .ajax-search::-webkit-scrollbar-thumb {
     background-color: #dddddd;
     border-radius: 4em;
}
 .ajax-search__item {
     position: relative;
     border-top: 1px solid rgba(224, 229, 231, 0.5);
     padding: 10px 15px;
     cursor: pointer;
     list-style-type: none;
}
 .ajax-search__link {
     color: var(--accent);
     line-height: 130%;
     margin-bottom: 10px;
     font-size: 16px;
     display: block;
}
 .ajax-search__excerpt {
     cursor: default;
     font-size: 16px;
     line-height: 140%;
}
 .ajax-search__not-found {
     font-size: 16px;
}

.search-submit {
     position: absolute;
     right: 5px;
     top: 0;
     border: 0;
     background: 0;
     outline: 0;
     height: 40px;
     line-height: 44px;
     text-align: center;
     padding: 0;
     cursor: pointer;
     width: 40px;
     font-size: 16px;
     -webkit-transition: color .2s ease-out;
     -o-transition: color .2s ease-out;
     transition: color .2s ease-out;
     color: #b0b0b0;
}
 .search-form2 {
     max-width: 970px;
     position: relative;
}
 .icon-search:before {
     background-image: url(../icons/search-icon.svg);
     background-size: cover;
     content: "";
     display: block;
     height: 16px;
     left: 17px;
     position: relative;
     -webkit-transition: all .1s ease-out;
     -o-transition: all .1s ease-out;
     transition: all .1s ease-out;
     width: 16px;
     z-index: 1;
}

 .header-wrapper:not(.header_small_back) .header-menu .ajax-search__item a {
    text-transform: none;
}

.region-link {font-size:14px;}
.scroll-cities {
    overflow-y: auto;
    height: 400px;
    overflow-x: hidden;
}