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


.ezfc-form .button {
    display: inline-block;
    background-color: rgb(58,58,58)!important;
    border: none;
    border-radius: 2px;
    padding: 20px 50px;
    color: white!important;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.ezfc-form{margin-bottom: 20px;}


/* Калькулятор */
.ezfc-theme-aero .ezfc-price-wrapper-element .ezfc-label{padding: 10px 0px!important;}
/* Лейбел */
.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: rgb(58,58,58)!important;border: none;}
/* Цена */
.ezfc-form .ezfc-price {font-weight: bold;}
.ezfc-form .ezfc-price-value {color: rgb(58,58,58);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 #E2E2EB;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;}
	#price .container{overflow-x: auto; width: 100%;}
	
	
	#slide h1, .slider2 h1{font-size: 30px!important;}
	#slide .stitle{font-size: 16px!important;}
	#map{font-size: 14px;}
	#map a{max-width: 100px;}
	
	#tabs2 .tabs{padding: 30px!important;}
	#text1 .prem{font-size: 14px;}
	
	#garant .flex, #prem-septik .flex, #polza .item{flex-direction: column;}
	
}
@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: rgb(58,58,58);}
.fimg .ezfc-element-option-has-image .ezfc-addon-option{border: 2px solid #E2E2EB;border-radius: 10px;top: 0px;left: 0px;width: 100%;height: 100%;position: absolute;}

.modal-content{padding:0 !important; box-shadow:none; border:none !important;}

/* Радио и чек */
.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: rgb(58,58,58);}
/* Чекбокс */
.fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label {color: rgb(58,58,58);}
.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;}

