/*   
Theme Name: Компания
Theme URI: sitepenza.ru
Description: Тема для разработки сайтов.
Author: Wolf
Author URI: sitepenza.ru
Version: 1.0
.
Развёрнутое описание темы/Лицензия-если-нужно.
.
*/



@media (max-width:767px){
	html, body{font-size: 17px!important;}
	.block{padding-top: 30px;padding-bottom: 30px;}
	.navbar-nav{margin: 0px!important;}
	.navbar-header{text-align: center;}
	.navbar-header .navbar-toggle{border: none;margin-right: 0px;float: none;}
	.navbar-header .navbar-toggle:hover{background-color: #267F00;}
	.navbar-header .navbar-toggle:hover .icon-bar{background-color: white;}
	.navbar-header .navbar-toggle .icon-bar{background-color: white;}
	.navbar-collapse{padding: 0px;}
	
	.header, .footer{text-align: center;}
	.header .logo img, .footer img{display: inline-block;}
	.header .contact .pull-right{float: none!important;}
	.header .contact .button{margin-bottom: 10px;}
	.header .phones .phone a{text-align: center!important;}
	
	#slide{padding-top: 15px;padding-bottom: 15px;}
	#slide h1{font-size: 26px!important;}
	#slide h2{font-size: 16px!important;}
	#slide h2 a{display: block;}
	
		#za {padding: 0px!important;-webkit-overflow-scrolling: touch;}
	#za .modal-dialog{height: 100%;margin: 0;}
	#za .modal-content {height: 100%;width: 100%;border-radius: 0;}
	#za .modal-body .t{font-size: 35px;line-height: 40px;padding-bottom: 15px;}
	#za .modal-body .st{font-size: 16px;padding-bottom: 15px;}
	#za .info{width: 100%;}
	
	#map ul li {width: 50%;float: left;}
	
	#slide .wpcf7-text{margin-bottom: 10px;}
	
	.alignright{float: none!important;padding: 0px!important;display: block;margin: 5px auto 5px auto!important;}
	.table td, .table th{text-transform: none!important;}
#domcat{grid-template-columns: repeat(2, 1fr);}
	
.grid{gap: 20px;}
	.col-m-2{grid-template-columns: repeat(2, 1fr);}
}
.grid{
	display:grid !important;
}
@media (min-width: 768px) {
	html, body{font-size: 18px!important;}
	.block{padding-top: 50px;padding-bottom: 50px;}
	.navbar-nav>li {float: none;}
	.modal .modal-body{padding: 24px 60px 20px;}
	.modal .modal-header{padding: 30px 30px 45px 36px;}
	
	#slide{height: 480px;padding-top: 50px;padding-bottom: 50px;}
	#slide h1{font-size: 40px!important;}
	#slide .info{width: 80%;}
	
	#price{font-size: 20px;}
	#price2{font-size: 20px;}
	#prem li{font-size: 23px;}
		#domcat{grid-template-columns: repeat(3, 1fr);}
	
		#za .modal-dialog{margin: 0px;right: 0px;position: absolute;}
	#za .modal-body{padding: 40px;}
	#za .modal-body .t{font-size: 45px;line-height: 54px;padding-bottom: 30px;}
	#za .modal-body .st{font-size: 22px;line-height: 34px;padding-bottom: 30px;}
	#za .modal-body .poly{padding-top: 3vh;}
	
	.grid{gap: 30px;}
	.col-pl-2{grid-template-columns: repeat(2, 1fr);}
	.col-pl-3{grid-template-columns: repeat(3, 1fr);}
	
	#map ul li {width: 25%;float: left;}
	
		
	
	
	.footer .menu li{width: 50%;float: left;padding-bottom: 5px;}
	
}

@media (min-width: 992px) {
		#domcat{grid-template-columns: repeat(4, 1fr);}
			.col-pc-2{grid-template-columns: repeat(2, 1fr);}
	.col-pc-3{grid-template-columns: repeat(3, 1fr);}
	.col-pc-4{grid-template-columns: repeat(4, 1fr);}
	.col-pc-5{grid-template-columns: repeat(5, 1fr);}
	.col-pc-6{grid-template-columns: repeat(6, 1fr);}

	
}
@media (min-width: 1200px) {
		#domcat{grid-template-columns: repeat(5, 1fr);}

} 



html, body{
	font-family: 'Alegreya Sans', sans-serif!important;
	margin: 0px;
	padding: 0px; 
}
h1{margin-bottom: 0px!important;margin-top: 0px!important; padding-top: 10px!important;}
h2{margin-bottom: 0px!important;margin-top: 0px!important; padding-bottom: 20px!important;padding-top: 20px!important;font-weight: 400!important;}
.alignright{float: right;padding-left: 10px;padding-bottom: 10px;}
.thumb{padding: 5px!important;}
.gallary{display: inline-block;width: 100%;padding-bottom: 10px;}
.gallary .title{text-align: center;}
.gallary .title:first-letter{text-transform: uppercase;}

/* Кнопка вверх */
.btn-back-top {opacity: 0;background: #267F00;border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;right: 15px;bottom: 15px;transition: .5s;z-index: 1030;}
.btn-back-top:hover{opacity: 1!important;}
.btn-back-top:before {border-radius: 4px;border-color: #fff;border-style: solid;border-width: 5px 0 0 5px;content: "";width: 17px;height: 17px;position: absolute;top: 17px;left: 15px;transform: rotate(45deg);}

/* Кнопка вотсап */
.whatsapp-button{position: fixed;right: 70px;bottom: 70px;background: #25D366;border-radius: 50%;width: 65px;height: 65px;z-index: 9999;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 11px rgb(37 211 102);}
.whatsapp-button:before,
.whatsapp-button:after {content: " ";display: block;position: absolute;border: 50%;border: 1px solid #25D366;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden; }
.whatsapp-button:after{animation-delay: .5s;}
@keyframes animate{0%{transform: scale(0.5);opacity: 0;}50%{opacity: 1;}100%{transform: scale(1.2);opacity: 0;}}
@media (max-width: 921px) {.whatsapp-button {bottom: 10px!important;left: 10px;}}

.img-fluid{max-width: 100%;height: auto;}

/* Топ акция */
.ntf{background-color: #f32c11;color: white;padding: 10px;}
.ntf .but{color: white;font-weight: bold;}
.ntf .ntf-close{color: white;text-decoration: none;font-size: 35px;line-height: 20px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.ntf .container{display: flex;gap: 15px;justify-content: space-between;align-items: center;}

.box {overflow:hidden;}
.box img {
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.box img:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	
}

.btn-primary {background-color: #000000!important;border-color: #000000!important;}
.affix {top: 0;width: 100%;z-index:9999;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	}

.ft {min-height: calc(100vh - 259px);}

.h-100{height: 100%;display: flex;align-items: center;}



.button{text-align: center;display: inline-block;background-color: #0c5084;border: none;border-radius: 2px;padding: 20px 50px;color: white;font-weight: 500;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;}
.button:hover{text-decoration: none;color: white!important;background-color: black;}


.header{padding-top: 15px;padding-bottom: 15px;}

.header .info{color: #353535;padding-top: 15px;}
.header .info .fa{color: #267F00;font-size: 18px;padding-right: 5px;}
.header .contact{padding-top: 10px;}

.header .city{font-size: 18px;padding-top: 10px;font-weight: bold;}
.header .city a{color: black;font-weight: normal;}

.header .phones{font-size: 20px;font-weight: 500;line-height: 22px;margin-right: 17px;}
.header .phones .phone{display: inline-block;}
.header .phones .phone a{display: block;color: #222222;text-align: right;}
.header .phones .fa{color: #267F00;padding-right: 5px;}
.header .button{
	display: inline-block;
    vertical-align: middle;
	color: #267F00  !important;
    border: 2px solid #267F00 ;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 15px;
    padding: 5px 12px 5px;
	margin-top: 5px;
}
.header .button:hover{
	color: #ffffff !important;
	border-color: #267F00 ;
	background: #267F00 ;
	text-decoration: none;
	transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
	}

.navbar-collapse{padding: 0px!important;}
.navbar-default{
	margin-bottom: 0px!important;
	min-height: auto!important;
    border: 0px solid !important;
	background-color: #267F00;
	border-radius: 0px;
	z-index: 20;
}
.navbar-default a{
	color: white!important;
	white-space: nowrap;
	line-height: 20px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
}
.grid{
	display:grid;
}

.navbar-default .active a{background-color: rgba(0, 0, 0, 0.25)!important;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: rgba(0, 0, 0, 0.25)!important;border: none!important;}
.dropdown-menu{background-color: white!important;padding: 0px!important;border: none;border-radius: 0;}
.dropdown-menu a{    
	color: #444444!important;
    font-size: 13px;
    padding: 9px 25px 11px 13px !important;
    border-top: 1px solid rgba(0,0,0,0.1);
    line-height: 1.428571429;
	text-transform: none;
	}
.dropdown-menu a:hover{color: #267F00!important; background-color: transparent!important;}
.dropdown-menu .active a{color: #267F00!important; background-color: transparent!important;}



#slide{text-align: center;}
#slide .info{margin-bottom: 10px;display: inline-block;background-color: #267F00ed;border-radius: 10px;padding: 10px 40px;; color: white;}
#slide h1,#slide h2{color: white;}
#slide h2{padding-bottom: 10px!important;}
#slide h2 a{color: white;}
#slide .st{font-size: 25px;margin-bottom: 15px;}
#slide .wpcf7-text{padding: 20px;}
#slide .wpcf7-submit{display: block;width: 100%;background-color: white;color: black;font-weight: bold;text-transform: uppercase;padding: 10px;}
#slide .acc a{color: white;text-decoration: underline;}

#prem, #work{background-color: #0c5084;color:white;}

#price2{background-color: aliceblue;}

#tags .flex{display: flex;flex-wrap: wrap;gap: 8px;}
#tags a{background: #F6F6F6;border: 1px solid #F6F6F6;border-radius: 8px;padding: 10px 15px;text-decoration: none;color: #484848;text-align: center;}
#tags a:hover{background: #3370ad;color: white;}



.block h1, .block h2{text-align: center;text-transform: uppercase;}

.table .t1{background-color: #267F00;border-color:#267F00;color: white;text-transform: uppercase;}
.table .t2{background-color: #267F00;border-color:#267F00;color: white;text-transform: uppercase;}
.table .t3{background-color: #8038b0;border-color:#8038b0;color: white;text-transform: uppercase;}
.table .t4{background-color: #c73f40;border-color:#c73f40;color: white;text-transform: uppercase;}

#price2 .tab1 a{background-color: #267F00;border-color:#267F00;color: white;text-transform: uppercase;}
#price2 .tab2 a{background-color: #267F00;border-color:#267F00;color: white;text-transform: uppercase;}
#price2 .tab3 a{background-color: #8038b0;border-color:#8038b0;color: white;text-transform: uppercase;}
#price2 .tab4 a{background-color: #c73f40;border-color:#c73f40;color: white;text-transform: uppercase;}
#price2 .tab5 a{background-color: #267F00;border-color:#267F00;color: white;text-transform: uppercase;}
#price2 .tab6 a{background-color: #8038b0;border-color:#8038b0;color: white;text-transform: uppercase;}
#price2 .active a{background-color: black;border-color:black;}

#price .info .t1{background-color: #267F00;color: white;text-transform: uppercase;margin-bottom: 10px;padding: 10px;}
#price .info .t2{background-color: #267F00;color: white;text-transform: uppercase;margin-bottom: 10px;padding: 10px;}
#price .info .t3{background-color: #8038b0;color: white;text-transform: uppercase;margin-bottom: 10px;padding: 10px;}
#price .info .t4{background-color: #c73f40;color: white;text-transform: uppercase;margin-bottom: 10px;padding: 10px;}
#price table{text-align: center;}

#price2 table th{background-color: #267F00;border-color:#267F00;color: white;}


#tabs .nav{gap: 10px;display: flex;flex-wrap: wrap;}
#tabs .nav a{background: #e7e7e7;border-radius: 10px;padding: 10px 20px;color: #000000;}
#tabs .nav .active a{background: #267F00;color: white;}
#tabs .tab-content{margin-top: 30px;font-size: 18px;}

#accordion .card{padding: 20px 0px 10px 0px;border-bottom: 1px solid #ffffff20;}
#accordion .card > a{color: var(--title-color);padding-bottom: 10px;font-size: 18px;display: flex;justify-content: space-between;align-items: center;text-decoration: none;}
#accordion .card > a:after {content:"\2014";float: right;color: inherit;font-size: 30px;line-height: 30px;color: var(--title-color);}
#accordion .card .collapsed:after {content:"+";}

#faq .card{border: 1px solid #DEE2E6;border-radius: 14px;padding: 30px 30px 20px 30px;margin-bottom: 10px;}
#faq .collapse p, #faq .collapsing p{color: #6C6F71;font-size: 15px;}


#domcat{display: grid;gap: 10px;text-align: center;}
#domcat .price-domik{font-weight: bold;font-size: 20px;}
#domcat .button{padding: 5px;display: block;margin-top: 10px;}


#prem ul, #prem ol{padding-left: 0px;color: black;}
#prem li{counter-increment: stage;
    padding: 35px 35px 25px 75px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 4px;
    background: #FFF;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(99, 99, 99, 0.1);
    box-shadow: 0px 10px 20px 0px rgba(99, 99, 99, 0.1);
	list-style: none;
}
#prem li:before {
    content: counter(stage);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #267F00;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: #FFF;
    text-align: center;
    position: absolute;
    top: 29px;
    left: 20px;
}


#chto .color{color: #267F00;font-weight: bold;font-size: 18px;}

#kak .t{background-color: #267F00;border-color:#267F00;color: white;text-transform: uppercase;display: inline-block;padding: 5px 10px;margin-bottom: 10px;margin-top: 10px;}

#shema .t{background-color: #267F00;color: white;padding: 10px;text-align: center;}



	
.footer{
	background-color: #0c5084;
	color: white;
	padding-top: 22px;
	padding-bottom: 40px;

}
.footer a{color: white;}

.footer .widget-title{
	font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.03em;
	text-transform: uppercase;
}	
.footer ul{padding-left: 0px;}	
.footer li{list-style: none;}
.footer a{color: white;}
.footer a:hover{text-decoration: none;font-weight: bold;}
.footer img{padding-top: 30px;}
	
.footer .textwidget .fa{padding-right: 5px;}

.footer .logo{padding-top: 30px;}
.footer .copy{color: white;padding-top: 10px;}
	
.footer .soc a{
	margin: 4px;
    border-radius: 100%;
	height: 40px;
    width: 40px;
	transition: all .3s ease 0s;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
	background: url(images/social.png) 0 0/184px 88px no-repeat;
	float: left;
	  font-size: 0;
}
.footer .fb a{background-position: -48px 0;}
.footer .od a{background-position: -144px 0;}



	

.modal {text-align: center;}
@media screen and (min-width: 768px) { .modal:before {display: inline-block;vertical-align: middle;content: " ";height: 100%;}}
.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}

.modal .modal-content{border-radius: 0px;}
.modal .modal-header .text, #form .text{padding-left: 74px;color: #fff;}
.modal .modal-header .mt, #form .mt{
	font-size: 24px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 5px;
    color: #fff;
}
.modal .modal-header .fa, #form .fa{
	width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
	color: #267F00 ;
    float: left;
    font-size: 36px;
    border-radius: 2px;
    background: #fff;
}

.modal .fa-close{
	width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    opacity: 0.5;
    position: absolute;
    top: 32px;
    right: 32px;
    font-size: 25px;
    cursor: pointer;
}

.modal .modal-header, #form .modal-header{
	background: #267F00 !important;
}


.modal .modal-body label, #form .modal-body label{color: #444444;font-weight: 300;}
.modal .modal-body label span, #form .modal-body label span{color: red;}
.modal .modal-body .form-control, #form .modal-body .form-control{border-radius: 0px;box-shadow: none;border: 1px solid #d7dee3;}
.modal .modal-body .acc, #form .modal-body .acc{padding-top: 10px;padding-bottom: 10px;}
.modal .modal-body .acc a, #form .modal-body .acc a{color: #267F00 ;}

.modal .mfooter, #form .mfooter{padding: 14px 0px 52px;display: block;}
.modal .mfooter .required, #form .mfooter .required{
	padding: 7px 0;
    color: #98a1a8;
    font-size: 12px;
}
.modal .mfooter .star, #form .mfooter .star{
	background: none repeat scroll 0 0 #7b8e9a;
    border-radius: 20px;
    color: #ffffff;
    display: inline-block;
    font-size: 22px;
    height: 20px;
    line-height: 30px;
    margin-right: 5px;
    padding-right: 0px;
    text-align: center;
    vertical-align: top;
    width: 20px;
}
.modal .mfooter .btn, #form .mfooter .btn{
	background-color: #267F00 ;
    color: #ffffff !important;
	text-transform: uppercase;
	font-size: 13px;
	padding: 10px 18px 9px;
	border: none;
	border-radius: 2px;
}
.modal .mfooter .ajax-loader, #form .mfooter .ajax-loader{position: absolute;}

#form .modal-body{background-color: white;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
#form .modal-header{border-top-left-radius: 10px;border-top-right-radius: 10px;}



/* Форма заявки сбоку */
#za .modal-content{border-radius: 0px;border: none;}
#za .modal-body{height: 100vh;}
#za .modal-body .close{right: 0px;}
#za .modal-body .t{font-weight: bold;}
#za .modal-body .st{color: #545560;}
#za .modal-body .wpcf7-text{border: none;border-bottom: 1px solid #54556020;margin-bottom: 30px;padding: 10px 0px;}
#za .modal-body .poly{color: #A8A8A8;font-size: 12px;line-height: 14px;}



/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}

/* End carousel */



/* Калькулятор */
/* Лейбел */
.ezfc-form .ezfc-label{font-weight: bold;padding-bottom: 5px;}
.ezfc-form .ezfc-text {font-size: 1.6em;font-weight: 700;padding: .3em;}
.ezfc-form .ezfc-slider-element .ui-slider-handle{background: #267F00!important;border: none;}
/* Цена */
.ezfc-form .ezfc-price {font-weight: bold;}
.ezfc-form .ezfc-price-value {color: #267F00;font-size: 60px;vertical-align: middle;}
.ezfc-form .ezfc-price-currency {font-size: 40px;vertical-align: middle;}
/* Импут */
.ezfc-element-input, .ezfc-element-numbers, .ezfc-element-select, .ezfc-element-select, .ezfc-element-textarea{width: 100%;border-radius: 10px;border: 1px solid #267F00;padding: 10px!important;appearance: none;-moz-appearance: none;-webkit-appearance: none;outline: none;margin: 0!important;}
.ezfc-element-select{cursor: pointer;background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;}
/* Если есть иконка */
.ezfc-form .ezfc-element.ezfc-has-icon {padding-left: 50px!important;}
/* Кнопка */
.ezfc-form .button{padding: 15px 30px!important;}
/* Сообщение ниже формы */
.ezfc-required-notification {font-size: .8em;margin-top: 1em;}

/* Радио с картинками */
@media (max-width: 921px) {
	.fimg .ezfc-element-radio-container{display: flex!important;align-items: center;margin-bottom: 5px;}
	.fimg .ezfc-element-radio{max-width: 100px;}
	.fimg .ezfc-element-option-has-image img{padding-right: 10px;}
	.ezfc-element-option-has-image .ezfc-element-checkbox-text, .ezfc-element-option-has-image .ezfc-element-radio-text{text-align: left!important;}
}
@media (min-width: 992px) {
	.fimg .ezfc-element-option-container {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -0.5%;margin-right: -0.5%;}
	.fimg .ezfc-element-radio-container{margin-right: 0.5%;margin-left: 0.5%;flex: 0 0 32.333333%;max-width: 32.333333%;}
}
.fimg .ezfc-element-radio-container{background-color: white;border-radius: 10px;padding: 10px!important;}
.ezfc-element-option-has-image .ezfc-element-checkbox-text, .ezfc-element-option-has-image .ezfc-element-radio-text{display: block!important;}
.fimg .ezfc-element-option-has-image img{opacity: 1!important;}
.fimg .ezfc-element-option-has-image img.ezfc-selected~.ezfc-addon-option {border-color: #267F00;}
.fimg .ezfc-element-option-has-image .ezfc-addon-option{border: 2px solid #a5a5a5;border-radius: 10px;top: 0px;left: 0px;width: 100%;height: 100%;position: absolute;}


/* Радио и чек */
.ezfc-element-checkbox-input, .ezfc-element-radio-input{display: none;}
.ezfc-element-radio-container, .ezfc-element-checkbox-container{padding: 4px 0px;display: flex;}
.ezfc-element-radio-text label, .ezfc-element-checkbox-text label{cursor: pointer;}
.fcheck .ezfc-addon-label{cursor: pointer;width: 20px;height: 20px;background-color: transparent;border: #797979 1px solid;display: inline-block!important;margin: 0 5px 0 0;position: relative;vertical-align: middle;border-radius: 100%;line-height: 1em;}
/* Радио */
.fcheck .ezfc-addon-label:after {content: '';width: 12px;height: 12px;background-color: transparent;display: inline-block;border-radius: 100%;position: absolute;top: 3px;left: 3px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-outtransition: all .2s ease-in-out;}
.fcheck .ezfc-element-radio-input:checked+.ezfc-addon-label:after {background-color: #267F00;}
/* Чекбокс */
.fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label {color: #267F00;}
.fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label:before {content: "\f00c";font-family: FontAwesome;font-size: .9em;position: relative;left: .1em;}
/* Сообщение после отправки */
.ezfc-success-text{background-color: green;text-align: center;padding: 20px 0px;color: white;font-weight: bold;font-size: 20px;}



/* Да, Нет */
.fdanet .ezfc-text-right{flex: 0 0 80%;text-align: left;}
.fdanet .ezfc-element-option-selectable-text{background-color: white;}
.fdanet .ezfc-element-option-selectable-text.ezfc-selected{background-color: #267F00!important;}

/* Кнопки плюс минус у числа 
.fdanet .ui-spinner{overflow: visible;}
.fdanet .ui-spinner-down{
	border-radius: 50%;
    position: absolute;
    left: -40px;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background: #267F00;
    border: none;
}


.fdanet .ui-spinner-down:hover{background: none!important;opacity: 1!important;box-shadow: none;}

.fdanet .ui-spinner-down span{background: none;text-indent: 0;}
.fdanet .ui-spinner-down span:before {content: "\f068";color: white;font: normal normal normal 14px/1 FontAwesome;}
*/

.fslide .ezfc-text-right{flex: 0 0 40%;text-align: left;}

.fplus tbody{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.fplus .ezfc-element-table_order-row {display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: space-between;background-color: white;padding: 5px;margin: 0.2%;}
.fplus .ezfc-element-table_order-table .ezfc-element-table_order-image-column, .fplus .ezfc-element-table_order-table .ezfc-element-table_order-name{width: 100%;text-align: center;line-height: 20px;display: flex;justify-content: center;}
.fplus .ezfc-element-table_order-table .ezfc-element-table_order-name{padding: 10px 0px;}
@media (max-width: 921px) {
	.fplus .ezfc-element-table_order-row{flex: 0 0 49.5%;max-width: 49.5%;}
}
@media (min-width: 992px) {
	.fplus .ezfc-element-table_order-row{flex: 0 0 16.266666666%;max-width: 16.266666666%;}
}

.grid{
	display:grid;
}


h2{
padding:10px;
background-color:var(--color1);
    margin-bottom:40px!important;
    font-weight:500!important;
    color:white;
}

#banner h2{border:none; color:white;padding-top:0!important;margin-top:0!important;padding-bottom:0!important;margin-bottom:30px!important;}

#calc-landing{background-color:var(--color3);}

p{text-align:justify;}

#garantiya_1_god p{margin:30px 0;}

#usloviya_raboti h2{ color:white;}

@media(max-width:767px){
.grid{gap: 10px;}
.col-m-2{grid-template-columns: repeat(2, 1fr);}
}
.grid{
display:grid;
}

@media(min-width:768px){
.grid{gap: 30px;}
.col-pl-2{grid-template-columns: repeat(2, 1fr);}
.col-pl-3{grid-template-columns: repeat(3, 1fr);}
}
@media(min-width:992px){
.col-pc-2{grid-template-columns: repeat(2, 1fr);}
.col-pc-3{grid-template-columns: repeat(3, 1fr);}
.col-pc-4{grid-template-columns: repeat(4, 1fr);}
.col-pc-5{grid-template-columns: repeat(5, 1fr);}
.col-pc-6{grid-template-columns: repeat(6, 1fr);}
}

.right-text>h1{
padding:0 !important;
}
.flex-text-sale{
display:flex;
}
.flex-text-sale li{
list-style:none;}


.nav::before,.container:before,.nav::after{
content: "none";
display: none !important;
}

#tabs .nav-tabs>li{
float: none;
}
#tabs-uslug{
text-align: center;
gap: 0;
}

#tabs-uslug>li>a{
border: none;
padding: 20px;
color: rgb(15, 15, 15) !important;
}
#tabs-uslug>li{
font-size: 20px !important;
border-right: 1px solid rgb(219, 219, 219);
}
#tabs-uslug>li:last-child {
border-top-right-radius: 6px;
}
#tabs-uslug>li{
background-color: rgb(230, 230, 230);
}
#tabs-uslug .nav-item{
border-bottom: 2px solid transparent;
}
#tabs-uslug>li:hover{
border-bottom:2px solid rgb(41,128,185);
}
#tabs-uslug .active {
    border-bottom: 2px solid var(--color1);
}
#tt1 .active {
    border-bottom: none;
}
#tabs-desc .tab-pane h3{
font-weight: 600 !important;
color: rgb(5, 113, 185);
}


#desc-info{
background: url(/images/fon2.webp) no-repeat center center;
background-size: cover;
color: white;
}
#desc-info h2{
color: white;
font-size: 24px !important;
font-weight: 600 !important;
border-top: 1px solid white ;
border-bottom: 1px solid white ;
padding: 15px !important;
margin-bottom: 20px !important;
}

#desc-info ul li span{
text-transform: uppercase;
font-weight: 700;
font-size: 18px !important;
line-height: 1.5;
}

#uslugi{
text-align: center;
}
#uslugi a{
text-decoration: none;
}
#uslugi img{
border-radius: 20px;
}
.uslugi-text{
background-color: rgb(232,243,255);
border-radius: 20px;
margin-bottom: 10px;
}
#uslugi>div{transition: var(--trans);}
#uslugi>div:hover{
border-radius: 20px;
    box-shadow: 0px 20px 30px 12px rgb(42 56 92 / 16%);
transition: var(--trans);
}
#uslugi>div .grid>div:hover{
border-radius: 0px;
    box-shadow: none;
transition: var(--trans);
}
.uslugi-text h3{
margin-top: 0;
display: inline-block;
color: #444444;
font-weight: 700;
padding-top: 10px;
border-bottom: 1px solid black;
}
.uslugi-text>div{
gap: 0 !important;
}
.uslugi-text p{
color: #444444;
font-size: 18px;
}
.uslugi-text del{
color: rgb(169,176,187);
font-size: 18px;
font-weight: 600;
}
.uslugi-text>div>div>p{
font-weight: 600;
}
.us-sell-color{
color: red !important;
}

