/* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1756467600666*/
div.bx-yandex-map {color: black; font-size: 11px;}
div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;}
div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td {
	padding: 0px !important;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{
	font-size: 11px;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b {
	background-image: none !important;
}

/* End */


/* Start:/local/templates/retren/styles.css?17564675863198*/
body, html {
	color:#2C3136 !important; 
	font-family: 'Commissioner' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 20px !important;
	line-height: 150% !important;
	}
h1 {
	font-family: 'Commissioner' !important;
	font-style: normal !important;
	font-weight: 800 !important;
	font-size: 56px !important;
	line-height: 125% !important;	
}
h2 {
	font-family: 'Commissioner' !important;
	font-style: normal !important;
	font-weight: 800 !important;
	font-size: 40px !important;
	line-height: 150% !important;
}
h3 {
	font-family: 'Commissioner' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 32px !important;
	line-height: 150% !important;
}
h4 {
	font-family: 'Commissioner' !important;
	font-style: normal !important;
	font-weight: 800 !important;
	font-size: 24px !important;
	line-height: 150% !important;
}


@media (min-width: 1280px) { 
	body, html {
		font-weight: 400 !important;
		font-size: 18px !important;
		line-height: 150% !important;
	}
	h1{
		font-weight: 800 !important;
		font-size: 48px !important;
		line-height: 125% !important;
	}
	h2 {
		font-weight: 800;
		font-size: 32px;
		line-height: 150%;
	}
	h3 {
		font-weight: 700;
		font-size: 24px;
		line-height: 140%;
	}
	h4 {
		font-weight: 800;
		font-size: 20px;
		line-height: 140%;
	}
 }
@media (min-width: 768px) and (max-width: 1279.98px) { 
	body, html {
		font-weight: 400 !important;
		font-size: 18px !important;
		line-height: 150% !important;
	}
	h1{
		font-weight: 800 !important;
		font-size: 40px !important;
		line-height: 125% !important;
	}
	h2 {
		font-weight: 800 !important;
		font-size: 32px !important;
		line-height: 150% !important;
	}
	h3 {
		font-weight: 700 !important;
		font-size: 24px !important;
		line-height: 140% !important;
	}
	h4 {
		font-weight: 800 !important;
		font-size: 20px !important;
		line-height: 140% !important;
	}
 }
@media (min-width: 320px) and (max-width: 767.98px) {
	body, html {
		font-weight: 400 !important;
		font-size: 18px !important;
		line-height: 150% !important;
	}
	h1{
		font-weight: 800 !important;
		font-size: 28px !important;
		line-height: 125% !important;
	}
	h2 {
		font-weight: 800 !important;
		font-size: 24px !important;
		line-height: 150% !important;
	}
	h3 {
		font-weight: 700 !important;
		font-size: 20px !important;
		line-height: 140% !important;
	}
	h4 {
		font-weight: 800 !important;
		font-size: 18px !important;
		line-height: 140% !important;
	}
	}
	
	
	
@media (max-width: 319.98pxpx) { 
	body, html {
		font-weight: 400 !important;
		font-size: 18px !important;
		line-height: 150% !important;
	}
	h1{
		font-weight: 800 !important;
		font-size: 28px !important;
		line-height: 125% !important;
	}
	h2 {
		font-weight: 800 !important;
		font-size: 24px !important;
		line-height: 150% !important;
	}
	h3 {
		font-weight: 700 !important;
		font-size: 20px !important;
		line-height: 140% !important;
	}
	h4 {
		font-weight: 800 !important;
		font-size: 18px !important;
		line-height: 140% !important;
	}
 }
/* End */


/* Start:/local/templates/retren/template_styles.css?175646758629918*/
@media (min-width: 1450px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1450px !important;
}
}

a:hover{color:#31B428 !important; transition:.2s;}
img {max-width:100% !important;}




.retren_green {color:#38d42e !important;}

.top_bg {background-image:url(/upload/images/top_bg.png); background-size:cover;}
.text-right, .text-right a {color:#fff; text-decoration:none; font-size:16px; line-height:30px; font-weight:400; padding-bottom:0px;}
.text-right p {font-size:14px; font-weight:400;}
.top_soc_icos {display:inline-block; position:relative; top:-40px; margin-right:16px;}
.top_soc_icos a:first-of-type{margin-right:10px;}

.top_contacts {display:inline-block;

    text-align: left !important;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    padding-bottom: 10px;
	}
.top_contacts p {margin-bottom:0px !important;}

.top_menu_row {align-items:center;}
.top-menu {font-size:12px; text-transform:uppercase;}
.top-menu a {padding:10px 20px; color:#fff; text-decoration:none;}

.on-cons {color:#38d42e !important;}
.on-cons i {padding-right:8px;}


.slide_text p{padding-top:120px; color:#fff; text-transform:uppercase;}
.under_text {
	color:#fff;
	
}


.btn_green {
	font-size: 15px;
    color: #fff;
    background: #38d42e;
    padding: 18px 25px 20px;
    text-decoration: none;
    font-weight: 600;
	margin-top:20px;
	display:inline-block !important;
	border:none;
	text-align:center !important;
	}
	
.www .btn_green {
	font-size: 15px;
    color: #fff;
    background: #38d42e;
    padding: 10px 40px 11px;
    text-decoration: none;
    font-weight: 600;
    margin-top: 0px !important;
	border:2px solid #fff;
}
.slide_text {margin-bottom:130px;}


.sec_block p {margin:70px auto;
font-family: 'Commissioner';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #2C3136;}
.sec_block h2 {text-transform:uppercase; font-size:37px !important; margin-bottom:45px;}

.imb_border {padding:20px 30px; text-align:center; border: 2px solid #F0F3F6; margin-bottom:40px;}
.sec_block img{
	height:40px;
    }
	
	
.brands_block div {padding: 30px 25px;
    border: 2px solid #F0F3F6;
	height:90px;}
	
	
	
.feedback {margin-top: 100px !important;padding-top:100px; padding-bottom:120px; background:url('/upload/image 43.png') center no-repeat; background-size:cover; position:relative; color:#fff;}
.feedback h2 {color:#fff; z-index:101;}
.feedback .container {position:relative; z-index:101;}
.feedback:before {content:''; background:rgba(0, 0, 0, 0.8); position:absolute; width:100%; height:100%; top:0; left:0; }

.feedback_text {padding:40px 0 5px;}

.main-user-consent-request {position:absolute; bottom:-45px; font-size:16px !important;}
.main-user-consent-request a {padding-left:35px;}

.main-user-consent-request input 
{height: 18px;
    width: 20px;
    margin-bottom: -19px;
    position: relative;
    display: block;
}

.working_width {margin-top:100px !important;}

.working_width h2 {    text-transform: uppercase;
    font-size: 37px !important;
    margin-bottom: 45px;
}

.ww_titletext {font-family: 'Commissioner';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 150%;}

.ww_subtext{
font-family: 'Commissioner';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
margin-bottom:45px;
}

.ww_main .ww_text p {padding-left:70px; padding-right:38px;}
.ww_main .ww_text div {position:relative;}
.ww_main .ww_text div:before {content:''; width:40px; position:absolute; height:100%; top:5px !important; display:block; background:url(/upload/checkbox.png) top no-repeat !important; background-size:contain !important;}

.ww_text p {padding-left:38px; padding-right:38px;}
.ww_text div {position:relative;}
.ww_text div:before {content:''; width:40px; position:absolute; height:100%;  display:block;}

.services h2 {text-transform: uppercase;
    font-size: 37px !important;
    margin-bottom: 45px;
	margin-top:55px;
}
.services .servise_tile {height:640px; padding:40px 60px;position:relative;}

.service_1 {background:url(/upload/service1.png) center no-repeat; background-size:contain;}
.service_2 {background:url(/upload/service2.png) center no-repeat; background-size:contain;}
.service_3 {background:url(/upload/service3.png) center no-repeat; background-size:contain;}
.s_subtitle {
font-family: 'Commissioner';
font-style: normal;
font-weight: 800;
font-size: 24px;
line-height: 140%;
/* identical to box height, or 34px */

text-transform: uppercase;

/* white */

color: #FFFFFF;
}

.s_price {
position:absolute;
bottom:105px;	
font-family: 'Commissioner';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 29px;

/* green */

color: #38D42E; padding-bottom:30px;}
.s_btn {position:absolute; bottom:45px;}
.s_btn button {width:auto !important; padding:19px 30px !important; background:#38D42E !important;color: #fff !important;}
.s_btn button:hover {color: #fff !important;
    background: #31B428 !important;
}

.www {background:#2C3136; margin-top:100px; padding-bottom:80px;}
.www h2{
	color:#fff;
	text-transform: uppercase;
    font-size: 37px !important;
    margin-bottom: 45px;
	margin-top:80px;
}
.www_green_popup {background:#38D42E; padding:30px 30px; opacity:0; position:absolute; bottom:30px; left:0px; right:60px; transition:.4s;}


.www_tile_img {
overflow:hidden;
  position: relative;
  
}
.www_tile_img:hover img{scale:1.1; transition:.4s;}
.www_tile_img:hover .www_green_popup {opacity:1;  transition:.4s;}
 
/* If you want text inside of the container */
.www_tile_img img {
width:100%;
height:auto;
 transition:.4s;
}

.www_subtitle {
font-family: 'Commissioner';
font-style: normal;
font-weight: 800;
font-size: 20px;
line-height: 24px;
text-transform: uppercase;

/* white */

color: #FFFFFF;

}
.working_width .ww_text div:before {content:''; width:40px; position:absolute; height:100%; top:11px; left:0px; display:block; background:url(/upload/www_list_ico.png) top no-repeat;}
.working_width .ww_titletext {padding-left:38px;}

.wwly .ww_titletext {margin-bottom:7px !important;}

.masters {background:none; margin-top:100px; padding-bottom:0px;}
.masters h2{
	color:#2C3136;
	text-transform: uppercase;
    font-size: 37px !important;
    margin-bottom: 45px;
	margin-top:0px;
}

.ms_photo {position:relative; background:#F0F3F6; max-width:100%; overflow:hidden; height:auto; text-align:center; align-items:center; object-fit:contain;}
/*.ms_photo img {height:auto; width:auto; max-width:100%; max-height:100%; position:absolute; position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom:0;
text-align: center;}*/
.ms_post {min-height:110px;}
.ms_subtitle {
	font-family: 'Commissioner';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 150%;
padding:20px 0;

color: #2C3136;
}

.ms_worklenght {padding:10px 0 20px;}



.masters button {
    width: auto !important;
    padding: 13px 38px 15px !important;
    background: #38D42E !important;
    color: #fff !important;
}

.masters button:hover {
    color: #fff !important;
    background: #31B428 !important;
}

.www_main_img {margin-top:35px !important;}

.serv_img {background:#2C3136; padding-right:25px; position:relative;}
.serv_img img{
position: relative;
object-fit:contain;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;

    margin-top: 110px;
    text-align: center;
	}
.serv_img p {
	font-family: 'Commissioner';
font-style: normal;
font-weight: 800;
font-size: 24px;
line-height: 140%;
padding:40px 60px;
/* or 34px */

text-transform: uppercase;

color: #FFFFFF;
}
.serv_title, .serv_title_s{
	font-family: 'Commissioner';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 150%;
padding-bottom:5px;
/* identical to box height, or 30px */


/* black */

color: #2C3136;}

.serv_list {padding-left:40px !important;}
.serv_list ul {padding-left:0px;}
.serv_list li {
padding:5px 0;
list-style:none;
font-family: 'Commissioner';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;

}
.sl_price {font-weight:600;}


.nav-tabs {border:none !important;}
.nav-tabs .nav-link {
font-family: 'Commissioner' !important;
font-style: normal !important;
font-weight: 700 !important;
font-size: 13px !important;
line-height: 20px !important;
/* identical to box height, or 154% */

letter-spacing: 0.01em !important;
text-transform: uppercase !important;

color: #4A4A49 !important;
    background-color: #F0F3F6 !important;
	border:none !important;
	border-radius:0px !important;
	padding:10px 14px 12px;
	margin-right:20px;
	margin-bottom:20px !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #fff !important;
    background-color: #38D42E !important;
	border:none !important;
	border-radius:0px !important;
}

.sert_tab_content {margin-top:20px !important;}

.sert_tab_content .tab-content {overflow:hidden;}


.serv_title_s {float:right;}
.serv_title{float:left !important;}

.serv_list ul{clear:both;}
.serv_list li {
  display: flex;
  justify-content: space-between;
}

.serv_list li div:nth-child(2) {
flex: 1 0;
    border-bottom: 1px dashed #D8D8D8;
    height: 18px;
    margin: 0 0.4em;
    /* padding: 0px 20px; */
    /* width: 80%; */
    margin: 0 20px;
}
}
.serv_list li div:nth-child(3) {
font-family: 'Commissioner';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */


/* black */

color: #2C3136;
}
.serv_list .ms_btn, .serv_download {display:inline-block;}
.serv_list .afbf_btn{display:inline-block; background:#38D42E !important; color:#fff; width:auto;}
.serv_download a{
	text-decoration:none;
	color:#38D42E;
	font-family: 'Commissioner';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
position:relative; 
padding-left:30px;
margin-left:40px;}

.serv_download a:before {content:""; display:inline-block; position:absolute; height:20px; width:20px; background:url("/upload/down-arrow  icon.png") no-repeat center; background-size:contain; left:0; top:0;}

.problem .row {margin:100px 0px 0px !important; background:#F1F5FA;}
 .problem_tblock {padding:60px 83px !important;}
.problem_title {
font-family: 'Commissioner';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 150%;}
.problem_text {
	margin-top:9px;
	margin-bottom:30px;
font-family: 'Commissioner';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #2C3136;
}
.problem_text .phones {text-decoration:none;}
.problem_btn button{
	    display: inline-block;
    background: #38D42E !important;
    color: #fff;
    width: auto;
}

.problem img {height:100%;max-height:400px;}

.map {margin-top:100px;}
.map .map_main_block p {margin:9px 0 50px;}

.problem_2 .row, .problem_2 .problem_text  {background:#2C3136; color:#fff !important;}
.problem_2 .problem_text {background:none;}
.p2img {padding-right:0px !important;}
.problem_2 img {object-fit:cover;}

.second_brands {margin-top:100px;}


.problem_3_btn {display:inline-block;margin-right:40px;}

.problem_3_btn button{
	    display: inline-block;
    background: #38D42E !important;
    color: #fff;
    width: auto;
}

.problem_3 img {max-height:87% !important; margin-top:10%;}
.problem_3 .problem_text {margin-bottom:30px; margin-top:30px;}

 .top_phone{
	position:relative; 
	padding-left:32px;
	margin-right:0px;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: #2C3136;
	padding-top:0px;
	display:inline-block;}
.top_phone:before {content:''; position:absolute; left:0; background:url(/upload/ic_call.png)no-repeat center; background-size:contain; height:30px; width:30px; display:inline-block;}

.problem_3 .phones {
	position:relative; 
	padding-left:40px;
	margin-right:20px;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: #2C3136;
	padding-top:0px;
	display:inline-block;}
.problem_3 .phones:before {content:''; position:absolute; left:0; background:url(/upload/ic_call.png)no-repeat center; background-size:contain; height:30px; width:30px; display:inline-block;}
.problem_3_btn {padding-top:5px;}
.contacts a {text-decoration:none;}
.contacts {margin-top:80px; margin-bottom:60px;}
.contacts p {margin-bottom:0px !important;}
.contacts h3 {
	font-family: 'Commissioner';
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 24px !important;
	line-height: 150% !important;
	color: #2C3136 !important;
	margin-top:30px !important;
}
.contacts_phone, .contacts_address, .contacts_mail{
	position:relative; 
	padding-left:40px;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	color: #2C3136;
	padding-top:16px;
	display:inline-block;} 
.contacts_phone:before {content:''; position:absolute; left:0; background:url(/upload/ic_call_g.png)no-repeat center; background-size:contain; height:30px; width:30px; display:inline-block;}
.contacts_address:before {content:''; position:absolute; left:0; background:url(/upload/ic_place_g.png)no-repeat center; background-size:contain; height:30px; width:30px; display:inline-block;}
.contacts_mail:before {content:''; position:absolute; left:0; background:url(/upload/ic_mail_g.png)no-repeat center; background-size:contain; height:30px; width:30px; display:inline-block;}
.footer {background:#2C3136; padding-top:80px; padding-bottom:80px;}
.footer a {margin-left:20px;}
.footer-icons img {max-width:40px; max-height:40px;}
.footer_top_content {align-items:center;}
.footer_bottom_content {font-size: 14px;font-weight: 400; margin-top:40px !important;}
.footer_bottom_content span {margin-right:52px; color:rgba(255, 255, 255, 0.6)}
.footer_bottom_content a{color:rgba(255, 255, 255, 0.6); text-decoration:none;margin-left:0;}
.footer_bottom_content a:hover{color:#38D42E; text-decoration:none;}
.footer_whomade {color:rgba(255, 255, 255, 0.6); }
.footer_whomade a{color:#fff; text-decoration:none;margin-left:3px;}
.footer_whomade a:hover{color:#38D42E; text-decoration:none;}

.ymaps-image-with-content {
    width: 40px !important;
    height: 49px !important;
    background-size: 40px 49px !important;
    background-image: url(/upload/map_pointer.png) !important;
	
}

.phone {position:absolute; background:url(/upload/ic_call.png)no-repeat center; background-size:contain; height:30px; width:30px; display:inline-block;}


.dropup .dropdown-toggle::after {display:none !important;}


.dropup .dropdown-toggle {background:url(/upload/map_pointer.png) no-repeat center; background-size:contain; width:50px; height:50px; border:none;}


.dropdown-menu.show {left:-45px !important; border-radius:0; width: 340px !important; padding:20px; max-width:340px !important;}
.dropdown-menu.show p{
font-family: 'Commissioner';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 30px;
margin:0;
color: #2C3136;
}
.dropdown-menu.show span {font-weight:600;}


.dropdown-menu.show {
    border: 1px solid green;


   }
   .dropdown-menu.show::before, .dropdown-menu.show::after {
    content: ''; 
    position: absolute;
    left: 60px; bottom: -20px;
    border: 10px solid transparent;
    border-top: 10px solid green;
   }
   .dropdown-menu.show::after {
    border-top: 10px solid white;
    bottom: -19px; 
   }
   
.map_container {position:relative;}

.map_container .dropup {position:absolute;}

.map_container .dropup.mp_1 {}

.map_container .dropup.mp_9 {top:75%; left:84%;}
.map_container .dropup.mp_10 {top:63%; left:69%;}
.map_container .dropup.mp_11 {top:40%; left:12%;}

.footer_map {max-width:100%; overflow:hidden;}










.owl-dots {margin-top:-30px; z-index:15; position:relative;}
.owl-dots,.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-nav {
    margin-top: 10px
}

.owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-nav.disabled+.owl-dots {
    margin-top: -69px;
    z-index: 101;
    position: absolute;
    width: 100%;
}

.owl-dots .owl-dot {
    display: inline-block;
    zoom:1}

.owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
   background: rgba(240, 243, 246, 0.2);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0px
}


.owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #38D42E
}

.owl-carousel .owl-item img {
    /* display: block; */
     width: auto !important; 

	 object-fit:cover;
}
.www_main_img_slider .owl-item img {
    /* display: block; */
     width: 100% !important;  

	 object-fit:cover;
}
.modal {display:flex; align-items:center !important;}
.modal-body {max-height:70vh !important; overflow:auto !important;} 


.mmenuopener {position:relative;vertical-align: middle;}
.mmenuopener img {height:40px;}
.mmenuopener g {fill:#fff; stroke:#fff !important; }
.scrolled_bg .mmenuopener g{fill:#000 !important; stroke:#000 !important; position:absolute;}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1201;
    top: 0;
    left: 0;
    background-color: rgb(255,255,255);
    background-color: rgba(255,2555,255, 1);
    overflow-x: hidden;
    overflow-y: hidden;
    transition: 0.5s;
    min-height:100vh;
}

.overlay-content {
    position: relative;
    width: 100%;
    text-align: left !important;
    margin-top: 20px;
		padding-left:20px;
	padding-right:15px;

}

.overlay a {
    padding: 10px 8px 10px 0px;
    text-decoration: none;


    display: block;
    transition: 0.3s;
	font-family: 'Commissioner';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 15px;
/* identical to box height */

text-transform: uppercase;

color: #2C3136;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 28px;
	color:#38D42E;
}
/* хром, сафари */
.overlay::-webkit-scrollbar { width: 0; }

/* ie 10+ */
.overlay { -ms-overflow-style: none; }

/* фф (свойство больше не работает, других способов тоже нет)*/
.overlay { overflow: -moz-scrollbars-none; }
@media screen and (max-height: 450px) {
  .overlay a {font-family: 'Commissioner';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 15px;
/* identical to box height */

text-transform: uppercase;

color: #2C3136;}
  .overlay .closebtn {
    font-size: 28px;
    top: 15px;
    right: 35px;
	
  }
}

.overlaysr {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1301;
    top: 0;
    left: 0;
    background-color: rgb(255,255,255);
    background-color: rgba(255,2555,255, 1);
    overflow-x: hidden;
    overflow-y: hidden;
    transition: 0.5s;
    min-height:100vh;
}
#myNav, #myNavSR {max-width:100% !important;}

.mmlogo {padding-left:20px !important; padding-top:25px !important;	width:140px;}

.mob_menu_contacts a {
	padding-left:40px !important;
	font-family: 'Commissioner';
font-style: normal;
font-weight: 400;
font-size: 16px !important;
line-height: 20px !important;
/* identical to box height */


/* black */

color: #2C3136;

	}
	.mob_menu_contacts,	.mob_menu_soc_icos{margin-top:10px; text-transform:none !important;}
	.mob_menu_contacts .top_phone {text-transform:none !important;}
.mob_menu_contacts	.top_phone:before {margin-top:-4px !important;}
	.mob_menu_soc_icos {margin-bottom:15px;}
.mob_menu_soc_icos a{display:inline-block !important; margin-right:0px;}
.overlay-content p {
font-family: 'Commissioner';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
/* identical to box height */


/* black */

color: #2C3136;
}
.overlay-content .btn_green {
background: #38D42E;
color:#fff; 
text-align:center;
justify-content: center;
align-items: center;
padding: 13px 25px 17px;
text-transform:none !important;
font-size:16px !important;

}
.mgb_ico {display:inline-block; height:20px; width:20px; background:url('/upload/whatsapp icon mob.png') no-repeat center; background-size:contain;    position: relative;
    margin-left: 10px;
    margin-bottom: -5px;}
	
	
.contacts_p {color:#fff; width:400px; font-size:16px; margin:30px auto 60px; text-align:center;}

.contacts_btn {display:block; width:400px; margin:15px auto 25px; color:#333; background:silver; border-radius:30px; font-weight:600; text-align:center; font-size:20px; padding:20px; text-decoration:none;    border: 2px solid gray;
    box-shadow: 5px 5px 15px #fff;}
.contacts_btn:last-of-type {margin-bottom:100px;}
.second_brands_slider {max-width:100%; overflow:hidden;}

.modal-content {border-radius:0 !important;}
.modal-title {font-family: 'Commissioner';
font-style: normal;
font-weight: 800;
font-size: 24px;
line-height: 150%;
/* identical to box height, or 36px */

text-transform: uppercase;

/* black */

color: #2C3136;}

.modal-header {border-bottom:none !important; padding:40px !important;}
.modal-body {padding-bottom:40px !important;}
.modal-header button {
position: absolute;
    right: -40px;
    top: 0;
    background: #686868;
    border: none;
    color: #fff;
    width: 40px;
    height: 40px;
}	
.serv_img row {align-items:center;}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block !important;
    position: absolute;
    top: -92px;
    right: 10px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {    width: 40px !important;
    height: 40px;padding-bottom:6px !important;}
.owl-nav [class*=owl-] {    color: #FFF !important;
    font-size: 25px !important;}
.second_brands_slider .owl-nav {display:none !important;}
	.problem_3_img {display:flex; align-items:center;}
	.problem_3_img img{height:auto !important;}
.alx_feed_back .afbf_feedback_poles .afbf_item_pole .afbf_name {top:20px !important; left:34px !important;}

.afbf_item_pole {margin:0px 0px 30px !important;}
.modal_form .afbf_submit_block {margin-top:60px}
.modal_form .main-user-consent-request {
    bottom: 70px !important;
	}
.modal_form .afbf_submit_block {margin-top:50px !important;}	

.modal_form{

    background: url("/upload/image 43.png") center no-repeat;
    background-size: cover;
    position: relative;
    color: #fff;
}
.modal_form:before {
    content: '';
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.modal_close {height:30px; width:30px; background:none !important;}
	
.btn_green_popup {width:100% !important;}
.btn_green:hover {color:#fff !important; background:#31B428 !important;}
.btn_green:click {border:2px solid #67EA60 !important;} 	

.modal_form .alx-feedb-error {position:relative; z-index:101;}
.www_main_img_slider img {width:100% !important;}

/*small*/
@media (max-width: 767.95px) {
		.alx_fedb_wait {left:40%;}
	.mob_icons {text-align:right;}
	.btn_green {    width: 100%;
		display: block;
		text-align: center;}
	.stide_text p {
	font-family: 'Commissioner';
	font-style: normal;
	font-weight: 800;
	font-size: 28px;
	line-height: 125%;
	/* or 35px */

	text-transform: uppercase;
	}
	.ms_photo {height:auto;}
	.working_width .ww_text div:before {left:15px;}
	.ww_titletext, .ww_subtext {padding-left:45px !important;}
	.www_tiles .btn_green {width:auto;}
	.serv_list li div:nth-child(1) {max-width:70%}
	.sl_price {white-space:nowrap;}
	.working_width .ww_text div:before {left:3px;}
	.wwly .ww_titletext, .wwly .ww_subtext {padding-left:30px !important;}
	.serv_img p {font-family: 'Commissioner';
		font-style: normal;
		font-weight: 800;
		font-size: 14px;
		line-height: 140%;
		margin-bottom:0;}
	.serv_img img {margin-top:0px;}
	.serv_img {margin-bottom:30px;}
	.serv_list {padding-left:15px !important;}
	.ms_btn {width:100%; margin-bottom:15px;}
	.ms_btn .afbf_btn{width:100%;}
	.serv_download {text-align: center;
    margin: auto;
    width: 100%;}
	.serv_download a {margin-left:0;}
	.problem_tblock {padding:30px !important;}
	.problem_btn .afbf_btn {width:100%;}
	.problem_title {font-family: 'Commissioner';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 150%;}
	.propblem_text {font-family: 'Commissioner';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;}
	.problem_img {text-align:center; height:280px; position:relative;}
	.problem img {position:relative; top:0px;}
	.contacts_btn {max-width:90% !important;}
	.map_title h2 {font-family: 'Commissioner';
	font-style: normal;
	font-weight: 800;
	font-size: 24px;
	line-height: 150%;
	text-transform: uppercase;}
	.dropup .dropdown-toggle {    width: 25px;
    height: 25px;
	    top: -25px;
    position: relative;}
	.dropdown-menu.show::before, .dropdown-menu.show::after {display:none;}
	.problem_2 .problem_btn .btn_green {
		width:70%;
    display: inline-block;
    border: 2px solid #38D42E !important;
	}
	.problem_2 .problem_tblock {z-index:10;}
	.p2row {position:relative; padding-bottom:50px;}
	.p2img {position:absolute; bottom:0px; right:0px; height:203px;}
	.p2img img {max-height:100%; position:absolute; right:0;z-index:1;}
	.working_width h2, .services h2,.www h2, .masters h2, .sec_block h2, h2 {font-weight: 800 !important;
	font-size: 24px !important;
	line-height: 150% !important;} 
	.ww_main .ww_text div:before {left:15px;}
	.owl-nav.disabled+.owl-dots {margin-top:-30px;}
	.problem_3 img {height:auto; width:90%; margin:auto;}
	.problem_3_btn, .problem_3_btn .afbf_btn {width:100%;}
	.problem_3_btn{margin-right:0px;}
	.problem_3 .problem_3_btn:last-of-type{margin-top:15px;}
	.contacts h3 {font-weight: 700 !important;
	font-size: 18px !important;
	line-height: 30px !important;}
	.footer-icons {text-align:right !important;}
	.footer-icons a {margin-left:5px;}
	.footer-icons img {height:35px; width:35px;}
	.mmenuopener {cursor:pointer;}
	.slide_text p{
		font-weight: 800!important;
font-size: 28px!important;
line-height: 125%!important;
	}
	.sec_block p {font-weight: 400!important;
	font-size: 18px!important;
	line-height: 150%!important;
	}
	.main-user-consent-request {
    bottom: 70px !important;
	}
	.modal-header button {
		padding-top:0px !important; 
		right:0px !important;
	}

}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 991.95px) { 
.imb_border {margin-bottom:24px; padding:10px;}
.mob_icons a{margin-left:20px;}
.top_contacts {}
.slide_text p {
	
font-family: 'Commissioner';
font-style: normal;
font-weight: 800;
font-size: 40px;
line-height: 125%;
/* or 50px */

text-transform: uppercase;
}
.under_text {
font-family: 'Commissioner';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 140%;
}
.afbf_submit_block {margin-top:30px !important;}
.main-user-consent-request {bottom:65px;}
.afbf_item_pole .afbf_select, .afbf_item_pole .afbf_textarea, .afbf_item_pole .afbf_inputtext {padding:15px 30px !important;}
.alx_feed_back .afbf_feedback_poles .afbf_item_pole .afbf_name {top:15px !important;}
.afbf_btn{padding:15px 30px !important;}
.ww_main .ww_text p {
    padding-left: 35px;
    padding-right: 15px;
}
.ww_titletext {
font-weight: 600;
font-size: 20px;
line-height: 150%;
}
.ww_main .ww_text div:before {width:30px;;}
.services .servise_tile {height:360px; background-size:cover !important; margin-bottom:30px;} 



}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
.afbf_submit_block {margin-top: var(--bs-gutter-y) !important;}
.main-user-consent-request {bottom:-45px;}
.imb_border {padding:20px 30px;}
.text-right {text-align:right; font-weight:600; padding-bottom:10px;}
.top_contacts {text-align:left;}
.slide_text p {font-size:56px; line-height:75px; font-weight:800;}
.under_text {
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
}
.top_contacts {align-items:center;}
.top_soc_icos {top:0;}

}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  }

/*XXL*/
@media (min-width: 1400px) { }
.www_main_img_slider img {width:100% !important;}


.ymaps-layers-pane {
	filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
}

.afbf_item_pole, .afbf_submit_block {padding-left:15px !important; padding-right:15px !important;}

.afbf_item_pole.item_pole__captcha .afbf_inputtext {padding-top:20px !important; padding-bottom:20px !important; padding-left: 30px !important}
.afbf_pole_captcha .image {
    vertical-align: middle;
    margin-top: 10px;
}
.afbf_pole_captcha {
    margin-bottom: 0px !important;
}
/* End */
/* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1756467600666 */
/* /local/templates/retren/styles.css?17564675863198 */
/* /local/templates/retren/template_styles.css?175646758629918 */