.modal {position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;background-color: #00000060;}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll} /*Нужно что бы не прыгало */
@media (max-width: 921px) {.modal .modal-dialog{width: 100%;padding: 60px 20px 0px 20px;}}
@media (min-width: 992px) {.modal .modal-dialog{max-width: 500px;padding: 40px;}}
.modal-open {overflow: hidden;}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}
#za .modal-dialog{display: flex;align-items: center;}
.modal .modal-dialog{background-color: white;color: black;position: absolute;right: 0;height: 100%;margin: 0;}
.modal .close{cursor: pointer;position: absolute;top: 20px;right: 20px;}
.modal .grid{gap: 20px;}
.modal .title{font-size: 45px;line-height: 55px;font-weight: bold;}
.modal .text{color: #545560;font-size: 20px;line-height: 35px;}
.modal .wpcf7-text, .modal .wpcf7-mask{border: none;border-bottom: 1px solid #54556020;margin-bottom: 30px;padding: 10px 0px;width: 100%;}

/* Да, Нет */
.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: rgb(58,58,58)!important;}

/* Форма связи */
.wpcf7{position: relative;}
.wpcf7 .wpcf7-form{display: grid;gap: 20px;}
.wpcf7 .wpcf7-not-valid-tip, .wpcf7 .screen-reader-response, .wpcf7 .wpcf7-form .ajax-loader, .wpcf7 .wpcf7-form .wpcf7-response-output{display: none;}
.wpcf7 .wpcf7-form-control.wpcf7-not-valid{border-bottom: 1px solid rgb(212,41,44)!important;}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output{display: block;font-size: 14px;color: rgb(212,41,44);font-weight: 500;}
.wpcf7 .wpcf7-form.sent .wpcf7-response-output{display: block;font-size: 14px;color: green;font-weight: 500;border: 2px solid green;padding: 10px;text-align: center;background-color: #00800005;}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-mask, .wpcf7 .wpcf7-textarea{border: none; padding-left: 20px !important; border-bottom: 1px solid #54556020;padding: 10px 0px;width: 100%; background-color: transparent;}
.wpcf7 .wpcf7-form.submitting .ajax-loader {display: block;background-image: url(images/ajax-loader.gif);width: 24px;height: 24px;position: absolute;bottom: -25px;}
.wpcf7-textarea{height: 100px !important;}
.wpcf7-submit{padding: 10px 25px; background-color: #3a3a3a ; color: white; display: inline-block; border: none; outline: none; transition: 0.5s;}
.wpcf7-submit:hover{background-color: black;}

/* Кнопки плюс минус у числа 
.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: rgb(58,58,58);
    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%;}
}

.table-wrapper{overflow-x: auto;}

.close{border: none;}
.full{background-color: #fff;}
.full a{color: black;}
.full .modal-content{border: none;}
.full .modal-dialog{max-width: 100%;position: relative; width: 100%;}
.full .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;}
.full .st{font-size: 18px;padding-bottom: 10px;}
.full .list{list-style: none;padding-left: 0px;padding-top: 15px;font-size: 18px;gap: 5px;}
.full .select2-selection, .full .select2-selection__arrow{height: 40px!important;}
.full .select2-selection__rendered{line-height: 40px!important;}

@media (max-width:767px){

	h1,h2, .stitle, .dov .item{text-align: center;}
	h2{font-size: 30px!important;}
	
	.header .logo,.header .phones a{text-align: center!important;}
	.header .logo img{display: inline-block;}


	.header .contact .phones{padding-top: 10px;text-align: center;}
	.prem .item {padding-bottom: 20px;font-size: 14px;}
	.news h2{text-align: left;font-size: 20px!important;padding-top: 10px!important;padding-bottom: 10px!important;}
	.contpage table td:nth-child(odd) {float: left;clear: both;}
	.contpage table td:nth-child(even) {float: left;width: 190px;}
	
	.consult .ctitle{margin-bottom: 20px;}
	.consult .info{margin-bottom: 15px;}
	.footer{text-align: center;}
	
	#video .inner{padding: 50px 0px;}
	#video .title{font-size: 35px;}
	#video .st{font-size: 30px;}
	
	#map .cont .fa{padding-bottom: 50px;}
	#map .it{padding-bottom: 20px;}
	
	
	.slider h1{padding-top: 35px!important; color: White;
    font-size: 23px !important;
    font-weight: 500 !important;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding: 15px !important;
    margin-bottom: 30px !important;
    margin-top: 30px !important;
    text-align: center;}
	.slider .phone{font-size: 30px;}
	.slider .info{font-size: 18px;}
	.slider .info span{line-height: 60px;}
	.slider .phone a{font-size: 20px;display: inline-block;margin-top: 15px;}
	
	.alignright{margin: 0px auto;display: block;padding-bottom: 10px;}
	.iteminfo .det{padding: 10px;}
}

@media (min-width: 768px) {
	/* размер заголовков задаёт общий слой assets/base.css */
	.news h2{font-size: 25px!important;padding-top: 0px!important;padding-bottom: 10px!important;}
	.col-pl-2{grid-template-columns: repeat(2, 1fr);} 
	.col-pl-3{grid-template-columns: repeat(3, 1fr);}
	.iteminfo .det{padding: 20px 29px 0px 0px;}
	
	.header .phones{text-align: right;}
	#video .inner{padding: 150px 0px;}
	#video .title{font-size: 55px;}
	#video .st{font-size: 35px;}
	
	#map .cont .fa{display: inline-block;}
	#map .cont p{white-space: nowrap;display: inline-block;}
	#map .cont .item{display: inline-block;}
	
	.slider, .slider2{text-align:left !important; color:white !important;}
	.slider .inner, .slider2 .inner{
		margin-top: 60px!important;
		color: white;
		border-radius: 10px;
		padding-bottom: 75px;
		position: relative;
	}
	.slider h1, .slider2 h1{ color: White;
    font-size: 34px !important;
    font-weight: 600 !important;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding: 15px !important;
    margin-bottom: 30px !important;
    margin-top: 30px !important;
    text-align: center;}
	.slider h1 .city, .slider2 h1 .city{font-size: 26px!important;}

	.slider .info, .slider2 .info{font-size: 30px;line-height: 35px;}
	
	.alignright{float: right;padding-left: 10px;padding-bottom: 10px;}
	
}

@media (min-width: 992px) {
	.grid{gap: 30px;}
	.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-pc-1-2{grid-template-columns: 1fr 2fr;}
	.col-pc-2-1{grid-template-columns: 2fr 1fr;}
	.col-pc-1-2-5{grid-template-columns: 1fr 2.5fr;}
	.col-pc-30{grid-template-columns: 30% 70%;}
	.col-pc-05-2 {grid-template-columns: 0.5fr 2fr;}
	#form4 .inner{padding: 50px;}
		#text1 .ac{grid-template-columns: 2fr 1.5fr;gap: 20px;}
	
	#textrepeat .grid:nth-child(2n) .img{grid-column: 1;grid-row: 1;}
}

.center{align-items:center;}
.img-fluid{max-width:100%; height:auto;}
.grid{display:grid;}
.flex{display:flex; gap:20px;align-items:center; }
.text-center{text-align:center;}
html, body{
	
	font-size: 18px!important;
	margin: 0px;
	padding: 0px; 
}
h1{margin-bottom: 0; margin-top: 0; padding-top: 10px; padding-bottom: 20px;}
h2{margin-bottom: 0; margin-top: 0; padding-bottom: 20px; padding-top: 20px;}
.block h2{padding-bottom: 30px!important;}

.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: #3d3d3d;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);}

/* .pagetitle скрывался целиком — из-за этого не было видно хлебных крошек */

/* Виджет мессенджеров */
.msg-widget{position:fixed;right:60px;bottom:60px;z-index:9999;}
.msg-toggle{width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(102,126,234,.4);transition:transform .3s;position:relative;}
.msg-toggle:before,.msg-toggle:after{content:"";display:block;position:absolute;border:1px solid #667eea;left:-20px;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:msg-pulse 1.5s linear infinite;opacity:0;backface-visibility:hidden;}
.msg-toggle:after{animation-delay:.5s;}
@keyframes msg-pulse{0%{transform:scale(0.5);opacity:0;}50%{opacity:1;}100%{transform:scale(1.2);opacity:0;}}
.msg-toggle:hover{transform:scale(1.05);}
.msg-toggle .msg-close{display:none;}
.msg-widget.active .msg-toggle svg:first-child{display:none;}
.msg-widget.active .msg-toggle .msg-close{display:block;}
.msg-list{position:absolute;bottom:65px;right:0;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;}
.msg-widget.active .msg-list{opacity:1;visibility:visible;transform:translateY(0);}
.msg-item{display:block;transition:transform .3s;}
.msg-item:hover{transform:scale(1.1);}
.msg-item img{display:block;border-radius:50%;}
.msg-phone{width:55px;height:55px;border-radius:50%;background:#ff6b6b;display:flex;align-items:center;justify-content:center;}
.msg-email{width:55px;height:55px;border-radius:50%;background:#2196F3;display:flex;align-items:center;justify-content:center;}
@media(max-width:768px){.msg-widget{right:15px;bottom:15px;}.msg-toggle{width:50px;height:50px;}.msg-item img,.msg-phone,.msg-email{width:48px;height:48px;}.msg-list{bottom:58px;}}

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

.box {overflow:hidden;border-radius: 10px;}
.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);
}
.aligncenter {display: block;margin: 5px auto 5px auto;}
.table th{background-color: rgb(58,58,58);border-color: rgb(58,58,58)!important;color: white;}

.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;
	}
.color{color: #382826;}
.ft {min-height: calc(100vh - 239px);}

.time{font-size: 16px; color: #ffffff6b;}

.breadcrumbs{color: #777777;font-size: 13px;}
.breadcrumbs a{color: #777777;}

.pricecep{text-align: center; margin: 30px 0;}
.pricecep h3 {background: #ddd; padding: 15px; height: 85px; align-content: center;}

.slider {background: url(/wp-content/uploads/2025/01/kopka-kolodtsa.png) no-repeat center center;background-size: cover;}
.slider .inner, .slider2 .inner{margin-top: 10px;margin-bottom: 10px;}
.slider .inner>div, .slider2 .inner>div{padding: 30px; background-color: #00000087; border-radius: 15px; border: 3px solid white;}
.slider>div, .slider2>div{background-color:rgb(90 90 90 / 60%);}
.slider, .slider2{text-align: left;color: white;}
.slider h1, .slider2 h1{font-weight: bold!important;}
.slider h1 .city, .slider2 h1 .city{text-transform: none;}
.slider .phone a, .slider2 .phone a{color: white; background-color: rgb(58,58,58); padding: 15px; border-radius: 10px;}
.slider .phone a:hover, .slider2 .phone a:hover{text-decoration: none;}
.slider .info span, .slider2 .info span{font-weight: bold;color: red;font-size: 40px;}
.slider article, .slider2 article  { display: grid;  align-items: center;  padding: 40px;}
.slider .form-control, .slider2 .form-control{ color:white;background-color: transparent;   border: none;    border-bottom: 1px solid white;margin-bottom:20px;}
.slider .modal-header .fa, .slider2 .modal-header .fa {  margin-right:20px; width: 54px;   height: 54pxpx;    line-height: 54px;    text-align: center;    color: rgb(58,58,58);    float: left;   font-size: 36px;    border-radius: 2px;    background: #fff;}
.slider .btn, .slider2 .btn{background-color:#5e5e5e;}
.slider .mfooter, .slider2 .mfooter {display: grid; gap: 15px; color: #fff!important;}
.slider a, .slider2 a{color: #ffffff8f!important;}}



.nav-tabs a{
	color: #555!important;
}

.block h2{text-align: center;}


.cat h2{text-align: center;font-size: 19px!important;padding-top: 10px!important;}
.cat a{color: black;}


.iteminfo .info{background-color: white;border: 1px solid #ebeef1;margin: 25px 0px;}
.iteminfo .pd20{padding-top: 20px;}
.iteminfo .price .cur {
    font-size: 30px;
    font-weight: bold;
	line-height: 40px;
}
.iteminfo .op{padding-top: 20px;}


#video{background-image: url(images/video.jpg);text-align: center;color: white;}

#video .title{text-transform: uppercase;line-height: 65px;font-weight: bold;}
#video .st{line-height: 40px;padding-bottom: 20px;}
#video img{transition: 0.4s;}
#video img:hover{transition: 0.4s;transform: scale(1.05, 1.05);}

#usl1, #usl3, #usl5{
	    background-color: #f1efe5;
}

#map{text-align: center;}

#map .cont{font-size: 18px;padding-top: 15px;padding-bottom: 15px;}
#map .cont .fa{
	font-size: 40px;
   
    float: left;
    padding-right: 15px;
	color: rgb(58,58,58);
}
#map .cont p{text-align: left;}

#map a{color: #333;}

#rek{ border-bottom: 1px solid #e4e4e4;}



#rew .item{background: #f5f8f9;padding: 20px;}
#rew .data{margin: 0 0 4px;color: #999;font-size: 14px;}
#rew .name{font-weight: bold;margin-bottom: 18px;}
#rew .text{font-weight: 300;font-size: 15px;height: 150px;overflow: hidden;}

#rew .button, #gallary .button{
	background-color: rgb(58,58,58);
	border: 2px solid white;
	border-radius: 10px;
    color: white;
	font-weight: bold;
    padding: 10px 25px;
   text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
}
#rew .button:hover, #gallary .button:hover{background-color: white!important;color: rgb(58,58,58);}

#gallary{background-color: rgb(58,58,58);color: white;}
#gallary .gall{display: inline-block;width: 100%;}


.pagetitle{
	padding-top: 30px;
	margin-bottom: 20px;
	text-align: center;
	border-bottom: 1px solid #eee;
}


.block{padding-top: 30px; padding-bottom: 30px;}



.prem{
	background-color: #f7f7f8;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 5px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.prem .fa{
	font-size: 80px;
	padding-bottom: 10px;
	color: rgb(58,58,58);
}

.catalog {text-align: center;}
.catalog a{color: black;}
.catalog h2{font-size: 17px!important;padding-top: 8px!important;height: 50px;}


.contpage{padding: 20px 0px;;}
.contpage table td{vertical-align: top;}
.contpage .fa {
    height: 54px;
    width: 54px;
    border-radius: 3px;
	background: rgb(58,58,58);
	line-height: 54px;
    text-align: center;
    color: white;
    font-size: 29px;
    margin: 0 20px 20px 0;
}
.contpage table span{
	padding: 0px 30px 0px 0px;
	display: inline-block;
}
.contpage table .tit{
	color: #222;
    line-height: 20px;
    font-weight: 600;
}
.contpage table .inf{
	font-size: 15px;
	padding-right: 10px;
}
.contpage table .inf>a{
	color: gray;
}

.map{
	margin-top: 20px;
	margin-bottom: -30px;
}


.news{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #ebeef1;}

.news h2 a{color: rgb(58,58,58);}
.news .data{
	background-color: rgb(58,58,58);
    font-size: 14px;
    padding: 3px 10px;
    margin-bottom: 10px;
    display: inline-block;
    color: white;
}
.news .desc{padding-bottom: 10px;}
.news .button {
    display: inline-block;
    vertical-align: middle;
    color: rgb(58,58,58) !important;
    border: 2px solid rgb(58,58,58);
    letter-spacing: 0.03em;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 4px 15px 4px;
}

.news .button:hover{
	color: #ffffff !important;
	border-color: rgb(58,58,58);
	background: rgb(58,58,58);
	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;
	}


.consult{background-color: rgb(58,58,58);color: white;padding-top: 40px;padding-bottom: 40px;margin-top: 20px;}
.consult .ctitle{font-size: 22px;}

.consult .info{font-size: 15px;}	
.consult .button{
	display: inline-block;
    vertical-align: middle;
	color: white!important;
    border: 2px solid white;
	letter-spacing: 0.03em;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 3px;
    padding: 11px 12px 10px;
}
.consult .button:hover{
	color: rgb(58,58,58) !important;
	border-color: white;
	background: white;
	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;
	}
	
.social{text-align: center;}
.footer{
	background-color: rgb(58,58,58);
	padding-top: 22px;
	padding-bottom: 40px;
	color: white;
	margin-top: 20px;
}
.footer .widget-title{
	color: white;
	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: #f3f3f3;}
.footer a:hover{text-decoration: none;color: white;}
	
.footer .textwidget .fa{padding-right: 5px;}
.footer .textwidget a{color: white;}
	


	.flexslider{margin: 0px!important;}
/*.flexslider .slides img{width: auto!important;}
/* Пказываем сразу и убираем вперед и назад надписи */
.flexslider .flex-direction-nav a {
	border-radius: 50%;
	background-color: white;
	opacity: 0.7;
	font-size: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	
}
.flexslider .flex-direction-nav a:before {
    content: ""!important;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 14px;
    margin: -7px 0 0 -5px;
    background: url(images/Arrows.svg) -20px 0 no-repeat;
}
.flexslider .flex-direction-nav a:hover{background-color: #f71022;border-radius: 50%;}

/* Переворачиваем иконку стрелки справо */
.flexslider .flex-direction-nav .flex-nav-next a:before {background-position: -30px 0;margin-left: -3px;}

/* Рисуем белую стрелку при наведении */
.flexslider .flex-direction-nav .flex-nav-prev a:hover:before{background-position:0 0}
.flexslider .flex-direction-nav .flex-nav-next a:hover:before{background-position:-10px 0}

/* Точки внизу */
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
  box-shadow: none;
  background: #f71022 !important;
}

.flexslider .flex-control-nav li a {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    box-shadow: none;
    background: rgba(127,127,127,.35);
}
.flexslider .flex-control-nav li a.flex-active, .flexslider .flex-control-nav li a:hover {
    width: 10px;
    height: 10px;
    margin: -1px;
}
	
#gallary h2{
	    border-top: 1px solid white;
    border-bottom: 1px solid white;
	color: white;
}

#faq a{color:rgb(58,58,58);}
#faq .card {border: 1px solid rgb(58,58,58); border-radius: 14px;padding: 20px 20px 10px 20px;margin-bottom: 10px; }
#faq .card:hover,#faq .card:focus, #faq .card:active{background-color:whitesmoke;}
#faq #faq-acc .card>a { padding-bottom: 10px;    font-size: 18px;    display: flex;    justify-content: space-between;    align-items: center;   text-decoration: none;  cursor: pointer;}
#faq #faq-acc .card .collapsed:after { content: "+";}
#faq #faq-acc .card>a:after {content: "\2014";color: rgb(58,58,58);   font-size: 30px;   line-height: 30px;}

#kopka-prem{background: url(images/prem-fon.jpg)no-repeat center center; background-size: cover;}
/* Вуаль над фотографией была грязно-серой и выбивалась из палитры сайта:
   баннер, блок сезона и гео-блок затемняются одним и тем же тёмно-зелёным.
   Делаем так же, иначе секция выглядит вставленной с чужого сайта. */
#kopka-prem>div{background-color: rgba(12, 22, 6, .86);}
#kopka-prem h2{color: white; border-color:white;}
#kopka-prem>div{padding-bottom: 40px;}
#kopka-prem a{color:white;} 
#kopka-prem .item>div>div>p{color:white;}
#kopka-prem .item {border-bottom: 1px solid white; border-radius: 14px;padding: 0 0 10px 0;margin-bottom: 10px; }
#kopka-prem .item:hover,#kopka-prem .item:focus, #kopka-prem .item:active{background-color;}

/* ☠️ Здесь стояло `#info-kolec p {margin: 0 !important; padding: 10px 0}`.
   Оно било по всем абзацам секции, включая врезку «Кольца отлично подходят
   для питьевых колодцев»: её собственные поля обнулялись, и текст прилипал
   к зелёной полоске слева. Блок переверстан на компонент `.kp-ring`,
   отступы задаёт он — эти правила больше не нужны. */
#info-kolec .rings-img{background: url(images/ring-fon.png) no-repeat center center ; background-size: contain; min-height: 150px;}
/* Голубой rgb(0,158,191) из старой темы в палитру сайта не входит:
   характеристики кольца светились чужим цветом рядом с зелёными блоками. */


#inf-season{background: url(images/inf-season.jpg) no-repeat center center; background-size: cover;}
#inf-map{background: url(images/inf-map.jpg) no-repeat center center; background-size: cover;}

#prem-rab .advantages__item-container {  border-radius: 15px; background: white; overflow: hidden;  padding: 44px 20px 52px;   position: relative; height: 295px;}
#prem-rab .advantages__item-number {position: absolute;right: -80px; bottom: -35px;z-index: 1;font-size: 288px;line-height: 1;color: #d4d4d4;font-weight: 800;}
#prem-rab .advantages__item-content { min-height: 107px; position: relative;z-index: 2;}
#prem-rab .advantages__item {border-radius: 20px;box-shadow: 0px 20px 30px 12px rgb(42 56 92 / 16%); background-color: white;}
#prem-rab .grid {gap: 15px;}

#dost .grid{gap: 0;}
#dost .dt-sc-counter.type6 .dt-sc-couter-icon-holder { width: 140px; height: 80px; display: inline-block; position: relative; margin: -6px 0px 15px;}
#dost .dt-sc-counter.type6 .dt-sc-couter-icon-holder:before {box-shadow: 5px 1px 0px 0px rgb(58,58,58);border-color: rgb(58,58,58);background: #ffffff;transition: all 0.3s linear;border: 1px solid rgb(58,58,58);content: "";position: absolute;left: 0px;right: 0px;top: -45px;margin: auto;width: 100px;height: 100px;border-radius: 5px;transform: rotate(45deg);z-index: 1;}
#dost .dt-sc-counter.type6 .dt-sc-counter-number {font-size: 34px;font-weight: bold;position: relative;top: -19px;	z-index: 1;	text-align: center; color: rgb(73, 73, 73);}
#dost{text-align: center;	gap: 0 !important;}
#dost .dt-sc-counter.type6 {text-align: center;border: 1px solid rgb(58,58,58); margin: 75px -1px 0px 0px;padding: 0px 0px 40px;}
#dost h4{	color: #222222;}
#dost .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;transform: rotate(45deg);z-index: 1;background-color: rgb(58,58,58);}}
@media(max-width:991px){.icon-before h4:before {content: "";position: absolute;right: -6px;top: 6px;margin: auto;width: 12px;height: 12px;transform: rotate(45deg);z-index: 1;background-color: rgb(58,58,58);}}

#kak3 .item{display: flex;padding-bottom: 15px;}
#kak3 .t{font-size: 20px;margin-bottom: 10px;font-weight: bold;}
#kak3 .text{line-height: 1.5;}
#kak3 .item svg{overflow: visible;margin-right: 15px;}
#kak3 .logo{text-align: center; margin-top: 150px;}
@media(max-width:768px){
	#kak3 .logo{margin-bottom: 150px;}
}
#kak3 .pulse-bg,#ch-price .pulse-bg { width: 100%; padding-bottom: 100%; left: 50%; top: 50%; z-index: 1; }
#kak3 h3{margin-bottom: 60px;}


.pulse-bg { position: absolute; left: 50%; top: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50%; padding-bottom: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.pulse-bg-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-animation: pulse infinite ease-in-out 2s; animation: pulse infinite ease-in-out 2s; }
.pulse-bg-circle { border: 1px solid rgb(58,58,58); -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.pulse-bg-circle1 { width: 100%; height: 100%; }
.pulse-bg-circle2 { width: 85%; height: 85%; }
.pulse-bg-circle3 { width: 70%; height: 70%; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.8); transform: scale(0.8);
    opacity: 0; }
  50% { opacity: 1; }
  to { -webkit-transform: scale(1); transform: scale(1);
    opacity: 0; } }

@keyframes pulse { 0% { -webkit-transform: scale(0.8); transform: scale(0.8);
    opacity: 0; }
  50% { opacity: 1; }
  to { -webkit-transform: scale(1); transform: scale(1);
    opacity: 0; } }



#info-ug{background-color: white;}

#desc-ug .des-pad{margin-bottom: 10px;}

#diag{border-top: 1px solid #8B92A320;}
#diag svg{margin-bottom: 30px;margin-top: 30px;}
#diag .title{font-size: 18px;font-weight: 500;color: #344058;padding-bottom: 10px;}
#diag .desc{color: #8B92A3;}
#diag .line{background-color: #8B92A320;height: 1px;position: relative;left: 94px;top: 70px;max-width: 70%;}
#diag .line2{background-color: rgb(58,58,58);height: 1px;position: relative;left: 94px;top: 70px;max-width: 70%;}


@media(min-width:991px){
	#garant>.flex{flex-wrap: nowrap;}
	#garant .hidden-991{display: none;}
	#garant>.hidden-991,#garant>.flex{background-color:rgb(58,58,58);color: white; align-items: normal; gap: 0;}
}

.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; margin-bottom: 25px;}
@media(max-width:991px){
	#garant .hidden-991px{display: none;}
	.garant-padding>ul{display: table;margin: 0 auto;}
	#garant img{margin-top: 10px !important;}
	#vs .in{padding: 30px!important;}
	#vs .items .item{font-size: 18px!important;}
}

#garant{margin-bottom: 20px;}
#garant img{margin: 0 auto;}
.garant-padding{width: 100%;padding-left: 15px;padding-right: 15px; 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;}
#smeta p{margin: 0 !important;}

#tab-ch .tab-content{margin-top:25px;}
#tab-ch .tab-content .grid{align-items:center;}
#tab-ch img{border-radius:25px;}
#tab-ch .nav-link{border: 1px solid rgb(58,58,58); border-radius:10px; color:rgb(58,58,58); }
#tab-ch .nav .active>a{background-color:rgb(58,58,58); color:white !important; border-radius:10px;}
#tab-ch .nav>li>a:focus, .nav>li>a:hover{background-color:rgb(58,58,58); color:white !important;}
#tab-ch .nav {margin-top:20px; flex-wrap: wrap; }

@media (max-width: 921px) {#tab-ch .nav li a:focus, .nav li:hover a{background-color:rgb(58,58,58); color:white !important;} #tab-ch .nav li:focus, .nav li:hover{background-color:rgb(58,58,58); color:white; padding-left: 10px !important;}}


#chis-in img{border-radius: 15px;}

#ch-price .logo{position: relative; text-align: center;}
#ch-price .grid{align-items: center;}
#ch-price ul li{list-style: none; padding-bottom: 10px; font-size: 20px;}
#ch-price ul li span{color: green;font-weight: bold;padding-top: 5px;font-size: 20px;}

#inf-us{background: url(/wp-content/uploads/2025/01/about2-1.jpg) no-repeat center bottom; background-size: cover; font-weight: 500;}
#inf-us .container {color: #000;}
#inf-us .button:hover{color: white; border-color: white; background-color:rgb(58,58,58) ;}
#inf-us .button{color: rgb(58,58,58); font-size: 20px; padding: 10px 30px; border-radius: 10px;font-weight: 500; border: 2px solid rgb(58,58,58); display: inline-block;  margin-top: 20px; margin-bottom: 20px; text-decoration: none; transition: 0.5s;}
@media(min-width:768px){#inf-us .inf-us-mar{margin-bottom: 200px;}}

@media (max-width: 768px) {#kak3 .logo {display: none;}}


#stuktura-sep .grid{align-items: center;box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%); background-color: whitesmoke; font-size: 17px; padding: 15px; border-radius: 25px;}

#polza .number{display: inline-block; padding: 20px; width: 80px; height: 80px; color: white;background-color:rgb(58,58,58) ;  flex: 0 0 80px; text-align: center; font-size: 30px; font-weight: 600; border-radius: 50%; margin-top: 10px; margin-right: 15px;}
#polza .item{background-color: white; padding: 15px; border-radius: 15px;box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%); align-items: center; margin-top: 20px;}

/* Слайдер */

.owl-nav .owl-prev{left: 10px;}
.owl-nav .owl-next{right: 10px;}

#obor  .owl-nav button{ background-color: white;}
#obor  .owl-nav button:hover,#obor  .owl-nav button:focus, #obor  .owl-nav button:active{background-color: rgb(58,58,58);}
.owl-nav button:hover path,.owl-nav button:active path, .owl-nav button:focus path{fill: white;}
.owl-dots{display: flex;justify-content: center;width: 100%;margin-top: 20px;}
.owl-dots .owl-dot span {width: 15px;height: 15px;margin: 0px 5px;background: white;display: block;-webkit-backface-visibility: visible;border-radius: 30px;border: 1px solid #6D6D84;}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {background: rgb(58,58,58);}


#obor .item {padding: 15px;background-color: white;border-radius: 20px;box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%); height: 710px;}
#obor .flex{justify-content: space-between; margin-bottom: 10px;}
#obor .owl-item{margin-bottom: 20px;}
#obor .flex:nth-of-type(odd) { background-color: rgba(0,0,0,.05);}
#obor .flex>p{margin-bottom: 0px; padding: 5px;}
#obor .sale {font-weight: bold; color: #BFE24D; font-size: 30px; position: absolute; bottom: 10px; left: 20%;}
#obor .owl-nav{position: absolute;top: -87px;right: 0; background-color: white;}
#obor h3{font-weight: 600; color: rgb(58,58,58); padding-bottom: 10px; border-bottom: 1px solid rgb(58,58,58);}
#obor  .owl-nav button:hover, #obor  .owl-nav button:focus, #obor  .owl-nav button:active { background-color: rgb(58,58,58);}
#obor .owl-prev{padding-top: 5px !important; padding-left: 5px !important; padding-right: 5px;}
#obor .owl-next{padding-top: 5px !important; padding-right: 5px !important; padding-left: 5px;}
#obor ul{padding: 0 !important;}
@media(min-width:992px){
	#obor .item{min-height: 620px;}
}

#komplex ul{padding: 0!important;}
#komplex ul li{list-style: none;}
#komplex .sale{font-weight: bold;color: #BFE24D; font-size: 30px; margin-top: 30px;}
#komplex .grid {align-items: center;}
#komplex .container>.grid{background-color: white; padding: 20px; border-radius: 20px;box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%);}

#sistem strong{font-size: 24px;}
#sistem .grid{align-items: center; padding: 15px; background-color: white;box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%); border-radius: 15px; margin-bottom: 25px;}

#shema-tr .grid{align-items: center;}

#usl-v .text-center{padding: 10px; background-color: white; font-size: 20px;}
#usl-v .item{background-color: white; border-radius: 10px;box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%)}
#usl-v .grid{align-items: center;}
#usl-v img{border-top-left-radius: 10px; border-top-right-radius: 10px;}

.footer .flex{justify-content: space-between; flex-wrap: wrap; margin-top: 10px;}
.footer a:hover{border-bottom: 1px dashed rgba(255, 255, 255, 0.733); color: rgba(255, 255, 255, 0.733);}
.footer a{transition: .5s;}
.footer .socc {display: flex; justify-content: center; gap: 10px;}
@media (max-width: 768px) {.footer .flex {justify-content: center; gap: 0;}}

/* Отзывы */
#rews .comment{background-color: #f9f9f9;padding: 20px;border-radius: 10px;}
#rews .top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
#rews .name{font-size: 18px;}
#rews .time{color: gray;font-size: 14px;}
#rews .text{font-size: 14px;}
#rews .text .dco-attachment{margin-left: 15px;}
#rews .stars{margin: 10px 0px;}
#rews .dashicons-star-filled:before{color: rgb(80,148,63);}
#rews img, #reviews img{max-width: 150px !important;height: auto !important;border-radius: 50%;}
#rews .add{margin-top: 35px;display: flex;justify-content: center;}
#rews .add .but1{display: inline-block;background: #f5f5f5;color: #788090;padding: 10px 20px;font-size: 15px;border-radius: 2px;margin-right: 15px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;}
#rews .add .but2{display: inline-block;background: rgb(80,148,63): white;padding: 10px 20px;font-size: 15px;border-radius: 2px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;}
#rews .add .but1:hover, #rews .add .but2:hover{background-color: black;text-decoration: none;color: white;}
#rews .owl-controls {position: relative;}
/* ☠️ Кнопки карусели отзывов стояли абсолютом по краям блока на середине
   высоты и наезжали на текст карточек: слева перекрывали первое слово строки,
   справа — край третьей карточки. Ставим их в поток под карточками, там же,
   где кнопки у остальных каруселей сайта. */
#rews .owl-prev.disabled, #rews .owl-next.disabled{display: none;}
#rews .owl-prev path, #rews .owl-next path{fill: #b5b5b9;}
#rews .add .but2{color: white; background-color: rgb(58,58,58);}

#reviews .total{font-size: 45px;font-weight: bold;display: flex;align-items: center;}
#reviews .total .count{margin-right: 15px;}
#reviews .dashicons-star-filled:before{color: rgb(80,148,63);}
#reviews .add{background-color: #f9f9f9;padding: 40px;border-radius: 10px;}
#reviews .add a{color: black;}
#reviews .add textarea, #reviews .add .form-control{border: none;padding: 10px;width: 100%;border-radius: 5px;}
#reviews .add .comment-form-attachment__input{width: 100%;}
#reviews .add .comment-form-cookies-consent{margin-top: 15px;}
#reviews .add .rating-container *{font-size: 30px;}
#reviews .add .button{padding: 10px 20px 10px 20px; background-color: rgb(80,148,63);color: white;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;border: none; cursor: pointer;}
#reviews .add .button:hover{background-color: black;}
#reviews .comments{display: grid;gap: 20px;margin: 20px 0px;}
#reviews .add .comments-rating{border: none;}

.rating-container {font-size: 0;unicode-bidi: bidi-override;direction: rtl;}
.rating-container * {font-size: 1.4rem;}
.rating-container > input {display: none;}
.rating-container > input + label {font-family: dashicons;width: 1em;cursor: pointer;}
.rating-container > input + label:before {content: "\f154";color: #888;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;}
.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {content: "\f155";color:rgb(80,148,63);}
.rating-container:hover > input + label:before {content: "\f154";color: #888;}
.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {content: "\f155";color:rgb(80,148,63);}

.social{justify-content: center; margin-top: 10px;}
.social img{width: 30px !important;}

#form3 .inner {background-color: rgb(58,58,58);text-align: center;border-radius: 10px;position: relative;color: #fff;font-size: 18px;}
#form3 h2{border-color: white!important; color: white !important; border-top: none !important; }
@media (min-width: 992px){#form3 .inner {padding: 50px;}}
#form3 .button2 {display: inline-block;background: #fff;color: #000;border: none;border-radius: 33px;padding: 15px 30px; margin: 20px 0; text-align: center; transition: .5s; text-decoration: none; }
#form3 img { position: absolute;top: 0;right: 0;}
#form3 .button2:hover{background-color: #000; color: white;}



#slide{color: white;position: relative;padding: 40px 0px;}
#slide:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:black;z-index: 2; opacity: 0.6;}
#slide .container{position: relative; z-index: 3;}
#slide h1{font-weight: bold !important; color: white;}
#slide .stitle{font-size: 20px; letter-spacing: 1px;}
#slide .flex{align-items: center; margin-top: 20px; flex-wrap: wrap;}
#slide a{text-decoration: none;}
#slide .flex{flex-wrap: nowrap;}
#slide .phone { font-size: 24px;font-weight: 700;color: whitesmoke;}
#slide .button {display: inline-block; margin-top: 20px; cursor: pointer; border: none; text-align: center; padding: 10px 25px; color: white; background: linear-gradient(90deg, #5a5a5a, #000000); background-size: 200% 200%; border-radius: 10px; font-weight: 500; font-size: 20px; transition: color 0.5s ease; animation: gradient-animation 5s ease infinite;}
#slide .button:hover{background-color: black;}
@media (min-width: 1025px){#vs .in .title img{margin-top: -100px;} #slide h1 {font-size: 55px !important;}}
@media (max-width: 991px) {#slide .items {text-align: center;}}

#avtonom .item{position: relative; border-radius: 15px;box-shadow: 0px 10px 30px rgb(178 178 178 / 42%);}
#avtonom .item>p{display: none;}
#avtonom h3{ position: absolute; top: 10px; left: 10px; font-weight: 700;}
#avtonom img{border-radius: 15px;box-shadow: 0px 10px 30px rgb(178 178 178 / 42%);}

#price-tab .nav-link{border: 2px solid rgb(58,58,58); color: rgb(58,58,58); font-size: 18px; font-weight: 500; transition: .5s;}
#price-tab .nav-link:hover{background-color:rgb(58,58,58) ; color: white;}
#price-tab .nav-item.active>.nav-link{background-color:rgb(58,58,58) ; color: white;}
#price-tab .tab-content{margin-top: 35px;}
#price-tab .desc>.flex>p{margin: 0;}
#price-tab .item{border-radius: 1px solid ;box-shadow: 0px 0px 10px 0px rgb(91 102 116 / 20%);}
#price-tab .desc{padding: 15px;}
#price-tab .title{font-size: 20px;}
#price-tab ul li{list-style: none;}
#price-tab ul{padding: 0; font-size: 15px; margin: 0;}
#price-tab ul li.user::before{content: ""; width: 20px; height: 20px; background: url(images/user.svg);}
#price-tab ul li.water::before{content: ""; width: 20px; height: 20px; background: url(images/water.svg);}
#price-tab ul li.wat::before{content: ""; width: 20px; height: 20px; background: url(images/wat.svg);}
#price-tab .za {display: inline-block;margin-bottom: 20px;background-color: rgb(58,58,58);color: white;padding: 15px 40px;border-radius: 4px;font-size: 15px;text-decoration: none!important;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;border: none;}
#price-tab .za:hover{background-color: black;}
#price-tab .sale{font-size: 22px; font-weight: 600; color:  red; margin-bottom: 10px;}
.nav:before{display: none;}


#vs .in{background: rgb(58,58,58);border-radius: 24px;padding: 60px 40px 60px 60px;}
#vs .in h2{color: white;}
#vs .in h2 span{color: #FFFFFF50;}
#vs .items{display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;align-content: center;}
#vs .items .item{background: white;padding: 20px;font-size: 20px;border-radius: 16px;font-weight: 500;}
#vs .items .item:nth-child(2n+1){transform: rotate(355deg);}
#vs .items .item:nth-child(2n){transform: rotate(359deg);}



#tabs{font-size: 18px;}


#price table{width: 100%;margin-bottom: 1rem;border-collapse: collapse;font-family: var(--fonttitle);}
#price td, #price th{padding: 0.75rem;vertical-align: top;border-bottom: 1px solid #E4E4E4;}
#price .more{justify-content: center;display: flex;align-items: center;gap: 5px;color: var(--hovercolor);font-size: 18px;text-decoration: underline;}
#price tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,.05);}


#tabs2 .text{font-size: 18px;}
#tabs2 .panel{background: #F5F5F5;border-bottom-left-radius: 100px;border-top-right-radius: 100px;font-size: 18px;}
#tabs2 .panel img{border-top-right-radius: 100px;}
#tab2 .panel h3{}
#tabs2 .tabs{padding: 70px;display: grid;}
#tabs2 .tabs .nav{flex-wrap: wrap;gap: 10px;font-size: 15px;place-self: end;}
#tabs2 .tabs .nav a{background: white;border-radius: 24px;padding: 15px 30px; color: rgb(58,58,58) ;}
#tabs2 .tabs .nav .nav-item.active>a, #tabs2 .tabs .nav a:hover{background: black;color: white;}
#tabs2 .nav{display: flex; flex-wrap: wrap;}

#tags a{color:rgb(58,58,58) ;}
#tags .grid{gap: 10px;}
#tags .item{border: 1px solid #E4E4E4;padding: 20px;}
#tags .item h3{font-size: 18px;margin-top: 10px;}



#prem2{font-size: 18px;}
#prem2 .title{font-weight: bold;font-size: 22px;padding-top: 10px;padding-bottom: 5px;}
#prem2 img{border-radius: 6px;}

#onas .grid{align-items: center;}

#text .container{padding: 30px; background-color: whitesmoke; border-radius: 20px;}

#vig .nav{flex-wrap:wrap; gap:10px;}
#vig .tabs{margin-bottom: 30px;}
#vig .tabs .nav-item{margin-bottom: 10px;}
#vig .tabs .nav-item a{color: black;padding: 15px 20px;border: 1px solid #00000020;border-radius: 4px;}
#vig .tabs .nav-item.active a{background-color: rgb(58,58,58);    color: white !important;}
#vig .tab-content{font-size: 18px;}
#vig .tab-content h3{margin-bottom: 20px;font-weight: bold;}
#vig .tab-content img{border-radius: 6px;}
#vig .flex{gap: 10px;}

@media (max-width: 330px) {
	.block h2, #about h2, #form3 h2, #price h2, #form2 h2, #vig h2, #form4 h2{font-size: 25px!important;}
}

#form4 .inner{text-align: center;border-radius: 10px;position: relative;font-size: 18px;background-color: rgb(58,58,58);color: white;font-weight: bold;}
#form4 h2{padding-bottom: 15px!important;padding-top: 0px!important; color: white; font-size: 35px !important; padding: 0 !important;}
#form4 .red{color: red;font-size: 20px;}
#form4 .button2{background-color: whitesmoke; color:rgb(58,58,58) ; padding: 15px 40px; border-radius: 20px; display: inline-block; transition: .5s; text-decoration: none;}
#form4 .button2:hover{background-color: black; color: white;}


@media (max-width: 921px) {
	#pricee .grid{gap: 0px!important;}
	#pricee .nav{flex-direction: row!important;flex-wrap: wrap;justify-content: center;}
	#pricee .nav .nav-link{width: 100%!important;padding: 15px!important;text-align: center;}
	#pricee .tab-content{display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}
	#pricee .table{box-shadow: none!important;}
	#pricee td, #pricee th{min-width: 200px;}
	}
	#pricee{font-weight: 500;padding-bottom: 0px;}
	#pricee .nav{display: inline-flex;flex-direction: column;gap: 5px;align-items: start;}
	#pricee .nav .nav-link{padding: 15px 30px;width: 100%;border-bottom-left-radius: 15px;border-top-right-radius: 15px; transition: 0.5s; color: rgb(58,58,58);}
	#pricee .nav .nav-item.active a, #pricee .nav .nav-item.hover a{background-color: rgb(58,58,58) !important; color: white;}
	#pricee .table{box-shadow: 0px 0px 40px rgba(101, 106, 116, 0.05);border-radius: 24px;padding: 20px;}
	#pricee table{width: 100%;border-collapse: separate;border-spacing: 0 6px}
	#pricee th{border: none;padding: 0px 10px 9px 10px;vertical-align: top;text-align: left;text-transform: uppercase;font-size: 12px;color: #656A74;letter-spacing: 0.12em;font-weight: 400;}
	#pricee td{border: none;padding: 15px 10px;vertical-align: top;background: #f9f9f9;}
	#pricee td:first-child{border-top-left-radius: 14px;border-bottom-left-radius: 14px;}
	#pricee td:last-child{border-top-right-radius: 14px;border-bottom-right-radius: 14px;}
	#pricee .table th{background-color: white;}

	.close{border: none;}
	.full{background-color: #fff;}
	.full a{color: black;}
	.full .modal-content{border: none;}
	.full .modal-dialog{max-width: 100%;position: relative;}
	.full .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;}
	.full .st{font-size: 18px;padding-bottom: 10px;}
	.full .list{list-style: none;padding-left: 0px;padding-top: 15px;font-size: 18px;gap: 5px;}
	.full .select2-selection, .full .select2-selection__arrow{height: 40px!important;}
	.full .select2-selection__rendered{line-height: 40px!important;}

img{max-width: 100%; height: auto;}
a{color: black ;}




#map{background: url(images/map.svg) center top no-repeat;background-size: contain;}
#map .city {gap: 5px;}
#map a{text-align: left; font-weight: 500;display: flex;gap: 10px; }
#map .btn{color: #12689b !important;}


#textrepeat .text{background: #f9f9f9;padding: 30px;border-radius: 24px;}
#textrepeat img{border-radius:20px;}
#textrepeat .grid{align-items:center;}

#cat2 h3{margin: 10px 0px;font-size: 20px;}
#cat2 p{font-size: 14px;color: #6D6D84;}
#cat2 .price{color: green;font-weight: 600;margin-bottom: 10px;font-size: 20px;}
#cat2 .button2{width: 100%;text-align: center;padding: 10px;}
#cat2 .calc{margin-top: 20px;width: 100%;}
#cat2 .item{text-align:center;}
#cat2 .title{font-size:20px !important; margin-bottom:30px;}

#cat2 .button2{display: inline-block;padding: 20px 55px;background: linear-gradient(#3a3a3a 0%, #3a3a3a 100%);border-radius: 4px;border: 1px solid #FFFFFF20;color: white;font-weight: 500;border-bottom: 5px solid #3e3e3e;text-align: center; text-decoration:none;}
#cat2 .button2:hover{background: black;color: white !important;border-bottom: 5px solid #AD8329;}


#text1 .num{font-size: 40px;line-height: 40px;font-weight: bold;margin-bottom: 10px;}
#text1 .text{text-transform: uppercase;color: gray;}
#text1 .grid{align-items:end;}
#text1 img, #cat img, #gallary img, #textrepeat img, #cat2 img, #lic img{border-radius: 5px;}

#okomp h2, #opl h2, #garant h2 {font-size: 30px !important; text-align: left;}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {	margin: 0 auto;}
@keyframes gradient-animation {0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;}}



/* Блок доверия (template-parts/trust.php) — заменил липовые «Сертификаты и лицензии», 04.09.2026 */
#trust .grid {gap: 20px;}
#trust .item {background: #f6f8f4; border-left: 4px solid #a4d020; border-radius: 6px; padding: 20px 22px;}
#trust .item .num {font-size: 26px; line-height: 1.2; font-weight: 700; color: #2f3b16; margin-bottom: 8px;}
#trust .item .text {font-size: 16px; line-height: 1.5; color: #333;}
@media (max-width: 767px) {#trust .item {padding: 16px 18px;} #trust .item .num {font-size: 22px;}}


/* Кнопка «наверх» стояла ровно под кнопкой мессенджеров: right:15px/bottom:15px
   у обеих. На телефоне одна перекрывала другую и нажать «наверх» было нельзя.
   Уводим её выше виджета. */
.btn-back-top {bottom: 130px;}
@media (max-width: 768px) {.btn-back-top {bottom: 78px; right: 17px; width: 40px; height: 40px;}
	.btn-back-top:before {top: 15px; left: 13px; width: 15px; height: 15px;}}


/* Кнопка «наверх»: скрыта до прокрутки и не перехватывает нажатия. */
.btn-back-top {opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s, visibility .25s;}
.btn-back-top.is-on {opacity: .8; visibility: visible; pointer-events: auto;}
.btn-back-top.is-on:hover {opacity: 1;}