#live h2{
    color: rgb(14,79,121);
    font-size: 24px !important;
    font-weight: 600 !important;
    border-top: 1px solid rgb(67, 157, 218);
    border-bottom: 1px solid rgb(67, 157, 218);
    padding: 15px !important;
    margin-bottom: 30px !important;
    text-align: center;
}

#prem2 .item{
background-color: #F2F3F5;
    border-radius: 6px;
    padding: 30px;
    line-height: 24px;
    position: relative;
    overflow: hidden;
    height: 200px;
}
#prem2 .item .title {
    font-size: 18px;
    max-width: 60%;
}
#prem2 .item img {
    position: absolute;
    right: 5px;
    top: 30px;
}
#prem2 .item span {
    display: block;
    color: #949398;
    font-size: 14px;
    padding-top: 5px;
}
Кольца которые мы используем
#info-kolec .color-h2{
color: rgb(14,79,121) !important;
    font-size: 24px !important;
    font-weight: 600 !important;
padding: 20px !important;
}
#info-kolec>div>p{
margin-bottom: 20px !important;
}

.info-kolec-center{
justify-content: center;
align-items: center;
}
.info-kolec-center>div{
background-color: rgb(41,128,185);
width: 570px;
}

.info-kolec-center>div>div{
flex-wrap: nowrap;
gap: 10px;
border-bottom: 1px solid white;
}
.info-kolec-center>div>div>img{
padding-left: 10px;
}
.info-kolec-center>div>div>div{
width: 100%;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
}
.info-kolec-center>div>div>div:last-child{
padding-right: 25px;
}
.info-kolec-center>div>div>div>p{
margin: 0;
color: white;
}
.desc-info-kolec{
    text-align: left;
    padding: 10px;
}

.bottom-info-kolec{
text-align: center;
margin-top: 20px;
}
.bottom-info-kolec>span{
color:var(--color1);
}
.flex{
display:flex;}
.desc-inf-k{
color:white !important;
}
.desc-inf-k>div>p{
margin:0 !important;
}

.info-kolec-center>div>p{
display:none;
}

.hero-text>div>h1{
padding: 0 !important;
color: rgb(0,77,137);
margin-bottom: 6px;
text-align:left !important;
text-transform:none !important;
}

.hero-text>div>p{
line-height: 1.4;
}

.hero-text>div>strong{
    display: block;
    color: #ee2f2d;
    margin-bottom: 20px;
line-height: 1.2;
}

.hero-flex-text, .hero-flex-width li{
display: flex;
align-items: center;
}
.hero-flex-width{
width: 65%;
}


.hero-flex-text ul{
list-style: none;
padding: 0;
}
.hero-right-img{
text-align: center;
}
.hero-right-img img{
border-radius: 20px;
}

.hero-flex-width li img{
margin-right: 20px;
}
.hero-flex-width li p {
margin: 0 !important;
}
.hero-flex-width li {
margin-bottom: 10px;
}

.hero-sale{
padding-left: 15px !important;
}

.hero-sale-item{
color: #9ca3b4;
}
.hero-cell{
position: relative;
font-size: 20px;

}
.hero-cell span{
font-size: 30px;
    padding-right: 5px;
    font-weight: 600;
    display: inline-block;
    padding-left: 5px;
}

.hero-sale-item .hero-cell::before{
content: '';
    position: absolute;
    left: -2px;
    bottom: 4px;
    width: calc(100% + 5px);
    height: 5px;
    background-color: #9ca3b4;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.hero-discount{
color: #22ce4f;
}
.hero-discount div p{
font-size: 20px;
}

.hero-discount>div>p>span{
font-size: 30px;
    padding-right: 5px;
    font-weight: 600;
    display: inline-block;
    padding-left: 5px;
}

.form-test{
width:100%;
}
.form-chistka{
padding-left: 55px!important;
}
.btn-chistka{
width: 100%;
height: 45px;
border-radius: 0px;
color: white!important;
background-color:rgb(0,77,137);
border: none;
text-transform:uppercase;
letter-spacing:1px;
transition: all 0.5s ease-in-out 0s;
}
.btn-chistka:hover{background-color: #063153; transition: all 0.5s ease-in-out 0s;}

.form-chistka-gap {
gap: 15px !important;
background-color:transparent!important;
backdrop-filter: none!important;
margin:0!important;
border:3px solid var(--color1);
border-top:none;
padding:20px;
padding-top:40px;
}
input{outline:none!important;border:2px solid var(--color1)!important;}
textarea{outline:none!important;border:2px solid var(--color1)!important;}
.btn-chistka{border:2px solid var(--color1)!important;}

.ajax-loader{
display: none !important;
}


.form-name{
background: url(/images/name.svg) no-repeat ;
background-position: 15px;
background-size:calc(25px) ;
background-color:rgb(236,241,247);
}
.form-phone{
background: url(/images/phone.svg) no-repeat ;
background-position: 15px;
background-size:calc(25px) ;
background-color:rgb(236,241,247);
}
.form-comment{
background: url(/images/comment.svg) no-repeat ;
background-position: 15px;
background-size:calc(25px) ;
background-color:rgb(236,241,247);
}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-mask, .wpcf7 .wpcf7-textarea {
    border: none;
    padding: 10px 0px;
width: 100%;}
@media(min-width:480px){
.hero-flex-width {
    border-right: 1px solid rgb(37,144,185);
}
}
@media (min-width: 992px){
.hero-text >div >h1 {
    font-size: 50px !important;
    font-weight: 700 !important;
}
.hero-text>div>strong {
    font-size: 33px;
    font-weight: 700;
}
}

@media (max-width: 480px){
.hero-flex-text {
    flex-direction: column;
}
.hero-sale {
    text-align: center;
    display: flex;
    gap: 30px;
}
.hero-discount>p{
font-size:14px !important;
margin:0 !important;
}

.hero-discount>div>p{
font-size:16px;
}
.hero-discount>div>p>span{
font-size:27px;
}

.hero-cell>p{
font-size:16px;
}
.hero-sale-item>p{
font-size:14px;
margin:0;
}
}

#inf-season{
margin-top: 35px;
background: url(/images/inf-season.jpg) no-repeat center center;
background-size: cover;
}
#inf-season h2, #inf-depth h2{
color:rgb(14,79,121);
font-size: 24px !important;
font-weight: 600 !important;
border-top: 1px solid rgb(67, 157, 218) ;
border-bottom: 1px solid rgb(67, 157, 218) ;
padding: 15px !important;
margin-bottom: 30px !important;

}
#inf-season .flex, #inf-map .flex, #inf-depth .flex{
flex-wrap: nowrap;
justify-content:space-between;
}
#inf-season p, #inf-map p, #inf-depth p,
#inf-search p{
margin-bottom:15px;
}

#inf-map{
background: url(/images/inf-map-white1.jpg) no-repeat center center;
background-size: cover;
color: rgb(0,77,137);
}
#inf-map h2{
color: rgb(0,77,137);
font-size: 24px !important;
font-weight: 600 !important;
border-top: 1px solid rgb(0,77,137);
border-bottom: 1px solid rgb(0,77,137);
padding: 15px !important;
margin-bottom: 30px !important;

}
#inf-search h2{background-color:transparent; border-top:2px solid white;border-bottom:2px solid white}

#inf-search{
background: url(/images/fon9.webp) no-repeat center center;
background-size: cover;
color: white;
}

#kopka-prem{
background: url(/images/fon6.webp) no-repeat center center;
background-size: cover;
color: white;
}

#kopka-prem h2{background-color:transparent;border-top:2px solid white;border-bottom:2px solid white}
#kopka-prem .item{
border-bottom: 1px solid rgb(182,216,254);
    place-self: flex-start;
width: 100%;
}
#kopka-prem a{
color: white !important;
}
#kopka-prem  #accordion .collapsed:after {
    content: "+";
}
#block-desc #accordion .item,#inf-chistka #accordion .item{
background-color: rgb(236,241,247);
width: 100%;
place-self: flex-start;
}
#block-desc h2{
border: none !important;
}
 #accordion .item a{
cursor: pointer;
display: flex;
justify-content: space-between;
padding: 15px;
text-decoration: none;
align-items: center;
position: relative;
}
@media(min-width:921px){
#accordion .item a{
font-size: 20px;
}
}
}
#block-desc #accordion .item .collapsed,#inf-chistka #accordion .item .collapsed{
background: url(/images/comment-acordion.svg) no-repeat;
background-position: right 10px center;
}
#accordion .collapsed:after {
    content: "";

}
#accordion a::after{
content: "-";
    font-size: 40px;
    line-height: 19px;
    letter-spacing: 0.04em;
    color: white;
}

#accordion .text{
padding: 0 15px;
}

#servise h2{
    color: white;
border-color:white;
}
#servise{
background:url(/images/service.jpg) no-repeat ;
background-size:cover;
}
#servise{color: white;}
#servise .nav{text-align:center;}
#servise .nav-item{
margin:5px;
}
#servise .nav-item a{
background-color:var(--color1);
color:white;
border-radius:0px;
}
#servise .nav-item a:hover{background-color:var(--color2);  color: white!important;}
#servise .tab-content{padding-left: 70px;margin-top: 20px;position: relative;}
#servise .tab-content h3{padding-bottom: 20px;}
#servise .tab-content svg{position: absolute;left: 0px;}

#form-con{
background-color:whitesmoke;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
#form-con p{text-align:center!important;}

.button2{
padding:10px;
border: 1px solid var(--color1);
border-radius:0px;
display:inline-block;
margin-top:15px;
background-color: var(--color1);
color: white;
width:195px;
text-align:center;
}
.button2:hover{background-color: var(--color2); color: white!important;}


.dt-sc-counter.type6 .dt-sc-couter-icon-holder {
    width: 140px;
    height: 80px;
    display: inline-block;
    position: relative;
    margin: -6px 0px 15px;}

.dt-sc-counter.type6 .dt-sc-couter-icon-holder:before {
box-shadow: 5px 1px 0px 0px var(--color1);;
border-color: var(--color1);
background: var(--color3);
transition: all 0.3s linear;
border: 1px solid var(--color1);;
content: "";
position: absolute;
left: 0px;
right: 0px;
top: -45px;
margin: auto;
width: 100px;
height: 100px;
border-radius: 5px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 1;
}
.dt-sc-counter.type6 .dt-sc-counter-number {
font-size: 34px;
font-weight: bold;
position: relative;
top: -20px;
z-index: 1;
text-align: center;
}
#dost{
text-align: center;
gap: 0 !important;
}
#dost>div{
border: 1px solid var(--color1);
}
.dt-sc-counter.type6 {
    text-align: center;
    border: 1px solid;
    margin: 75px -1px 0px 0px;
padding: 0px 0px 40px;
}
#dost h4{
color: #222222;

}

.dt-sc-counter.type6 h4 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0px;
    position: relative;
    padding: 0px 10px;
}
@media(min-width:991px){
.dost-icon-before h4:before {
content: "";
position: absolute;
right: -6px;
top: 6px;
margin: auto;
width: 12px;
height: 12px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 1;
background-color: #FF6A01;
}
}
@media(max-width:991px){
.icon-before h4:before {
content: "";
position: absolute;
right: -6px;
top: 6px;
margin: auto;
width: 12px;
height: 12px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 1;
background-color: rgb(41,128,185);
}
}

#info-desc h2{
color: #0e4f79;
    font-size: 24px!important;
    font-weight: 600!important;
    border-top: 1px solid #439dda;
    border-bottom: 1px solid #439dda;
    padding: 15px!important;
    margin-bottom: 30px!important;
    text-align: center;
}

#info-desc strong{
    font-weight: 700;
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 5px;
}


#faq .faq-card{
padding:0 !important;
}
.faq-img-center{
justify-content:center;
align-items:center;
}
.img-faq-fluid{
width:50%;
height:auto;
}

#faq h2 span{
color: white;
}

#special h2{text-align: center !important;text-transform:uppercase;}
#special>h2{
font-weight: 700 !important;
}
#special>h2>span{
color:rgb(41,128,185) ;
}

.special-box {
    display: inline-block;
    position: relative;
    border: 2px solid #337AB7;
    transition: all .3s ease;
    margin: 10px;
}
.special-box:before, 
.special-box:after {
    content: "";
    z-index: 1;
    display: block;
    position: absolute;
    background: #FFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
}
.special-box:before {
    width: calc(100% + 7px);
    height: 80%;
    transition: height 0.6s;
}
.special-box:after {
    height: calc(100% + 7px);
    width: 90%;
    transition: width 0.6s;
}
.special-box:hover:before, 
.special-box:focus:before {
    height: 50%;
}
.special-box:hover:after, 
.special-box:focus:after {
    width: 75%;
}
.special-text-box{
    padding: 25px;
    z-index: 2;
    position: relative;
   font-size: 19px;
   line-height: 1.2;
}
.special_center{
display:grid;
align-items:center;
}

.wpcf7-not-valid{
border-bottom: 1px solid red !important;
}
.wpcf7-not-valid-tip{
display:none;
}
#main-sale .wpcf7 form .wpcf7-response-output {
padding:0;
margin:0;
border:none;
color:red;
}
@media (min-width: 992px){
#description_info img {
    mix-blend-mode: darken;
    position: relative;
    margin-top: -120px;
}
#description_info>div{
padding: 60px 80px 0 80px;
}
}
#description_info h2{
color: #0e4f79 !important;
    font-size: 24px!important;
    font-weight: 600!important;
    border-top: 1px solid #439dda !important;
    border-bottom: 1px solid #439dda !important;
    padding: 15px!important;
    margin-bottom: 30px!important;
    text-align: center !important;
text-transform:none !important;
}
#description_info>div{
background-color: #F7FAFC;
    border-radius: 10px;
}
#prichin-doveria h2 span{
color:white;
}
#prichin-doveria .grid{align-items:end;}
.tab-inf-septik{
    border: 1px solid #dee2e6;
    border-radius: 14px;
    padding: 30px 30px 20px 30px;
    margin-bottom: 10px;
}
#tab-info-septik-title h3,#septik-item h2, #smeta h2, #septik-prem h2, #septik-tabs h2,#inf-septik-map h2, #prem-septik h2{
color: #0e4f79 !important;
    font-size: 24px!important;
    font-weight: 600!important;
    border-top: 1px solid #439dda !important;
    border-bottom: 1px solid #439dda !important;
    padding: 15px!important;
    margin-bottom: 30px!important;
    text-align: center !important;
text-transform:none !important;
}

#septik-item{
background-color: whitesmoke;
}

#septik-item .hidden-991, #septik-item .hidden-991px{
font-size: 20px!important;
}


@media(min-width:991px){
#garant>.flex{
flex-wrap: nowrap;
}
#garant .hidden-991{
display: none;
}
}

.hidden-991{
font-size: 30px;
font-weight: 700;
margin: 0;
padding: 20px;
text-align: center;
display: block;
border-bottom: 2px solid white;
}
.hidden-991px{
font-size: 25px;
font-weight: 700;
display: block;
border-bottom: 2px solid white;
}
@media(max-width:991px){
#garant .hidden-991px{
display: none;
}
.garant-padding>ul{
display: table;
margin: 0 auto;
}
#garant img{
margin-top: 10px !important;
}
}
#garant>.hidden-991,#garant>.flex{
background-color:rgb(41,128,185);
color: white;
}
#garant{
margin-bottom: 20px;
}
#garant img{
margin: 0 auto;
}
.garant-padding{
width: 100%;
padding: 30px;
margin-bottom: auto;
margin-top: auto;
}
.garant-padding ul li span{
font-size: 16px;
font-weight: 600;
line-height: 1.4;
text-transform: uppercase;
}
#smeta>div>div>div>strong{
padding-left: 25px;
font-size: 20px;
}


#smeta .flex{
padding-top: 20px;
}

#smeta .icon{
min-width: 50px;
margin-right: 10px;
}
.center{
align-items:center;
}
#septik-prem .icon {
    min-width: 50px;
    margin-right: 10px;
}

#septik-tabs .grid{
align-items: center;
}

#septik-tabs #tabs-uslug{
gap: 10px;
}

#septik-tabs #tabs-uslug>li>a{
padding: 10px!important;
}
#septik-tabs .tab-content{
        border: 1px solid #dee2e6;
    border-radius: 14px;
    padding: 30px 30px 20px 30px;
    margin-bottom: 10px;
margin-top:15px;
}
.wrap{
flex-wrap:wrap;
}
#inf-septik-map h3{
color:rgb(41,128,185);
}

#form-garant{
background-color: #f5f5f5;
border-radius: 5px;
}
.form-garant-desc{
padding: 15px;
}
.form-garant-desc>a{
display: inline-block;
color: white;
padding: 10px 15px 10px 15px;
background-color:var(--color1);
border-radius: 4px;
}
.form-garant-desc>a:hover{
background-color: var(--color2);
color: white!important;
}

.flex{
display: flex;
}
.garant-img-center{
text-align: center;
width: 100%;
}
.garant-img-center>img{
    margin-top: 15px;
    margin-bottom: -40px;
}
.form-garant-desc>h2{
color: #0e4f79 !important;
    font-size: 24px!important;
    font-weight: 600!important;
    border-top: 1px solid #439dda !important;
    border-bottom: 1px solid #439dda !important;
    padding: 15px!important;
    margin-bottom: 30px!important;
    text-align: left !important;
text-transform:none !important;

}

@media(min-width:991px){

#form-garant>div{
flex: 0 0 25%;
max-width: 25%;
}
.form-garant-desc{
flex: 0 0 75% !important;
max-width: 75% !important;
}
.form-garant-desc>h2{
font-weight: 700 !important;
}
}
@media(max-width:991px){
.form-garant-desc>h2{
font-size: 24px !important;
line-height: 28px;
}
}

#prem-septik{
background:url(/images/prem-fon-septik.jpg) no-repeat center center;
background-size:cover;
}
#prem-septik h3{
color:rgb(41,128,185);
}

#price2 .nav-tabs>li{
float:none;
}
#price2 .tab-pane{margin-top:40px;}

@media(max-width:767px){
#septik-item .flex{
flex-wrap:wrap;
}
#form-garant{
flex-wrap:wrap;
}
}

#repair-desc{
background-color:rgb(12,80,132);
}
#repair-desc ul{
padding:0;
}
#repair-desc h2{
color: white !important;
    font-size: 24px!important;
    font-weight: 600!important;
    border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;
    padding: 15px!important;
    margin-bottom: 30px!important;
    text-align: center !important;
text-transform:none !important;
}
#repair-desc li{
    background-color: #fff;
    color: #000;
    margin: 5px;
    padding: 0 10px;
    border-radius: 10px;
    height: 70px;
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
list-style:none;
}
#faq-kolco strong{
font-size:25px;
}
#sale_stock p{text-align:center!important;}
#sale_stock{
background:url(/images/fon5.webp) no-repeat center center;
background-size:cover;
}

#sale_stock .sales-item {
    position: relative;
    background: #fff;
    padding-bottom:20px;
    color: #737373;
    font-size: 16px;
    line-height: 1.2;
    width:100%;
    margin: auto;
    min-height: 100%;

}
#sale_stock .sales-item__title {
    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;
    min-height: 62px;
    border-bottom: 1px solid #a3cef6;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.2;
padding: 10px;}
#sale_stock .sales-item__value {
    position: relative;
    font-size: 24px;
    line-height: 1;
    white-space: nowrap;
    height: 155px;
padding: 40px 0 0;}
#sale_stock .sales-item__title, .sales-item__value {
    color: #fff;
    background: #469ced;
    font-family: '"Helvetica Neue",Helvetica,Arial,sans-serif';
}
#sale_stock .sales-item__value span {
    font-size: 48px;
    font-weight: 900;
}
#sale_stock .sales-item__value i {
    position: absolute;
    width: 70px;
    height: 70px;
    border: 1px solid #fff;
    border-radius: 50%;
    bottom: -35px;
    left: 50%;
    margin-left: -35px;
    background: #469ced;
    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;
}
#sale_stock .sales-item__value i:before {
    content: "";
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
background: url(/images/sale.webp) 50% no-repeat;}
#sale_stock .sales-item__text {
    padding: 65px 0 0;
}
@media(min-width:768px){
#sale_stock .sales-item-center{
z-index:3;
    transform: scale(1.1);
box-shadow: 0 0 25px rgb(0 0 0 / 10%);
}
#sale_stock .grid {gap:0 !important;}
}
#sale_stock .sales-item{overflow:hidden;}

#info-snab .flex{
flex-wrap:wrap;
gap:10px;
}
#info-snab h2, #shema-snab h2, #nasos-snab h2, #gidro-snab h2{
color: #0e4f79 !important;
    font-size: 24px!important;
    font-weight: 600!important;
    border-top: 1px solid #439dda !important;
    border-bottom: 1px solid #439dda !important;
    padding: 15px!important;
    margin-bottom: 30px!important;
    text-align: center !important;
text-transform:none !important;
}
#info-snab .nav .active a {
    background: var(--color1);
    color: #fff!important;
}
#info-snab .nav a {
    background: #e7e7e7;
    border-radius: 10px;
    color: #000;
}
#info-snab .tab-content {
    margin-top: 20px;
    padding: 40px;
    border: 8px solid #EAF0F9;
}
#nasos-snab h4, #gidro-snab h4{
color: #0e4f79 !important;
    border-top: 1px solid #439dda !important;
    border-bottom: 1px solid #439dda !important;
}
#nasos-snab .grid, #gidro-snab .grid{justify-content:center;}
#gidro-snab .flex{  gap:20px;}
@media(max-width:767px){
#gidro-snab .flex{flex-wrap:wrap;}
}
#smeta-snab{background:url(/images/smeta-fon.png) no-repeat center center; background-size:cover;}
#smeta-snab>div{    padding: 20px 0;
    background: rgba(0,0,0,.5);
    border: 4px solid #0e4f79 ;}
#smeta-snab>div>div{
color:white !important;
padding-top:20px;
padding-bottom:20px;
}
#smeta-snab p{
    font-size: 20px;
    line-height: 30px;
font-weight:600;
}
#smeta-snab .button2{
color:white !important;
background-color:#0e4f79 !important;
}
#smeta-snab .button2:hover{
color:#0e4f79 !important;
background-color: var(--color2)!important; color:white!important;
}

#banner{padding: 50px 0; color: white;}
#banner .col-banner{grid-template-columns:60% 40%;}
#banner .flex-main{display: flex; justify-content: space-between; align-items: center; height:50%;}
#banner .flex{display: flex; flex-direction: column;}
#banner .banner-block .grid{background-color:transparent;backdrop-filter:blur(0px);}
#banner .right *{margin:0!important; margin-bottom:10px!important;text-align:center!important;}

@media (max-width:1199px){
html, body{font-size: 17px!important;}
.block{padding-top: 30px;padding-bottom: 30px;}
.navbar-nav{margin: 0px!important;}
.navbar-header{text-align: center;}
.navbar-header .navbar-toggle{border: none;margin-right: 0px;float: none;}
.navbar-header .navbar-toggle:hover{background-color: var(--color1);}
.navbar-header .navbar-toggle:hover .icon-bar{background-color: white;}
.navbar-header .navbar-toggle .icon-bar{background-color: white;}
.navbar-collapse{padding: 0px;}

.header, .footer{text-align: center;}
.header .logo img, .footer img{display: inline-block;}
.header .contact .pull-right{float: none!important;}
.header .contact .button{margin-bottom: 10px;}
.header .phones .phone a{text-align: center!important;}

#slide{padding-top: 15px;padding-bottom: 15px;}
#slide h1{font-size: 26px!important;}
#slide h2{font-size: 16px!important;}
#slide h2 a{display: block;}

#za {padding: 0px!important;-webkit-overflow-scrolling: touch;}
#za .modal-dialog{height: 100%;margin: 0;}
#za .modal-content {height: 100%;width: 100%;border-radius: 0;}
#za .modal-body .t{font-size: 35px;line-height: 40px;padding-bottom: 15px;}
#za .modal-body .st{font-size: 16px;padding-bottom: 15px;}
#za .info{width: 100%;}

#map ul li {width: 50%;float: left;}

#slide .wpcf7-text{margin-bottom: 10px;}

.alignright{float: none!important;padding: 0px!important;display: block;margin: 5px auto 5px auto!important;}
.table td, .table th{text-transform: none!important;}

.grid{gap: 20px;}
.col-m-2{grid-template-columns: repeat(2, 1fr);}
}
.grid{display:grid !important;}

@media (min-width: 768px) {
html, body{font-size: 18px!important;}
.block{padding-top: 50px;padding-bottom: 50px;}
.modal .modal-body{padding: 24px 60px 20px;}
.modal .modal-header{padding: 30px 30px 45px 36px;}

#slide{height: 480px;padding-top: 50px;padding-bottom: 50px;}
#slide h1{font-size: 40px!important;}
#slide .info{width: 80%;}

#price{font-size: 20px;}
#price2{font-size: 20px;}
#price2 a{border:none;} 
#price2 a:hover{color:white!important;background-color:var(--color2)!important;}
#prem li{font-size: 23px;box-shadow:0px 5px 10px 2px rgba(34, 60, 80, 0.2)!important;;}

#za .modal-dialog{margin: 0px;right: 0px;position: absolute;}
#za .modal-body{padding: 40px;}
#za .modal-body .t{font-size: 45px;line-height: 54px;padding-bottom: 30px;}
#za .modal-body .st{font-size: 22px;line-height: 34px;padding-bottom: 30px;}
#za .modal-body .poly{padding-top: 3vh;}

.grid{gap: 30px;}
.col-pl-2{grid-template-columns: repeat(2, 1fr);}
.col-pl-3{grid-template-columns: repeat(3, 1fr);}

#map ul li {width: 25%;float: left;}




.footer .menu li{width: 50%;float: left;padding-bottom: 5px;}

}

@media (min-width: 992px) {
.col-pc-2{grid-template-columns: repeat(2, 1fr);}
.col-pc-3{grid-template-columns: repeat(3, 1fr);}
.col-pc-4{grid-template-columns: repeat(4, 1fr);}
.col-pc-5{grid-template-columns: repeat(5, 1fr);}
.col-pc-6{grid-template-columns: repeat(6, 1fr);}


}
@media (min-width: 1200px) {
}



html, body{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
margin: 0px;
padding: 0px; 
}
h1{margin-bottom: 30px!important;margin-top: 0px!important;padding-top:0!important;}
.alignright{float: right;padding-left: 10px;padding-bottom: 10px;}
.thumb{padding: 5px!important;}
.gallary{display: inline-block;width: 100%;padding-bottom: 10px;}
.gallary .title{text-align: center;}
.gallary .title:first-letter{text-transform: uppercase;}

/* Кнопка вверх */
.btn-back-top {opacity: 0;background: var(--color1);cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;right: 15px;bottom: 15px;transition: .5s;z-index: 1030;border-radius:0;}
.btn-back-top:hover{opacity: 1!important;}
.btn-back-top:before {border-radius: 4px;border-color: #fff;border-style: solid;border-width: 5px 0 0 5px;content: "";width: 17px;height: 17px;position: absolute;top: 17px;left: 15px;transform: rotate(45deg);border-radius:0!important;}

/* Кнопка вотсап */
.whatsapp-button{position: fixed;right: 70px;bottom: 70px;background: #25D366;border-radius: 50%;width: 65px;height: 65px;z-index: 9999;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 11px rgb(37 211 102);}
.whatsapp-button:before,
.whatsapp-button:after {content: " ";display: block;position: absolute;border: 50%;border: 1px solid #25D366;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden; }
.whatsapp-button:after{animation-delay: .5s;}
@keyframes animate{0%{transform: scale(0.5);opacity: 0;}50%{opacity: 1;}100%{transform: scale(1.2);opacity: 0;}}
@media (max-width: 921px) {.whatsapp-button {bottom: 10px!important;left: 10px;}}

.img-fluid{max-width: 100%;height: auto;}

/* Топ акция */
.ntf{background-color: #f32c11;color: white;padding: 10px;}
.ntf .but{color: white;font-weight: bold;}
.ntf .ntf-close{color: white;text-decoration: none;font-size: 35px;line-height: 20px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.ntf .container{display: flex;gap: 15px;justify-content: space-between;align-items: center;}

.box {overflow:hidden;}
.box img {
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.box img:hover{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);

}

.btn-primary {background-color: #000000!important;border-color: #000000!important;}
.affix {top: 0;width: 100%;z-index:9999;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ft {min-height: calc(100vh - 259px);}

.h-100{height: 100%;display: flex;align-items: center;}



.button{text-align: center;display: inline-block;background-color: #0c5084;border: none;border-radius: 2px;padding: 20px 50px;color: white;font-weight: 500;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;}
.button:hover{text-decoration: none;color: white!important;}


.header{padding-top: 15px;padding-bottom: 15px;}

.header .info{color: #353535;padding-top: 15px;}
.header .info .fa{color: var(--color1);font-size: 18px;padding-right: 5px;}
.header .contact{padding-top: 10px;}

.header .city{font-size: 18px;padding-top: 10px;font-weight: bold;}
.header .city a{color: black;font-weight: normal;}

.header .phones{font-size: 17px;font-weight: 500;line-height: 22px;margin-right: 17px;}
.header .phones .phone{display: inline-block;}
.header .phones .phone a{display: block;color: #222222;text-align: right;}
.header .phones .fa{color: var(--color1);padding-right: 5px;}
.header .button{
display: inline-block;
    vertical-align: middle;
color: var(--color1)  !important;
    border: 2px solid var(--color1) ;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
border-radius: 15px;
    padding: 5px 12px 5px;
margin-top: 5px;
}
.header .button:hover{
color: #ffffff !important;
border-color: var(--color1) ;
background: var(--color1) ;
text-decoration: none;
transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
}

.navbar-collapse{padding: 0px!important;}
.navbar-default{
margin-bottom: 0px!important;
min-height: auto!important;
    border: 0px solid !important;
background-color: var(--color1);
border-radius: 0px;
z-index: 20;
}
.navbar-default a{
color: white!important;
white-space: nowrap;
line-height: 20px;
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
}
.grid{
display:grid;
}

.navbar-default .active a{background-color: rgba(0, 0, 0, 0.25)!important;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: rgba(0, 0, 0, 0.25)!important;border: none!important;}
.dropdown-menu{background-color: white!important;padding: 0px!important;border: none;border-radius: 0;}
.dropdown-menu a{    
color: #444444!important;
    font-size: 13px;
    padding: 9px 25px 11px 13px !important;
    border-top: 1px solid rgba(0,0,0,0.1);
    line-height: 1.428571429;
text-transform: none;
}
.dropdown-menu a:hover{color: var(--color1)!important; background-color: transparent!important;}
.dropdown-menu .active a{color: var(--color1)!important; background-color: transparent!important;}



#slide{text-align: center;}
#slide .info{margin-bottom: 10px;display: inline-block;background-color: var(--color1)ed;border-radius: 10px;padding: 10px 40px;; color: white;}
#slide h1,#slide h2{color: white;}
#slide h2{padding-bottom: 10px!important;}
#slide h2 a{color: white;}
#slide .st{font-size: 25px;margin-bottom: 15px;}
#slide .wpcf7-text{padding: 20px;}
#slide .wpcf7-submit{display: block;width: 100%;background-color: white;color: black;font-weight: bold;text-transform: uppercase;padding: 10px;}
#slide .acc a{color: white;text-decoration: underline;}

#prem, #work{background-color: var(--color1);color:white;}

#price2{background-color: aliceblue;}

#tags .flex{display: flex;flex-wrap: wrap;gap: 8px;}
#tags a{background-color: var(--color1);padding: 10px;text-decoration: none;color: white;text-align: center;border-radius:0!important;}
#tags a:hover{background-color:var(--color2); color: white!important;}



.block h1, .block h2{text-align: center;text-transform: uppercase;}

.table .t1{background-color: var(--color1);border-color:var(--color1);color: white;text-transform: uppercase;}
.table .t2{background-color: var(--color1);border-color:var(--color1);color: white;text-transform: uppercase;}
.table .t3{background-color: #8038b0;border-color:#8038b0;color: white;text-transform: uppercase;}
.table .t4{background-color: #c73f40;border-color:#c73f40;color: white;text-transform: uppercase;}

#price2 .tab1 a{background-color: var(--color1);border-color:var(--color1);color: white;text-transform: uppercase;}
#price2 .tab2 a{background-color: var(--color1);border-color:var(--color1);color: white;text-transform: uppercase;}
#price2 .tab3 a{background-color: var(--color1);;border-color:var(--color1)!important;color: white;text-transform: uppercase;}
#price2 .tab4 a{background-color: #c73f40;border-color:#c73f40;color: white;text-transform: uppercase;}
#price2 .tab5 a{background-color: var(--color1);border-color:var(--color1);color: white;text-transform: uppercase;}
#price2 .tab6 a{background-color: #8038b0;border-color:#8038b0;color: white;text-transform: uppercase;}
#price2 .active a{background-color:var(--color2);;border-color:black;}

#price .info .t1{background-color: var(--color1);color: white;text-transform: uppercase;margin-bottom: 10px;padding: 10px;}
#price .info .t2{background-color: var(--color2);color: white;text-transform: uppercase;margin-bottom: 10px;padding: 10px;}
#price .info .t3{background-color: #8038b0;color: white;text-transform: uppercase;margin-bottom: 10px;padding: 10px;}
#price .info .t4{background-color: #c73f40;color: white;text-transform: uppercase;margin-bottom: 10px;padding: 10px;}
#price table{text-align: center;}

#price2 table th{background-color: var(--color1);border-color:var(--color1);color: white;}

#tabs .nav{gap: 10px;display: flex;flex-wrap: wrap;}
#tabs .nav a{background: white;border-radius:0!important; padding: 10px 20px;color: #000000!important;}
#tabs .nav a:hover{background-color:var(--color1);color:white!important;}
#tabs .nav .active a{color: black!important;background-color:var(--color2);}
#tabs .tab-content{margin-top: 30px;font-size: 18px;}

#accordion .card{padding: 20px 0px 10px 0px;border-bottom: 1px solid #ffffff20;}
#accordion .card > a{font-size: 18px;display: flex;justify-content: space-between;align-items: center;text-decoration: none;gap:10px;border-radius:0!important;}
#accordion .card > a:after {content:"\2014";float: right;color: inherit;font-size: 30px;line-height: 30px;color: #333;}
#accordion .card > a:hover:after{color:var(--color1);}
#accordion .card .collapsed:after {content:"+";}
#accordion .card > a:not(.collapsed){color:var(--color1);}


#domcat{display: grid;gap: 30px;text-align: center;}
#domcat .price-domik{font-weight: bold;font-size: 20px;}
#domcat .button{padding: 5px;display: block;margin-top: 10px;}
#domcat .button:hover{background-color: var(--color2)!important;}
#domcat .product-item{
    border: 2px solid var(--color1);
    border-bottom: 0;
    overflow: hidden;
}
#domcat .product-item img{scale:1.06;margin-bottom:35px;}
#domcat .product-item h3{margin:0;font-size:20px;}
#domcat .product-item .button2{width:100%;}

#prem ul, #prem ol{padding-left: 0px;color: black;}
#prem li{counter-increment: stage;
    padding: 35px 35px 25px 75px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 4px;
    background: #FFF;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(99, 99, 99, 0.1);
    box-shadow: 0px 10px 20px 0px rgba(99, 99, 99, 0.1);
list-style: none;
}
#prem li:before {
    content: counter(stage);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--color1);
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: #FFF;
    text-align: center;
    position: absolute;
    top: 29px;
    left: 20px;
border-radius:0
}


#chto .color{color: var(--color1);font-weight: bold;font-size: 18px;}

#kak .t{background-color: var(--color1);border-color:var(--color1);color: white;text-transform: uppercase;display: inline-block;padding: 5px 10px;margin-bottom: 10px;margin-top: 10px;}

#shema .t{background-color: var(--color1);color: white;padding: 10px;text-align: center;}




.footer{
background-color: #0c5084;
color: white;
padding-top: 40px;
padding-bottom: 40px;

}
.footer a{color: white;}

.footer .widget-title{
font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.03em;
text-transform: uppercase;
}
.footer ul{padding-left: 0px;}
.footer li{list-style: none;}
.footer a{color: white;}
.footer a:hover{text-decoration: none;font-weight: bold;}
.footer img{padding-top: 30px;}

.footer .textwidget .fa{padding-right: 5px;}

.footer .logo{padding-top: 30px;}
.footer .copy{color: white;padding-top: 10px;}

.footer .soc a{
margin: 4px;
    border-radius: 100%;
height: 40px;
    width: 40px;
transition: all .3s ease 0s;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
background: url(/images/social.png) 0 0/184px 88px no-repeat;
float: left;
  font-size: 0;
}
.footer .fb a{background-position: -48px 0;}
.footer .od a{background-position: -144px 0;}





.modal {text-align: center;}
@media screen and (min-width: 768px) { .modal:before {display: inline-block;vertical-align: middle;content: " ";height: 100%;}}
.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}

.modal .modal-content{border-radius: 0px;}
.modal .modal-header .text, #form .text{padding-left: 74px;color: #fff;}
.modal .modal-header .mt, #form .mt{
font-size: 24px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 5px;
    color: #fff;
}
.modal .modal-header .fa, #form .fa{
width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
color: var(--color1) ;
    float: left;
    font-size: 36px;
    border-radius: 2px;
    background: #fff;
}

.modal .fa-close{
width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    opacity: 0.5;
    position: absolute;
    top: 32px;
    right: 32px;
    font-size: 25px;
    cursor: pointer;
}

.modal .modal-header, #form .modal-header{
background: var(--color1) !important;
}


.modal .modal-body label, #form .modal-body label{color: #444444;font-weight: 300;}
.modal .modal-body label span, #form .modal-body label span{color: red;}
.modal .modal-body .form-control, #form .modal-body .form-control{border-radius: 0px;box-shadow: none;border: 1px solid #d7dee3;}
.modal .modal-body .acc, #form .modal-body .acc{padding-top: 10px;padding-bottom: 10px;}
.modal .modal-body .acc a, #form .modal-body .acc a{color: var(--color1) ;}

.modal .mfooter, #form .mfooter{padding: 14px 0px 52px;display: block;}
.modal .mfooter .required, #form .mfooter .required{
padding: 7px 0;
    color: #98a1a8;
    font-size: 12px;
}
.modal .mfooter .star, #form .mfooter .star{
background: none repeat scroll 0 0 #7b8e9a;
    border-radius: 20px;
    color: #ffffff;
    display: inline-block;
    font-size: 22px;
    height: 20px;
    line-height: 30px;
    margin-right: 5px;
    padding-right: 0px;
    text-align: center;
    vertical-align: top;
    width: 20px;
}
.modal .mfooter .btn, #form .mfooter .btn{
background-color: var(--color1) ;
    color: #ffffff !important;
text-transform: uppercase;
font-size: 13px;
padding: 10px 18px 9px;
border: none;
border-radius: 2px;
}
.modal .mfooter .ajax-loader, #form .mfooter .ajax-loader{position: absolute;}

#form .modal-body{background-color: white;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
#form .modal-header{border-top-left-radius: 10px;border-top-right-radius: 10px;}



/* Форма заявки сбоку */
#za .modal-content{border-radius: 0px;border: none;}
#za .modal-body{height: 100vh;}
#za .modal-body .close{right: 0px;}
#za .modal-body .t{font-weight: bold;}
#za .modal-body .st{color: #545560;}
#za .modal-body .wpcf7-text{border: none;border-bottom: 1px solid #54556020;margin-bottom: 30px;padding: 10px 0px;}
#za .modal-body .poly{color: #A8A8A8;font-size: 12px;line-height: 14px;}



/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}

/* End carousel */



/* Калькулятор */
/* Лейбел */
.ezfc-form .ezfc-label{font-weight: bold;padding-bottom: 5px;}
.ezfc-form .ezfc-text {font-size: 1.6em;font-weight: 700;padding: .3em;}
.ezfc-form .ezfc-slider-element .ui-slider-handle{background: var(--color1)!important;border: none;}
/* Цена */
.ezfc-form .ezfc-price {font-weight: bold;}
.ezfc-form .ezfc-price-value {color: var(--color1);font-size: 60px;vertical-align: middle;}
.ezfc-form .ezfc-price-currency {font-size: 40px;vertical-align: middle;}
/* Импут */
.ezfc-element-input, .ezfc-element-numbers, .ezfc-element-select, .ezfc-element-select, .ezfc-element-textarea{width: 100%;border-radius: 10px;border: 1px solid var(--color1);padding: 10px!important;appearance: none;-moz-appearance: none;-webkit-appearance: none;outline: none;margin: 0!important;}
.ezfc-element-select{cursor: pointer;background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;}
/* Если есть иконка */
.ezfc-form .ezfc-element.ezfc-has-icon {padding-left: 50px!important;}
/* Кнопка */
.ezfc-form .button{padding: 15px 30px!important;}
/* Сообщение ниже формы */
.ezfc-required-notification {font-size: .8em;margin-top: 1em;}

/* Радио с картинками */
@media (max-width: 921px) {
.fimg .ezfc-element-radio-container{display: flex!important;align-items: center;margin-bottom: 5px;}
.fimg .ezfc-element-radio{max-width: 100px;}
.fimg .ezfc-element-option-has-image img{padding-right: 10px;}
.ezfc-element-option-has-image .ezfc-element-checkbox-text, .ezfc-element-option-has-image .ezfc-element-radio-text{text-align: left!important;}
}
@media (min-width: 992px) {
.fimg .ezfc-element-option-container {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -0.5%;margin-right: -0.5%;}
.fimg .ezfc-element-radio-container{margin-right: 0.5%;margin-left: 0.5%;flex: 0 0 32.333333%;max-width: 32.333333%;}
}
.fimg .ezfc-element-radio-container{background-color: white;border-radius: 10px;padding: 10px!important;}
.ezfc-element-option-has-image .ezfc-element-checkbox-text, .ezfc-element-option-has-image .ezfc-element-radio-text{display: block!important;}
.fimg .ezfc-element-option-has-image img{opacity: 1!important;}
.fimg .ezfc-element-option-has-image img.ezfc-selected~.ezfc-addon-option {border-color: var(--color1);}
.fimg .ezfc-element-option-has-image .ezfc-addon-option{border: 2px solid #a5a5a5;border-radius: 10px;top: 0px;left: 0px;width: 100%;height: 100%;position: absolute;}


/* Радио и чек */
.ezfc-element-checkbox-input, .ezfc-element-radio-input{display: none;}
.ezfc-element-radio-container, .ezfc-element-checkbox-container{padding: 4px 0px;display: flex;}
.ezfc-element-radio-text label, .ezfc-element-checkbox-text label{cursor: pointer;}
.fcheck .ezfc-addon-label{cursor: pointer;width: 20px;height: 20px;background-color: transparent;border: #797979 1px solid;display: inline-block!important;margin: 0 5px 0 0;position: relative;vertical-align: middle;border-radius: 100%;line-height: 1em;}
/* Радио */
.fcheck .ezfc-addon-label:after {content: '';width: 12px;height: 12px;background-color: transparent;display: inline-block;border-radius: 100%;position: absolute;top: 3px;left: 3px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.fcheck .ezfc-element-radio-input:checked+.ezfc-addon-label:after {background-color: var(--color1);}
/* Чекбокс */
.fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label {color: var(--color1);}
.fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label:before {content: "\f00c";font-family: FontAwesome;font-size: .9em;position: relative;left: .1em;}
/* Сообщение после отправки */
.ezfc-success-text{background-color: green;text-align: center;padding: 20px 0px;color: white;font-weight: bold;font-size: 20px;}



/* Да, Нет */
.fdanet .ezfc-text-right{flex: 0 0 80%;text-align: left;}
.fdanet .ezfc-element-option-selectable-text{background-color: white;}
.fdanet .ezfc-element-option-selectable-text.ezfc-selected{background-color: var(--color1)!important;}

/* Кнопки плюс минус у числа 
.fdanet .ui-spinner{overflow: visible;}
.fdanet .ui-spinner-down{
border-radius: 50%;
    position: absolute;
    left: -40px;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background: var(--color1);
    border: none;
}


.fdanet .ui-spinner-down:hover{background: none!important;opacity: 1!important;box-shadow: none;}

.fdanet .ui-spinner-down span{background: none;text-indent: 0;}
.fdanet .ui-spinner-down span:before {content: "\f068";color: white;font: normal normal normal 14px/1 FontAwesome;}
*/

.fslide .ezfc-text-right{flex: 0 0 40%;text-align: left;}

.fplus tbody{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.fplus .ezfc-element-table_order-row {display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: space-between;background-color: white;padding: 5px;margin: 0.2%;}
.fplus .ezfc-element-table_order-table .ezfc-element-table_order-image-column, .fplus .ezfc-element-table_order-table .ezfc-element-table_order-name{width: 100%;text-align: center;line-height: 20px;display: flex;justify-content: center;}
.fplus .ezfc-element-table_order-table .ezfc-element-table_order-name{padding: 10px 0px;}
@media (max-width: 921px) {
.fplus .ezfc-element-table_order-row{flex: 0 0 49.5%;max-width: 49.5%;}
}
@media (min-width: 992px) {
.fplus .ezfc-element-table_order-row{flex: 0 0 16.266666666%;max-width: 16.266666666%;}
}

.grid{
display:grid;
}

:root{
--color1: #267F00;
--color2: #FF6A01;
--color3: #e7f2fa;
--trans: all 0.5s ease-in-out 0s;
--whatsapp: #55d061;
--telegram: #23a9ea;
--viber: #7460f2;
--youtube: #ce1a19;
--vk: #0078ff;
}

a{transition: all 0.5s ease-in-out 0s!important; text-decoration:none!important;}
a:hover{transition: all 0.5s ease-in-out 0s!important; color:var(--color1)!important;}

#nft a{color:white!important;}
.ntf .but:hover{color:black!important;}

#mainmenu a:hover{background-color:var(--color2)!important; color: white!important;}


#banner .form-chistka-gap{margin:0;}
#banner .wpcf7-spinner{display: none;}

.kolocalc .thumbnails .thumbnail .pr{
color: var(--color1)!important;
}
.kolocalc .wpcf7 .wpcf7-submit{
background-color: var(--color1)!important;
}
.kolocalc .wpcf7 .wpcf7-submit:hover{
background-color: var(--color2)!important;
}

#how_we_make h2{text-align:left;}
.header .phones .phone a{font-size: 20px; display:flex; justify-content:space-between;}
.row{display:flex; justify-content: space-between;}

#tt1 .grid{align-items: center!important;}
#tt2 .grid{align-items: center!important;}

#faq_ask .card{
    border-radius: 0;
    padding: 30px 30px 20px 30px;
    margin-bottom: 10px;
    background-color: white;
    cursor: pointer;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);}

#uslugi h2{color: rgb(14,79,121);
    font-size: 24px !important;
    font-weight: 600 !important;
    border-top: 1px solid rgb(67, 157, 218);
    border-bottom: 1px solid rgb(67, 157, 218);
    padding: 15px !important;
    margin-bottom: 30px !important;
    text-align: center;
}

#tt1 {border-bottom: none!important;}
#tt2 {border-bottom: none!important;}
#tabs-uslug .nav-item{border-radius:0px!important;}
#tabs-uslug .tab-content{border: 3px solid #e6e6e6; border-top: none;}
#tabs-uslug .tab-content{padding: 15px 0;}





#banner .flex-main{display:flex;}
#banner .banner-block{;padding:40px; margin-bottom: 25px; align-items: center; height:100%;}
#banner img{width:45px;}
#banner .flex>.flex{display: flex; flex-direction:row; gap:15px; align-items:center;}
#banner .flex{gap:10px;}
#banner .gray{color: gray;}
#banner .new{font-size:23px;}
#banner .grid> p{margin:20px 0;}

#yslugi_okazivaem{background-color:var(--color3);}
#yslugi_okazivaem .card{text-align:center; color:black; border-radius: 30px; transition: var(--trans);box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);}
#yslugi_okazivaem .card:hover .text{background-color:#c6d0d7;transition:var(--trans);}
#yslugi_okazivaem img{max-width:100%;transition:all .5s ease-in-out;}
#yslugi_okazivaem .card:hover img{filter: brightness(0.75); transition:all .5s ease-in-out;}
#yslugi_okazivaem .card:hover{transition: var(--trans);}
#yslugi_okazivaem .text{background-color: white; padding:20px;transition:var(--trans);}
#yslugi_okazivaem h3{color:black;}
#yslugi_okazivaem p{color:black;text-align:center!important;}
#yslugi_okazivaem h3{font-size:25px;}
#yslugi_okazivaem .grid>div>p{font-weight:600;}
#yslugi_okazivaem del{color:gray;}
#yslugi_okazivaem .color-red{color:red;}

#froma_zayavki{background-color:var(--color3);}
#froma_zayavki .left{background-color:var(--color1);padding:30px;}
#froma_zayavki .right{padding:30px;}
#froma_zayavki .left h2{background-color:var(--color2);}
#froma_zayavki .left *{color:white;}
#froma_zayavki h2{display:inline-block;margin-bottom:30px!important;}
#froma_zayavki .left strong{display:block;font-size:25px; line-height:25px;margin-bottom:20px;}
#froma_zayavki .right > strong{display:block;font-size:25px; line-height:25px;margin-bottom:20px;}
#froma_zayavki a{border-color:white;margin-top:0;border-width:2px;width:100%}
#froma_zayavki .left .grid{margin-top:20px;}
#froma_zayavki span{display:block;font-size:50px;color:var(--color1);font-weight:600;}
#froma_zayavki .flex{align-items:center;gap:30px;}

#contacti iframe{width:100%;}
#contacti .right{padding:30px;background-color:var(--color1);}
#contacti .right *{color:white;}
#contacti h2{background-color:var(--color2);display:inline-block;}
#contacti a{margin-bottom:5px;display:inline-block;padding-bottom:5px;border-bottom:2px solid transparent;margin-left:10px;font-weight:600;white-space:nowrap!important;}
#contacti a:hover{border-color:white;color:white!important;}
#contacti a:last-child{white-space:normal!important;}


#garantiya_1_god .flex{justify-content:space-between;}
#garantiya_1_god a{display:block; margin:auto;}
#garantiya_1_god{background-color:var(--color3); padding:0;}
#garantiya_1_god img{position:absolute;left:0%; top:0; max-height:100%;}
#garantiya_1_god .container{padding:50px 15px;;position:relative;}
#garantiya_1_god .col-pc-2{grid-template-columns: 30% 70%;}

#usloviya_raboti{background: url(/images/fon2.webp) no-repeat center center;background-size: cover;color: white;}
#usloviya_raboti img{width:45px;}
#usloviya_raboti .flex{gap:20px; padding:10px; align-items:start;border:2px solid white;}
#usloviya_raboti p{margin:0;}
#usloviya_raboti h2{background-color:transparent; border-top:2px solid white;border-bottom:2px solid white;}

#tab1 .nav{border:none!important;}
#tab1 .nav-tabs{display:flex; justify-content:space-between;}
#tab1 .nav-item{width:100%; text-align:center;}
#tab1 a{margin:0; border-radius:0; color:black;font-size:20px;font-weight:500;}
#tab1 a:hover{color:white!important;background-color:var(--color2);}
#tab1 .nav-item>a:active{background-color:var(--color3);}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border-color:var(--color1);background-color:var(--color1); color:white!important; cursor:pointer;}
#tab1 .tab-content{padding:20px;}
#tab1 .nav-link{border:1px solid var(--color1);}

#inf-season-map-depth .grid>div>div>div>img{width:32px;}
#inf-season-map-depth h2{text-align:left;background-color:transparent;color:#333;}
#inf-season-map-depth .flex{flex-direction:column;}
#inf-season-map-depth .flex>div {display:flex; align-items:start;gap:15px; padding:10px 0
}
#inf-season-map-depth p{margin:0;}
#inf-season-map-depth img{width:100%;}
#inf-season-map-depth .grid{margin:50px 0;border:2px solid var(--color1);align-items:center;gap:0}
#inf-season-map-depth .grid-block{padding:20px;}

#inf-search img{width:128px;}
#inf-search .flex{flex-direction:column; align-items:center;}
#inf-search h3{font-size:25px; font-weight:500; letter-spacing:1px; margin:25px 0!important;}
#inf-search span{font-weight:600;font-size:20px}


#prem li{border-radius:0;transition:var(--trans);}
#prem li:hover{scale:1.02;transition:var(--trans);}
#prem{background-color:var(--color3);}

#how_we_work2{background: url(/images/fon7.webp) no-repeat center center;
    background-size: cover;
    color: white;}
#how_we_work2 h2{background-color:transparent;border-top:2px solid white;border-bottom:2px solid white}
#how_we_work2 h3{font-size:30px; text-align:center;margin:40px 0;letter-spacing:1px; font-weight:400}
#how_we_work2 span{font-size:20px; padding-left:20px; border-left:5px solid white;padding-top:10px;padding-bottom:10px;display:block;margin:10px 0
}

#price2{background-color:var(--color3);}

#form-con {background-color:white;}

#tabs.nav>li>a:hover{color:black!important;}
#tabs .nav .active a{color:white!important;}
#tabs .nav>li{flex:1 1 0; text-align:center;}
#tags a:hover{color: white!important;}
#tags .grid{gap:20px;}





#servise .nav>li>a[aria-expanded="true"]{background-color:var(--color2);}

#banner .col-pc-2{background-color: #00000060;

    margin-bottom: 25px;
    backdrop-filter: blur(5px);
    align-items: center;}
#banner h2{font-size:17px!important;background-color:transparent;}
#banner .container>.col-pc-2:last-child>div:first-child{padding:40px;}
#banner .form-chistka-gap{grid-template-columns: 50% 50%;}
#banner input{width:95%;}
#banner textarea{width:95%;}

#etapi .card>div{display:flex; flex-direction:column; text-align:center; border:2px solid var(--color1);transition:var(--trans);overflow:hidden;}

#etapi img{border-bottom:2px solid var(--color1); width:100%;transition:var(--trans);}
#etapi h3{margin:10px 0;}
#etapi .flex{display:flex; flex-direction:column;padding:20px;}

#faq{background-color:var(--color3);}
#faq .card{border-radius:0;    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);}
#faq a>img{width:45px;}

#nashi_dostijeniya{background-color:var(--color3);}

#sale_stock .sales-item__title, .sales-item__value {background:var(--color1);font-size:20px;font-weight:600;text-transform:uppercase;}
#sale_stock .sales-item__value i{background:var(--color1);}

#faq-kolco .grid>div{border:2px solid var(--color1); text-align:center; display:flex; flex-direction:column;}
#faq-kolco img{border-bottom:2px solid var(--color1);}
#faq-kolco .flex{display:flex; flex-direction:column; padding:20px;}
#banner .button2{text-align:center;}



#form-con .grid{align-items:center;}
}
#form-con h3{color:var(--color1); font-size:30px;margin-bottom:20px!important;}
#form-con h3{margin-top:0}

#gallary img{height:300px;}
#gallary .owl-nav{display:flex; justify-content:center; gap:20px; margin:40px 0;}
#gallary button{background-color:var(--color1); width:60px; height:42px;transition:var(--trans);}
#gallary button:hover{transition:var(--trans); background-color:var(--color2);}
#gallary

#tab1 .nav-item>a>.active{background-color:var(--color3);}

#shema .flex{flex-direction:column; justify-content: space-between;}
#shema img{max-width:100%;}

.ntf>.container>.flex{align-items:center; gap:20px}
.btn-header{display:flex; justify-content:center;}
.header .col-pc-4{grid-template-columns:30% 15% 20% 25%;align-items:center;justify-content:space-between; justify-items:center;}
.header .button2{margin:0!important; text-align:center;}


#info-kolec-new .info-kolec-center{margin:30px 0;}
#sale_stock .sales-item__text{font-size:18px;}






@media (min-width:320px) and (max-width:767px){
#menu-podval{text-align:left;}



/* Баннер */
h1{font-size:30px;line-height:30px;}
#banner .container> .col-pc-2{grid-template-columns:none;}
#banner .banner-block{padding:15px; margin-bottom:0;}
#banner .flex-main{flex-direction:column; height:auto; gap:30px;align-items:flex-start;margin:30px 0;margin-top:0!important;}
#banner .line{display: flex;width: 100%;height: 1px;margin: 0 auto;border-top: 2px solid #787171;}
#banner .container>.col-pc-2:last-child{gap:0;}
#banner .container>.col-pc-2:last-child>div:first-child{padding:20px;}
.form-chistka-gap{grid-template-columns:none;
    padding: 20px;
    padding-top: 40px;
    border: 3px solid var(--color1);
    border-top: 0;}
#banner .flex>.flex{gap:10px;}
#banner img{width:32px;}
#banner h2{font-size:18px; line-height:23px;}


/* Как производится */
#how_we_make .border{border:none;}
#how_we_make h2{text-align:center;}
#how_we_make .button2{display:flex; margin:25px auto; width:195px;}


/* Какие услуги оказываем */
#yslugi_okazivaem h3{margin:0; margin-bottom:20px;}
#yslugi_okazivaem a>div>p{margin-bottom:25px;}
#yslugi_okazivaem .col-pc-2{grid-template-columns:50% 50%; gap:0; font-size:15px;}


/* Гарантия 1 год на все работы */
#garantiya_1_god .col-pc-2{grid-template-columns:none; text-align:center;}
#garantiya_1_god h2{text-align:center;}
#garantiya_1_god a{width:195px;}
#garantiya_1_god img{display:none;}


/* Калькулятор */
#calckopka {padding:40px 0;}
.kolocalc .info li{padding-right:20px;}
#calckopka .col-pc-2{justify-items:center;}
#calckopka .col-sm-8{width:100%;}
#calckopka .col-sm-4{width:100%;}


/* Табы 1 */
#tab1 .tab-content{background-color:transparent;}


/* Кольца информация */
#info-kolec-new .info-kolec-center>img{margin:30px 0;}


/* Прайс-лист копка */
#price .col-pc-2{margin-bottom:30px;}
#price .info{font-size:16px;}
#price .table{font-size:12.5px;}
#price2 .table{font-size:12.5px;}


/*  Поиск */
#inf-search {padding:20px;}
#inf-search .grid{gap:50px;}


/* Этапы */
#etapi .card h3{margin-top:0;}
#etapi .card>div:hover img{scale:1.05;transition:var(--trans);}



/* ОТЛИЧНЫЙ СЕРВИС ЗА ХОРОШУЮ СТОИМОСТЬ */
#servise .nav{grid-template-columns:none;}

/* 3 блока */
#inf-season-map-depth h2{font-size:20px;padding:0!important;}
}







@media (min-width:768px) and (max-width:991px){
/* Контакты */




/* Баннер */
#banner .container>.col-pc-2:last-child{grid-template-columns:70% 30%;}
#banner .container> .col-pc-2{grid-template-columns:100%;}
#banner .banner-block{margin-bottom:0;}
#banner h1{font-size:45px; line-height:45px;}
#banner .container>.col-pc-2:last-child{grid-template-columns:100%; gap:0;}
#banner .form-chistka-gap{justify-content:space-between;}


/* Как производится */
#how_we_make h2{text-align:center;}
#how_we_make .button2{display:flex; margin:25px auto; width:195px;}
#how_we_make ul{padding-left:20px;}

/* Какие услуги оказываем */
#yslugi_okazivaem h3{margin:0; margin-bottom:20px;}
#yslugi_okazivaem a>div>p{margin-bottom:25px;}
#yslugi_okazivaem .col-pc-2{grid-template-columns:50% 50%; gap:0; font-size:15px;}


/* Гарантия 1 год на все работы */
#garantiya_1_god .col-pc-2{grid-template-columns:none; text-align:center;}
#garantiya_1_god h2{text-align:center;}
#garantiya_1_god p{margin:30px 0;}
#garantiya_1_god a{width:195px;}
#garantiya_1_god img{display:none;}


/* Калькулятор */
.kolocalc .info li{padding-right:20px;}
#calckopka .col-pc-2{justify-items:center;}
#calckopka .col-sm-8{width:100%;}
#calckopka .col-sm-4{width:100%;}


/* Кольца информация */
#info-kolec-new .info-kolec-center>img{margin:30px 0;}


/* 5 причин */
#accordion a{text-align:center;}


/* Наши преимущества */
#kopka-prem .item{margin:30px 0;}


/*  Поиск */
#inf-search {padding:20px;}
#inf-search .grid{gap:50px;}


/* Этапы */
#etapi .card h3{margin-top:0;}
}




#tab1{background-color:var(--color3
)}

@media (min-width:320px) and (max-width:1199px){

#contacts_page .col-pc-2{grid-template-columns:none; border: 2px solid var(--color1); gap:0;}
#contacts_page .col-pc-2>div:first-child{padding: 20px;
    border-bottom: 2px solid var(--color1);}

/* 4 причины */
#prichin-doveria .flex{display:block;}
}

@media (min-width:1200px){
#calckopka .col-pc-2{display:block!important;}
}
@media (min-width:1200px){

#contacts_page .col-pc-2{grid-template-columns:40% 60%; gap:0; border:2px solid var(--color1);} 

#contacts_page .col-pc-2>div:first-child{border-right: 2px solid var(--color1); padding:30px;}

/* ОТЛИЧНЫЙ СЕРВИС ЗА ХОРОШУЮ СТОИМОСТЬ */
#servise .nav{grid-template-columns:repeat(4, 1fr);}

}

/* 4 причины */
#prichin-doveria .flex{display:block;}


.navbar-nav>li{flex-grow:1;}
.navbar-nav>li>a{font-size:13px;padding:15px 5px;display:flex;justify-content:center;align-items:center;text-wrap:wrap;}





/* Контакты */
#contacts_page .text{margin:0;}
#contacts_page a{margin:15px 0 15px 15px; display:block; color: black; font-size:20px; letter-spacing:1px;}
#contacts_page .region{margin:15px 0 15px 15px; display:block; color: black; font-size:20px; letter-spacing:1px;}
#contacts_page iframe{width:100%;height:100%;}
#contacts_page img{width:32px;}
#contacts_page .flex{flex-wrap:wrap; justify-content:space-between; align-content:center;}
#contacts_page .flex>a{margin:20px 0; padding:15px; border:1px solid;}
#contacts_page .whatsapp{border-color: var(--whatsapp)!important;}
#contacts_page .telegram{border-color: var(--telegram)!important;}
#contacts_page .youtube{border-color: var(--youtube)!important;}
#contacts_page .viber{border-color: var(--viber)!important;}
#contacts_page .vk{border-color: var(--vk)!important;}

#contacts_page .vk:hover,.youtube:hover, .whatsapp:hover, .telegram:hover, .viber:hover{box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);}

#tabs{background-color:var(--color3);}

.footer .logo{padding:0}
.footer .flex img{width:32px; padding:0;}
.footer h3{margin-top:0; font-size:18px!important;}
.footer #nav_menu-2 div{text-align:left;}
.footer #nav_menu-2{text-align:left;}
.footer .col-pc-3>div:last-child{text-align:left;}
.footer .col-pc-3>div:last-child>a{display:flex; align-items:center; gap:15px;}
.footer .flex{justify-content:space-between;padding:30px 0; align-items:center;}
.footer .flex a{padding:15px; border:2px solid white;}


.footer .flex .whatsapp:hover{border-color:var(--whatsapp)!important;}
.footer .flex .youtube:hover{border-color:var(--youtube)!important;}
.footer .flex .telegram:hover{border-color:var(--telegram)!important;}
.footer .flex .vk:hover{border-color:var(--vk)!important;}
.footer .flex .viber:hover{border-color:var(--viber)!important;}


.footer a:hover{color:white!important; font-weight:500!important; text-decoration: underline!important;}
.footer .col-pc-3> div{padding-top:5px;}
.footer .col-pc-3> div:first-child{padding-top:0px;}


#banner input{color:black;}
#banner .button2{color:white; display:block;}
#banner textarea{color:black;}

@media (min-width:320px) and (max-width:1023px){.header{display:none!important;}}
@media(min-width:320px) and (max-width:1023px){.logo-mobile{display:block; width:100%;padding:20px;}}
@media(min-width:1024px){
.logo-mobile{display:none;}
#menu-podval{text-align:left;}

}

.kolocalc .wpcf7 .wpcf7-text{border-radius:0!important;}
.kolocalc .thumbnails .thumbnail{border-radius:0!important;}
.select2-selection{border-radius:0!important;}

#faq-kolco ul>li{padding:5px 0; text-align:left}

.review iframe{width:100%;min-height:300px;}
.review p{font-size:25px; text-align:center!important;margin-top:10px}
#garantiya_1_god p{margin:30px 0;text-align:center!important;}


#forma{background-color:#e7f2fa;padding-top:0;}
#forma{display:none;}


#contract h2{text-align: left;}
#contract .flex>img{width: 50px;border-radius: 0;}
#contract .flex>p{margin: 0;}
#contract .grid>div>p{margin: 20px 0;}
#contract .flex{align-items:center;justify-content:flex-start!important;gap:30px;}

.ntf{display:none!important;}




@media (min-width:320px){
h2{font-size:25px!important;}
#tabs .nav{flex-direction:column;}
.col-mb-2{grid-template-columns:repeat(2, 1fr);}
#banner .banner-block .left{border-right:0;border-bottom:2px solid gray;padding-bottom:20px;}
#tab1 .nav{flex-direction:column}
#contract .grid>div:last-child>img{display:none;}
#contract .flex{justify-content:flex-start; flex-wrap:nowrap;}
#froma_zayavki .flex{flex-direction:column;margin-top:30px;}
}
@media (min-width:700px){
.col-pl-2{grid-template-columns:repeat(2, 1fr);}
.col-pl-3{grid-template-columns:repeat(3, 1fr);}
.col-pl-40-60{grid-template-columns:40% auto}
.col-pl-40-60-rev{grid-template-columns:60% auto}
#banner .banner-block .left{border-right:2px solid gray;border-bottom:0}
#banner .col-pl-2{grid-template-columns: 70% auto;}
#tab1 .nav{flex-direction:row}
#froma_zayavki .flex{flex-direction:row;margin-top:0px;}
}


@media (min-width:1024px){
.col-pc-2{grid-template-columns:repeat(2, 1fr);}
.col-pc-3{grid-template-columns:repeat(3, 1fr);}
.col-pc-4{grid-template-columns:repeat(4, 1fr);}
.col-pc-5{grid-template-columns:repeat(5, 1fr);}
.col-pc-6{grid-template-columns:repeat(6, 1fr);}
.col-40-60{grid-template-columns:40% auto}
.col-40-60-rev{grid-template-columns:60% auto}
h2{font-size:25px!important;}
#tabs .nav{flex-direction:row;}
#banner .col-pl-2{grid-template-columns: 70% auto;}
#banner .container>.col-pc-2{grid-template-columns:70% auto;}
#contract .grid>div:last-child>img{display:block;}
#contract .flex{justify-content:center;}
}

#tab1 .nav-item>a>.active{background-color:var(--color3);}

/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}

body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}

.epyt-gallery-thumb {
width: 33.333%;
}

.rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:72px;width:72px;left:50%;top:50%;margin-left:-36px;margin-top:-36px;position:absolute;background:url(https://kopka77rus.ru/wp-content/plugins/rocket-lazy-load/assets/images/youtube.png) no-repeat;cursor:pointer}

.pseudo-clearfy-link { color: #008acf; cursor: pointer;}.pseudo-clearfy-link:hover { text-decoration: none;}

.rll-youtube-player, [data-lazy-src]{display:none !important;}

#top{background-color: #1D1D1F;color: white;font-size: 14px;padding: 10px 0px;}
#top a{color: white;}
#top .container{display: flex;align-items: center;justify-content: space-between;}
#top .nav{gap: 20px;}
#top .ad{display: flex;gap: 30px;}
#top .ad .time{color: #FFF;}
#top .ad .city{display: flex;align-items: center;gap: 5px;}
#top .ad .city:before{content: ' ';background-image: url(/images/loc.svg);width: 13px;height: 13px;}




.citylist-item {
    margin-top: 0;
    font-weight: bold;
    line-height: 1.2;
    font-size: 26px;
    margin-bottom: 15px;
}

.info_text {
    padding: 44px 0;
}
.bg_gray {
    background: #fafafd;
}
.bg_blue{
	background: #800000;
    color: white;
    font-size: 18px;
}
.info_text ~ div#mes{
	margin-top: 50px;
}
.catalog_rep .grid {
    margin-bottom: 50px;
}

.sewerage_type-item {
    position: relative;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #ccc;
    margin-top: 30px;
}
.sewerage_type-item img {
    width: 100%;
    height: auto;
}
.sewerage-name {
    background: #800000;
    color: #fff;
    padding: 8px;
}

@media (max-width: 921px) {
	.fplus .ezfc-element-table_order-row{flex: 0 0 49.5%;max-width: 49.5%;}
}
@media (min-width: 992px) {
	.fplus .ezfc-element-table_order-row{flex: 0 0 16.266666666%;max-width: 16.266666666%;}
}

	#map .pr{text-align: center;font-size: 25px!important;line-height: 35px;}
	#map .pr .m-s-2{grid-column: span 2;}
	#map .pr .num{font-size: 70px!important;line-height: 70px!important;}
	
	#map{background: url(/images/map.webp) center top no-repeat;background-size: contain;font-weight: 500;}
#map .city a{color: black;text-transform: uppercase;font-size: 14px;}
#map .city {gap: 5px;}
#map .pr{font-size: 25px;margin-bottom: 20px;}
#map .pr .num{color: var(--hovercolor);font-size: 80px;line-height: 80px;font-weight: 500;}
#map .more{display: flex;justify-content: center;margin-top: 10px;}


.workCities a:hover {
    font-weight: bold;
    transition: all ease-in-out .2s;
}

#cities-list .modal-body {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
}

#cities-list a {
    font-size: 16px;
    max-width: calc(100%/3);
    width: 100%;
    padding: 5px;
    transition: all ease-in-out .2s;
}

@media screen and (max-width: 400px) {
.cities-list{
columns: 2;

    }
}

#cities-list a:hover {
    color: #5DBE56;
    transition: all ease-in-out .2s;
}
@media screen and (max-width: 350px) {
.cities-list{
columns: 2;

    }
}
@media screen and (max-width: 600px) {
.cities-list{
columns: 2;

    }
}

.cities-list__container:after{
    content: "" !important;
    display: block !important;
    clear: both !important;
}
@media(max-width: 440px) {
    #cities-list a {
        max-width: calc(100% /2);
    }
}
.citiesMap {
    columns: 4;
}
.citiesMap h2 {
    font-size: 22px;
    margin-bottom: 5px;
}

.citiesMap>div {
    margin: 15px 0;
}
.citiesMap ul,
.htmlsitemap-list ul {
    padding: 0;
    margin: 0;
}
.citiesMap li,
.htmlsitemap-list li {
    list-style-type: none;
}

.citiesMap li a:hover,
.htmlsitemap-list li a:hover {
    color: #012B7E;
}

.htmlsitemap-list {
    columns: 3;
}
@media(max-width: 1100px) {
    .citiesMap {
        columns: 3;
    }
}
@media(max-width: 400px) {
    .citiesMap,
    .htmlsitemap-list {
        columns: 1;
    }
	@media(max-width: 860px) {
    .citiesMap,
    .htmlsitemap-list {
        columns: 2;
    }
}
}

@media screen and (max-width: 767px) {
	.footer__address b {
		font-size: 14px;
		.map {
		height: 180px;
		margin-top: 35px;
		position: relative;
		overflow: visible
	}
.map {
		height: 180px;
		margin-top: 35px;
		position: relative;
		overflow: visible
	}
	.map:after {
		content: "";
		position: absolute;
		top: -35px;
		left: 0;
		width: 85px;
		height: 10px;
		border-radius: 5px;
		background: #EAE3D9
	}
	}
}
.footercontacts {
	width: 500px
}
.map {
	height: 360px;
	border: 1px solid #FFFFFF;
	border-radius: 6px;
	overflow: hidden
}

.cities-title{
font-weight: bold;
    padding: 1em 0 0.5em;
    font-size: 1.6em;
    color: #333;
    text-align: left;
    border: none;
    margin: 0 0 1em;
    position: relative;
}

#cities{
    padding: 30px 0;

}

.cities-list{
    /* height: 300px; */
    height: auto;
    columns: 7;
    margin: 0;
    list-style-type: none;
	max-width: 1200px; margin: 0 auto;
}

.cities-list>li{
    margin: 0;
    padding: 0;
    color: #181818;
}

.cities-list>li>a{
    font-size: 12px;
    text-transform: uppercase;
    color: #181818;
    line-height: 16px;
    text-decoration: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.cities-list>li>a:hover{
    color: #012b7e;
}

.cities-content{
    font-size: 16px;
}

.cities-content *{
    font-size: 12px;
}

.cities-content.hide_part{
    position: relative;
    height: 200px;
    overflow: hidden;
	max-width: 1200px; margin: 0 auto;
}

.cities-content.hide_part::after{
content: "Развернуть";
    display: block;
    padding: 10px;
    width: 200px;
    background-color: #ffffff;
    color: #012b7e;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -100px;
    z-index: 333;
    font-size: 20px;
}
.cities-content.hide_part::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 17px;
    color: #181818;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(76%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    border-bottom: 1px solid #012b7e;
    box-sizing: border-box;
    z-index: 222;
}
.workCities a {
    display: block;
    font-size: 18px;
    cursor: pointer;
    color: #5DBE56;
    transition: all ease-in-out .2s;
    margin-bottom: 10px;
}

.workCities a:hover {
    font-weight: bold;
    transition: all ease-in-out .2s;
}

#cities-list .modal-body {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
}

#cities-list a {
    font-size: 16px;
    max-width: calc(100%/3);
    width: 100%;
    padding: 5px;
    transition: all ease-in-out .2s;
}

@media screen and (max-width: 400px) {
.cities-list{
columns: 2;

    }
}

#cities-list a:hover {
    color: #5DBE56;
    transition: all ease-in-out .2s;
}
@media screen and (max-width: 350px) {
.cities-list{
columns: 2;

    }
}
@media screen and (max-width: 600px) {
.cities-list{
columns: 2;

    }
}
.cities-list__container:after{
    content: "" !important;
    display: block !important;
    clear: both !important;
}
@media(max-width: 440px) {
    #cities-list a {
        max-width: calc(100% /2);
    }
}
.citiesMap {
    columns: 4;
}
.citiesMap h2 {
    font-size: 22px;
    margin-bottom: 5px;
}

.citiesMap>div {
    margin: 15px 0;
}
.citiesMap ul,
.htmlsitemap-list ul {
    padding: 0;
    margin: 0;
}
.citiesMap li,
.htmlsitemap-list li {
    list-style-type: none;
}
.citiesMap li a:hover,
.htmlsitemap-list li a:hover {
    color: #012B7E;
}
.htmlsitemap-list {
    columns: 3;
}
@media(max-width: 1100px) {
    .citiesMap {
        columns: 3;
    }
}
@media(max-width: 860px) {
    .citiesMap,
    .htmlsitemap-list {
        columns: 2;
    }
}
@media(max-width: 400px) {
    .citiesMap,
    .htmlsitemap-list {
        columns: 1;
    }
}