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





@media (max-width:767px){
	.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: white;}
	.navbar-header .navbar-toggle .icon-bar{background-color: black;}
	.navbar-collapse{padding: 0px;}
	
	.grid{gap: 20px;}
	.col-m-2{grid-template-columns: repeat(2, 1fr);}
	
	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 .info{text-align: center;padding-top: 10px;padding-bottom: 10px;}

	.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;}
	
	#slide{padding: 40px 0px;}
	
	#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;}
	
	#map ul li {width: 50%;float: left;}
	
	.slider h1, #slide h1{padding-top: 35px!important;}
	.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) {
	.navbar-nav>li {float: none;}
	.modal .modal-body{padding: 24px 60px 20px;}
	.modal .modal-header{padding: 30px 30px 45px 36px;}
	h2{font-size: 35px!important;}
	.news h2{font-size: 25px!important;padding-top: 0px!important;padding-bottom: 10px!important;}
	.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;}
	
	.consult .ctitle:after{
		position: absolute;
		content: ' ';
		width: 24px;
		height: 45px;
		top: 50%;
		opacity: 1;
		background: url(images/arrow.png) 0px 0px no-repeat;
		z-index: 3;
		right: 30px;
		margin-top: -23px;
	}
	
	.flexslider:hover .flex-direction-nav .flex-next, .flex-direction-nav .flex-next{right: 5px!important;}
	.flexslider:hover .flex-direction-nav .flex-prev, .flex-direction-nav .flex-prev{left: 5px!important;}
	.iteminfo .det{padding: 20px 29px 0px 0px;}
	
	#slide{padding: 60px 0px;}
	
	.header .phones{text-align: right;font-size: 16px;}
	#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;}
	
	.navbar-default a{font-size: 12px;}
	
	.slider{background: url(images/slide.jpg) no-repeat center center;background-size: cover;}
	.slider .inner{
		margin-top: 120px!important;
		margin-bottom: 120px!important;
		background-color: #0000007a;
		color: white;
		border-radius: 10px;
		padding-bottom: 75px;
		position: relative;
	}
	.slider h1, #slide h1{font-size: 75px!important;}
	.slider h1 .city{font-size: 50px!important;}
	.slider .phone{
		font-size: 60px;
		line-height: 75px;
		padding-top: 50px;
		position: absolute;
		bottom: -35px;
		right: calc(50% - 383px);
		white-space: nowrap;
	}
	.slider .info{font-size: 30px;line-height: 35px;}
	
	.alignright{float: right;padding-left: 10px;padding-bottom: 10px;}
	
}

@media (min-width: 480px){
	.hero-flex-width{
		border-right: 1px solid green;
	}
	.hero-sale-item{
		margin-bottom: 25px;
	}

}

@media (max-width: 480px){
	.hero-flex-text{
		flex-direction: column;
	}
	.hero-sale{
		text-align: center;
		display: flex;
		gap: 30px;
	}
	.hero-flex-text ul{
		margin-left: auto;
		margin-right: auto;
	}
	.hero-text>div>h1, .hero-text>div>p, .hero-text>div>strong{
		text-align: center;
	}

}

@media (min-width: 992px) {
	.flexslider:hover .flex-direction-nav .flex-next, .flex-direction-nav .flex-next{right: 10px!important;}
	.flexslider:hover .flex-direction-nav .flex-prev, .flex-direction-nav .flex-prev{left: 10px!important;}
	
	.header .phones{text-align: right;font-size: 20px;}
	
		.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-60-40{grid-template-columns: 60% auto;}
	.hero-text div h1{
		font-size: 50px !important;
		font-weight: 700 !important;
	}
	.hero-text>div>p {
		font-size: 35px;
	}
	.hero-text>div>strong{
		font-size: 33px;
		font-weight: 700;
	}
	
}
@media (min-width: 1200px) {
	.navbar-default a{font-size: 14px;}
	.slider h1{font-size: 85px!important;}
} 







html, body{
	font: 13px/20px "Exo 2", Arial, sans-serif!important;
	font-size: 16px!important;
	margin: 0px;
	padding: 0px; 
}

h1{margin: 0!important;margin-bottom: 40px;font-size: 30px;line-height: 50px;text-align: left;}
h2{margin: 0!important;margin-bottom: 40px;font-size: 20px;line-height: 45px;}


.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;}
.grid{display: grid;}
.phone{white-space: nowrap;}
.time{font-size: 14px;color:gray;}




.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
#newprod .items .link{font-size: 20px; text-align: center; margin-bottom: 15px; margin-top: 15px; font-weight: 500; display: block;}
#newprod .items {border-radius: 10px;box-shadow: 0px 10px 30px rgb(178 178 178 / 42%); padding: 15px; margin-top: 20px; margin-bottom: 20px; text-align: center;}
.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: #006262;}
.owl-nav{display: none;}



#content_table td{font-size: 17px; padding: 5px 0;}
#content_table .bold{color: #006262; font-size: 17px; font-weight: 600; padding: 5px 3px;}

[id*="content-"] ul{line-height: 25px; font-size: 18px;}
[id*="content-"] p{font-size: 18px; line-height: 25px;}
[id*="content-"] h3{text-align: center;}
[id*="content-"] strong{font-weight: 600; color: #006262;}
[id*="content-"] h3{text-align: center;}
[id*="content-"] .grid{align-items: center;}
[id*="content-"] .bold{color: #006262; font-size: 20px; font-weight: 600;}

#content_about_us p{font-size: 18px; line-height: 25px;}
#content_about_us .grid{align-items: center;}
#content_about_us strong{font-weight: 600; color: #006262;}

#content_images .img{border: 1px solid #29a9eb; border-radius: 35px; padding: 15px;}
#content_images .img-fluid{border-radius: 25px;}
#content_images p{text-align: center; color: #006262; font-size: 20px; font-weight: 600;}

#newprod {text-align: center;}
#newprod .items{display: flex; flex-direction: column; text-align: center; border-radius: 25px; border:1px solid #006262; padding: 20px;}
#newprod img{width: 45px; height: 45px; margin-bottom: 10px; align-self: center;}
#newprod .text{line-height: 1.5;}
#newprod .author{font-weight: bold;}

#why_this_price .text{line-height: 30px; font-size: 20px;}
#why_this_price .flex{flex-direction: column; justify-content: center;}
#why_this_price p{line-height: 25px; font-size: 19px;}
#why_this_price .items{display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap;}
#why_this_price ul{line-height: 25px; font-size: 20px;}

#messengers{text-align: center;}
#messengers h3{font-size: 28px; font-weight: 600;}
#messengers h4{font-size: 20px;}
#messengers a{display: flex; justify-content: center; align-items: center; text-decoration: none; border-radius:30px;padding: 10px 10px; box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);}
#messengers .icons{width: 40px; height: 40px; margin-right: 10px;}
#messengers .name{font-size: 28px; color: white;}
#messengers .viber{background-color:#7460f2}
#messengers .telegram{background-color:#29a9eb}
#messengers .whatsapp{background-color:#0dc143}
#messengers .bg{margin: 15px 0 50px 0; border-radius: 50px;}

.anim-viber{border-radius: 30px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.anim-viber:hover{border-radius: 30px; -moz-box-shadow: 0 0 10px #7460f2;-webkit-box-shadow: 0 0 15px #006262; box-shadow:0 0 10px #006262; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.anim-telegram{border-radius: 30px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.anim-telegram:hover{border-radius: 30px; -moz-box-shadow: 0 0 10px #29a9eb;-webkit-box-shadow: 0 0 15px #006262; box-shadow:0 0 10px #006262; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.anim-whatsapp{border-radius: 30px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.anim-whatsapp:hover{border-radius: 30px; -moz-box-shadow: 0 0 10px #0dc143;-webkit-box-shadow: 0 0 15px #006262; box-shadow:0 0 10px #006262; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}


#discount .items{text-align: center;}
#discount .name_discount{padding: 15px 25px; margin-bottom: 25px; border-radius: 25px; border:1px solid #006262;}
#discount a {font-size: 18px; font-weight: 600; text-decoration: none;}
#discount .text{font-size: 20px;}

#orders{text-align: center;}
#orders .items{display: flex; flex-direction: column; justify-content: space-between;}
#orders img{border-radius: 25px;}
#orders .name, .price{padding-top: 10px;}
#orders .name{font-size: 22px;}
#orders a{color:black;}
#orders .price{color:#0e4f79; font-size: 25px; font-weight: 600;}



#main-worker .flex{display: flex; flex-direction: column; justify-content: center;}
#main-worker .main{font-size: 40px; font-weight: 600; line-height: 1;}
#main-worker .name{font-size: 23px; font-weight: bold;}
#main-worker .work{font-size: 20px; color: rgb(102, 102, 102)}
#main-worker .text{font-size: 18px; line-height: 1.4; border:1px solid #006262; border-radius: 25px; box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);}
#main-worker .item{padding: 15px 15px;}



#works{text-align: center;}
#works .items{padding: 15px; border: 1px solid #006262; border-radius: 25px; font-size: 18px; font-weight: 600;}
#works a{text-decoration: none;}


#delivery{text-align: center;}
#delivery .img{padding: 25px; border:1px solid #006262; border-radius: 25px; background-color:#ecf1f7}
#delivery .text{font-size: 18зч; font-weight: 400; padding-top: 15px;}
#delivery img{width: 125px; height: 125px; padding: 25px; border:1px solid #006262; border-radius: 25px;}


#stats .icons{width: 50px; height: 50px; padding-right: 15px;}
#stats .item{padding: 25px;}
#stats .flex {display: flex; flex-direction: column;}
#stats .item_flex {display: flex; flex-direction: row; align-items: center;}
#stats .bg{text-align: center;}
#stats .title{font-weight: 600;}


#consult {background-color: #297fb909}
#consult .col-pc-3 {justify-items: center; align-items: center;}
#consult .question {padding: 30px; border-left: 2px solid #006262; border-right: 2px solid #006262;}
#consult a{padding: 15px 50px; border:1px solid #006262; border-radius: 25px; text-decoration: none;}

#catalog .flex{display: flex; flex-direction: column; justify-content: space-between;}
#catalog .img{text-align: center;}
#catalog .items {text-align: center; gap: 10px; border:1px solid #006262; padding: 15px;}
#catalog .title {font-size: 22px; font-weight: 600; color: black;}
#catalog .descr {font-size: 18px; color: black;}
#catalog .price_after {font-size: 17px; font-weight: 600; color: #006262;}
#catalog .price_before {font-size: 17px; font-weight: 600; color: #a9b0bf; text-decoration:line-through;}
#catalog .price-container-flex{display: flex; justify-content: space-around;text-align: center; font-size: 19px; font-weight: 600;}
#catalog .price-flex{display: flex; justify-content: space-around;}
#catalog .price-text{color:black;}
#catalog .button_buy{padding: 7px 10px; font-size: 22px; font-weight: 600; text-align: center; border: 1px solid #006262; border-radius: 20px;}
#catalog a{text-decoration: none;}


#catalog-septic{text-align: center;}
#catalog-septic .img{text-align: center;}
#catalog-septic a{text-decoration: none;}
#catalog-septic .flex{display: flex; flex-direction: column; justify-content: space-between;}
#catalog-septic .items {border-radius: 25px; border:1px solid #006262; padding: 15px; gap: 15px;}
#catalog-septic .title-flex{border: 2px solid #a9b0bf36; border-radius:15px;}
#catalog-septic .title-column{font-size: 14px; color: #535353;}
#catalog-septic .items-flex-row{display: flex; flex-direction: row; justify-content: space-between;}
#catalog-septic .item-flex-column{display: flex; flex-direction: column; justify-content: space-between; font-size: 18px; border: 1px solid #a9b0bf36; border-radius: 15px; padding: 5px;}
#catalog-septic .item-column-down{font-size: 19px; font-weight: 600; color:#006262;}
#catalog-septic .descr {font-size: 18px; color: black;}
#catalog-septic .item-column{color: black;}
#catalog-septic .item-descr{border: 1px solid #a9b0bf36; border-radius: 15px; padding: 5px;}
#catalog-septic .price{font-size: 20px; font-weight: 600; color:#006262;}
#catalog-septic .button_buy{padding: 7px 10px; font-size: 22px; font-weight: 600; text-align: center; border: 1px solid #006262; border-radius: 20px;}


#catalog-delivery-kolca{text-align: center;}
#catalog-delivery-kolca .img{text-align: center;}
#catalog-delivery-kolca a{text-decoration: none;}
#catalog-delivery-kolca .flex{display: flex; flex-direction: column; justify-content: space-between;}
#catalog-delivery-kolca .items {border-radius: 25px; border:1px solid #006262; padding: 15px; gap: 15px;}
#catalog-delivery-kolca .title-flex{border: 2px solid #a9b0bf36; border-radius:15px;}
#catalog-delivery-kolca .title-column{font-size: 14px; color: #535353;}
#catalog-delivery-kolca .items-flex-row{display: flex; flex-direction: row; justify-content: space-between; }
#catalog-delivery-kolca .item-flex-column{margin: 0 5px; display: flex; flex: 1; flex-direction: column; justify-content: space-between; font-size: 18px; border: 1px solid #a9b0bf36; border-radius: 15px; padding: 5px;}
#catalog-delivery-kolca .item-column-down{font-size: 19px; font-weight: 600; color:#006262;}
#catalog-delivery-kolca .descr {font-size: 18px; color: black;}
#catalog-delivery-kolca .item-column{color: black;}
#catalog-delivery-kolca .item-descr{border: 1px solid #a9b0bf36; border-radius: 15px; padding: 5px; }
#catalog-delivery-kolca .price{font-size: 20px; font-weight: 600; color:#006262;}
#catalog-delivery-kolca .button_buy{padding: 7px 10px; font-size: 22px; font-weight: 600; text-align: center; border: 1px solid #006262; border-radius: 20px;}

#catalog-delivery-houses{text-align: center;}
#catalog-delivery-houses .img{text-align: center;}
#catalog-delivery-houses a{text-decoration: none;}
#catalog-delivery-houses .title{font-size: 14px; color: #535353;}
#catalog-delivery-houses .flex{display: flex; flex-direction: column; justify-content: space-between;}
#catalog-delivery-houses .items {border-radius: 25px; border:1px solid #006262; padding: 15px; gap: 10px;}
#catalog-delivery-houses .pre_descr{color: black; font-size: 15px;}
#catalog-delivery-houses .title-flex{border: 2px solid #a9b0bf36; border-radius:15px;}
#catalog-delivery-houses .descr{color: black; padding: 10px; border: 1px solid #a9b0bf36; border-radius: 5px;}
#catalog-delivery-houses .price{font-size: 20px; font-weight: 600; color:#006262;}
#catalog-delivery-houses .button_buy{padding: 7px 10px; font-size: 22px; font-weight: 600; text-align: center; border: 1px solid #006262; border-radius: 20px;}


#before-call .flex-row{border: 2px solid #006262; border-radius: 25px;}
#before-call .items{padding: 15px;}
#before-call .flex{display: flex; flex-direction: column;}
#before-call .flex-row{display: flex; justify-content: center;}
#before-call .item-flex{display: flex; padding: 20px; align-items:center;}
#before-call .icon{min-width: 20px; height: 20px; background-color: #006262; border-radius: 5px; margin-right: 15px;}

#what_we_make {text-align: center;}
#what_we_make .items{padding: 35px; border: 1px solid #006262; border-radius: 15px;}
#what_we_make img{width: 55px;}
#what_we_make .number {font-size: 65px; font-weight: 600; padding-top: 40px; padding-bottom: 45px; color: #006262;}
#what_we_make .text {font-size: 24px; font-weight: 600;}

.hover-effect {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.hover-effect:hover {-moz-box-shadow: 0 0 10px #006262;-webkit-box-shadow: 0 0 15px #006262; box-shadow:0 0 10px #006262; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}


.hover-effect1 {border-radius: 25px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.hover-effect1:hover {border-radius: 0px; -moz-box-shadow: 0 0 10px #006262;-webkit-box-shadow: 0 0 15px #006262; box-shadow:0 0 10px #006262; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}

.hover-effect1-curcle {border-radius: 15px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.hover-effect1-curcle:hover {border-radius: 15px; -moz-box-shadow: 0 0 10px #006262;-webkit-box-shadow: 0 0 15px #006262; box-shadow:0 0 10px #006262; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease; text-decoration: none;}

.hover-effect1_for_accordion{border-radius: 0px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.hover-effect1_for_accordion:hover {border-radius: 0px; -moz-box-shadow: 0 0 10px #006262;-webkit-box-shadow: 0 0 15px #006262; box-shadow:0 0 10px #006262; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}


.img-animation {border-radius: 15px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.img-animation:hover {border-radius: 0px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}


.btn-back-top {opacity: 0;background: #006262;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);}


.div_prem{font-size: 18px;}
.p_prem{font-size: 20px; font-weight: 600; color: #006262;}

/* Кнопка вотсап */
.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;}}

/* Топ акция */
.ntf{background-color: #799511;color: white;padding: 10px;}
.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;}

/* Ваш город ? */
.city{position: relative;}
.citychose{position: absolute;background-color: #799511;padding: 15px 20px;top: 4.2em;left: 2em;border-radius: 10px;color: white;box-shadow: 0px 20px 45px rgb(0 0 0 / 16%);z-index: 777;font-size: 14px;}
.citychose:before{width: 1.3rem;height: 1.3rem;content: '';position: absolute;top: -.5rem;transform: rotate(45deg) skew(10deg,10deg);border-radius: .3rem;left: 2rem;background: inherit;}
.citychose .chose{display: flex;gap: 15px;}
.citychose .chose a{color: white;white-space: nowrap;font-weight: bold;border-bottom: dotted 1px;text-decoration: none;}
.citychose .chose a:hover{border-bottom: none;}
.citychose .title{margin-bottom: 5px;}
.citychose .title span{font-weight: bold;}
.citychose .city-close.x{position: absolute;top: 5px;right: 9px;color: white;text-decoration: none;font-size: 27px;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;}
@media (max-width: 921px) {.citychose{left: 0;right: 0;margin: auto;max-width: 300px;top: 75px;}}


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

.ac {align-items: center;}


/* Форма связи */
.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: 3px solid red!important;}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output{display: block;font-size: 14px;color: red;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: 10px 0px;width: 100%;}
.wpcf7 .wpcf7-form.submitting .ajax-loader {display: block;background-image: url(images/ajax-loader.gif);width: 24px;height: 24px;position: absolute;bottom: -25px;}

#map{padding-top: 0px;background: url(images/map.png) center top no-repeat;background-size: contain;}
#map li{list-style: none;}
#map a{color: black;}

#slide{position: relative;color: white;text-align: center;}
#slide:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 2;}
#slide .inner {position: relative;z-index: 3;}
#slide .text{font-size: 20px;margin-bottom: 20px;}
#slide .button{color: white;border: none;background-color: #006262;padding: 20px 40px;font-size: 18px;text-decoration: none;}
#slide .button:hover{background-color: black;}

.slider h1, #slide h1{text-transform: uppercase;font-weight: bold!important;}
.slider .button{background-color: #006262;color: white;padding: 15px 40px;font-size: 20px;margin-top: 15px;}
.slider .button:hover{background-color: black;border-color: black;}

.soc{display: flex;}
.soc>a{margin-right: 5px;}

.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: #006262;border-color: #006262!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);}

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

.slider{text-align: center;color: black;}

.slider h1 .city{text-transform: none;}
.slider .phone a{
	color: white;
    background-color: #006262;
    padding: 15px;
    border-radius: 10px;
}
.slider .phone a:hover{text-decoration: none;}
.slider .info span{font-weight: bold;color: red;font-size: 40px;}

.header{padding-top: 15px;padding-bottom: 15px;background: linear-gradient(to top, #ffffff, #daf1f4);}

.header .info{padding-top: 20px;text-align: center;display: flex;justify-content: space-around;}
.header .info .pd{margin-left: 5px;}
.header .info a{color:#006262;font-weight: bold;}
.header .info .fa{color: #006262; font-size: 20px;padding-right: 5px;}

.header .phones{font-weight: 600;line-height: 21px;}

.header .phones a{display: block;color: #222222;text-align: right;}
.header .phones .fa{color: #006262;vertical-align: top;padding: 6px 5px 0px 8px;}

.button{
	display: inline-block!important;
    vertical-align: middle;
	color: #006262;
    border: 2px solid #006262;
	letter-spacing: 0.03em;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 25px;
    padding: 4px 12px 4px;
	margin-top: 5px;
	text-decoration: none;
}

.navbar-collapse{padding: 0px!important;}
.navbar-default{
	margin-bottom: 0px!important;
	min-height: auto!important;
    border: 0px solid !important;
	background: #f2f7f9;
	border-radius: 0px;
	z-index: 20;
}
.navbar-default a{
	color: #5e5e5e!important;
	white-space: nowrap;
	font-weight: bold;
	line-height: 20px;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.navbar-default .active a{background-color: #006262!important;color: white!important;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: #006262!important;color: white!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: white!important; background-color: #1b242c!important;}
.dropdown-menu .active a{color: white!important; background-color: #1b242c!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: #006262;
}
#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{
    padding: 10px 40px;
    font-size: 15px;
    display: inline-block;
    text-transform: uppercase;
}


#gallary .gall{display: flex;width: 100%;flex-wrap: wrap;row-gap: 30px;}


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


.block{padding-top: 30px; padding-bottom: 30px;}
.block .stitle{padding-top: 10px;padding-bottom: 20px;font-size: 22px;}


.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: #006262;
}

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


.contpage{padding-bottom: 20px;}
.contpage table td{vertical-align: top;}
.contpage .fa {
    height: 54px;
    width: 54px;
    border-radius: 3px;
	background: #006262;
	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;
}

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


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

.news h2 a{color: #006262;}
.news .data{
	background-color: #006262;
    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: #006262 !important;
    border: 2px solid #006262;
    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: #006262;
	background: #006262;
	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: #006262;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: #006262 !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: #006262;
	padding-top: 22px;
	padding-bottom: 40px;
	color: white;
	margin-top: 20px;
}
.footer .widget-title{
	color: white;
	font-size: 22px;
    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 strong{font-size: 22px;}
.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;
}
	
	
	
	
.vop .modal-content{padding: 0px;}
	

.modal {text-align: center;}
.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}

.modal .modal-content{border-radius: 0px;}
.modal .modal-header .text{padding-left: 74px;color: #fff;}
.modal .modal-header .mt{
	font-size: 24px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 5px;
    color: #fff;
}
.modal .modal-header .fa{
	width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
	color: #006262;
    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{
	background: #006262!important;
}


.modal .modal-body label{color: #444444;font-weight: 300;font-size: 20px!important;}
.modal .modal-body label span{color: red;}
.modal .modal-body .form-control{border-radius: 0px;box-shadow: none;border: 1px solid #d7dee3;}
.modal .modal-body .acc{padding-top: 25px;padding-bottom: 10px;}
.modal .modal-body .acc a{color: #006262;}

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




.ezfc-form .button{
	display: inline-block;
    background-color: #006262!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;
}


/*Стили Алешки*/
.no-wrap{
	flex-wrap: nowrap !important;
}

.hero-text>div>h1{
padding: 0 !important;
color: rgb(41,128,185);
margin-bottom: 6px;
}

.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: red;
}
.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: 2px solid #006262;
	color: white;
	background-color: #006262;
}



.form-chistka-gap {
	gap: 15px !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);
}
.price__table {
    width: 100%;
    margin-bottom: 20px;
}

.price__table tbody tr td, .price__table thead tr td, .price__table tbody tr th, .price__table thead tr th {
    box-sizing: border-box;
    text-align: left;
    text-align: center;
}
.price__table tbody tr td:first-child, .price__table thead tr td:first-child, .price__table tbody tr th:first-child, .price__table thead tr th:first-child {
    text-align: left;
    width: 43.45%;
}
.price__table thead tr {
    font-weight: 600;
    padding: 16px 0;
    background-color: rgb(41,128,185) ;
    border-radius: 4px;
    color: #fff;
}
thead tr th:first-child {
    padding-left: 52px;
}
.price__table tbody tr {
    padding: 7px 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.price__table tbody td {
    font-size: 16px;
    color: #211f2e;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;

}
.price__table tbody tr td:first-child, .price__table thead tr td:first-child {
    padding-left: 30px;
}
.price__table tbody tr:nth-child(2n) {
    background-color: #ECF1F7;
}
.price__table tbody tr:hover .price__btn {
    opacity: 1 !important;
}
.price__table tbody tr:hover .price__check {
    opacity: 0;
}
.price__check {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    pointer-events: none;
}
.price__btn {
    padding: 8px 0;
    background-color: rgb(41,128,185) ;
	color: white;
    border-radius: 4px;
    min-width: 176px;
    width: 176px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 0 !important;
}

/*Вопрос ответ*/

#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;
	}
}
@media(max-width:921px){
	#accordion .item a{
		padding-right: 40px;
	}
}
#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: rgb(177,214,255);
}

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

/*Услуги которые мы предоставляем*/
#uslugi{
	text-align: center;
}
#uslugi>div{
	padding: 10px;
}
#uslugi a{
	text-decoration: none;
}
#uslugi img{
	border-radius: 20px;
}
.uslugi-text{
	background-color: rgb(232,243,255);
	border-radius: 20px;
	margin-top: 10px;
}
#uslugi>div:hover{
	border-radius: 20px;
    box-shadow: 0px 20px 30px 12px rgb(42 56 92 / 16%);
}
.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;
}

#form-garant{
	background-color: #f5f5f5;
	border-radius: 5px;
}
#form-garant a{text-decoration: none;}
.form-garant-desc{
	padding: 15px;
}
.form-garant-desc>a{
	display: inline-block;
	color: white;
	padding: 10px 15px 10px 15px;
	background-color:rgb(41,128,185) ;
	border-radius: 4px;
}
.garant-img-center{
	text-align: center;
	width: 100%;
}
.form-garant-desc>h2{
	color: rgb(41,128,185);
	text-transform: uppercase;
	text-align: left !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;
	}
}

/*test*/
.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 #1297cc;
	border-color: rgb(41,128,185);
	background: #ffffff;
	transition: all 0.3s linear;
	border: 1px solid rgb(41,128,185);
	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: -9px;
	z-index: 1;
	text-align: center;
}
#dost{
	text-align: center;
	gap: 0 !important;
}
#dost>div{
	border: 1px solid rgb(41,128,185);
}
.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: rgb(41,128,185);
	}
}
@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);
	}
}

#section-prichin>h2{
	font-weight: 700 !important;
}
#section-prichin>h2>span{
	color: rgb(41,128,185);
}
.flex-desc-prich{
	gap: 15px;
	padding: 15px;
	flex-wrap: nowrap;
	align-items: center;
}

.flex-desc-prich>span{
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	height: 100%;
	vertical-align: middle;
}

@media(min-width:991px){
	.fon-prichin{
		height: 100%;
		position: relative;
	}
	.fon-prichin>img{
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
}

/*Причины доверия*/
#special>h2{
	font-weight: 700 !important;
}
#special>h2>span{
	color:rgb(41,128,185) ;
}

.special-box {
    display: inline-block;
    position: relative;
    border: 2px solid #006262;
    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% + 4px);
    height: 80%;
    transition: height 0.6s;
}
.special-box:after {
    height: calc(100% + 4px);
    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;
}

/*Форма связи*/
.contact-left{
	position: relative;
}
.contact-sale>strong{
	color: red;
	font-weight: 700;
	font-size: 40px;
	padding: 15px;
}

@media (max-width:921px) {
	.contact-left{
		height: 500px;
	}
	.contact-left>img{
		height: 100%;
		object-fit: cover;
	}
}
.contact-sale{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 280px;
    background-color: #fff;
    border-radius: 0px 100px 0px 0px;
    box-sizing: border-box;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 10px;
}
.contact-sale>p{
	padding-top: 5px;
}
.contact-sale-m{
	font-weight: 700 !important;
	font-size: 35px;
	color: rgb(21,208,19);
}
.contact-sale-m>span{
	font-size: 24px;
}
.contact-form-fon{
	background-color: rgb(218, 218, 218);
	border-radius: 6px;
}
.contact-form-fon .init, .contact-form-fon .wpcf7-form.invalid,.contact-form-fon .submitting{
	padding: 25px !important;
}
.contact-form-fon .wpcf7-response-output {
display: none !important;
}
.contact-form-fon>p{
	padding-left: 25px;
	padding-right: 25px;
	color: rgb(41,128,185);
}

.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:first-child {
    border-top-left-radius: 6px;
}
#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 #126db6;
}
#tabs-desc .tab-pane h3{
	font-weight: 600 !important;
	color: rgb(5, 113, 185);
}
/*Преимущества 2*/
#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;
}
#block-desc .grid{
	width: 100% !important;
	gap: 10px;
}
#block-desc .item{
	border-radius: 5px;
}

@media(min-width:991px){
	#block-desc>.flex{
		flex-wrap: nowrap;
	}
	#block-desc>.flex>h2{
		flex: 0 0 33%;
		font-weight: 700 !important;
		text-align: left;
	}
}

/*Качественное выполнение работ*/
.garant-fon{
	background-image: url(images/garant-fon.png) ;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.garant-fon 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: 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;
}

#desc-info{
	background: url(images/desc-info-fon.jpg) 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;
}

#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: 370px;
}

.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: rgb(5, 113, 185);
}

#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,
#inf-search .flex{
	flex-wrap: nowrap;
}
#inf-season p, #inf-map p, #inf-depth p,
#inf-search p{
	padding: 10px;
	margin: 10px;
}

#inf-map{
	background: url(images/inf-map.jpg) no-repeat center center;
	background-size: cover;
	color: white;
}
#inf-map h2,
#inf-search 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: 30px !important;

}

.anim-btn{text-decoration: none;}

#inf-search{
	background: url(images/inf-search.jpg) no-repeat center center;
	background-size: cover;
	color: white;
}
#banner-button{
	background-color: whitesmoke;
}
#banner-button .flex{
	align-items: center;
}
@media(min-width:768px){
	#banner-button .flex{
		flex-wrap: nowrap;
	}
	#banner-button .desc-left{
		flex: 0 0 58%;
	}
}
.desc-left{
	text-align: center;
}
.desc-left 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;
}
.desc-left strong{
	color: red;
}
.desc-right{
	width: 100%;
	text-align: center;
}
#septik-info{
	background-color: whitesmoke;
}
#septik-info #accordion .item a{
	justify-content: center;
	padding: 0 0 10px 0;

}
#septik-info #accordion .item .collapsed::after{
	content: '+';
}
#septik-info .grid{
	align-items: center;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	gap: 0;
}


#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{
    display: inline-block;
    position: relative;
    border: 2px solid #006262;
    transition: all .3s ease;
    margin: 10px;
}

#septik-tabs .tab-content::before{
	width: calc(100% + 6px);
    height: 70%;
	content: "";
    z-index: 1;
    display: block;
    position: absolute;
    background: #FFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
}
#septik-tabs .tab-content::after{
	height: calc(100% + 6px);
    width: 85%;
	content: "";
    z-index: 1;
    display: block;
    position: absolute;
    background: #FFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
}

#septik-tabs .tab-content h3{
	color: rgb(14,79,121);
}

#septik-tabs .tab-pane{
	padding: 25px;
    z-index: 2;
    position: relative;
    font-size: 19px;
    line-height: 1.2;
}

#septik-tabs img{
	border-radius: 10px;
}
.septik-item{
	background-color: whitesmoke;
}



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


.price-button{
	text-decoration: none !important;
	padding: 0 !important;
	display: block !important;
}
.price-button h4{
	font-size: 20px;
	font-weight: 500;
	color: rgb(14,79,121);
	padding-left: 10px;
	padding-right: 10px;
}

.price-button>img{
	border-radius: 15px;

}
.price-button .flex{
	justify-content: space-between;
	padding: 15px;
}
.price-button .flex>p{
	background-color: rgb(242,245,250);
	padding: 10px;
	border-radius: 5px;
	font-size: 18px;
}

#septik-price>div>div>div{
	border-radius: 20px;
    box-shadow: 0px 20px 30px 12px rgb(42 56 92 / 16%);
}


#prem-septik .flex{
	flex-wrap: nowrap;
}
#prem-septik h3{
	font-weight: 600;
	margin-top: 0;
}
#prem-septik p{
	line-height: 1.5;
}

#prem-septik{
	background: url(images/prem-fon-septik.jpg) no-repeat center center;
	background-size: cover;
	
}



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

#septik-tab-shema{
	/*
	background: url(images/fon-shem.jpg) no-repeat center center;
	background-size: cover;
	*/
	background-color: #006262;
	color: white ;
}
#septik-tab-shema .flex{
	flex-wrap: nowrap;
}

#septik-tab-shema ul li{
	width: 100%;
}
#septik-tab-shema ul li a{
	color: white !important;
}
#septik-tab-shema .tab-content{
	padding: 20px;
}
#septik-tab-shema .nav-link{
	border: none !important;
}

#septik-tab-shema .nav-item{

	position: relative;
	border: 2px solid white;
	transition: all .3s ease;
	margin: 10px;
}
#septik-tab-shema .nav-item:after {
    height: calc(100% + 6px);
    width: 90%;
    transition: width 0.6s;
}
#septik-tab-shema .nav-item:before {
    width: calc(100% + 6px);
    height: 80%;
    transition: height 0.6s;
}

#septik-tab-shema .nav-item:before, #septik-tab-shema .nav-item:after {
    content: "";
    z-index: 1;
    display: block;
    position: absolute;
    background: #006262;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
}

#septik-tab-shema .nav-link {
    z-index: 2;
    position: relative;
    font-size: 19px;
    line-height: 1.2;
	background-color: #006262;
	border-radius: 5px;
}

#septik-tab-shema .nav-item:hover:before, #septik-tab-shema .nav-item:focus:before {
    height: 50%;
}

#septik-tab-shema .nav-item:hover:after, #septik-tab-shema .nav-item:focus:after {
    width: 75%;
}

#septik-ac{
	background-color: whitesmoke;

}


#septik-ac .item{
	border-bottom: 1px solid rgb(182,216,254);
	place-self: flex-start;
	width: 100%;
	line-height: 1.5;
}
#septik-ac #accordion .collapsed:after {
	content: "+";
}



#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{
	line-height: 1.3;
}

#septik-prem>div>div>div>strong{
	text-align: center;
	font-size: 20px;
	display: inline-block;
	padding-top: 15px;
}

#septik-prem .icon{
	min-width: 50px;
	margin-right: 10px;
}
#septik-prem .flex{
	padding-top: 20px;
}
#septik-form {
	color: white;
	background: url(images/pred2.jpg) no-repeat center center;
	background-size: cover;
}
#septik-form h2{
	border-color: white;
	color: white;
}
#septik-form .text-center{
	border: 1px solid white;
}

#septik-form .wpcf7 .wpcf7-text{
	text-align: center !important;
	display: inline-block;
	width: auto;
	background-color: transparent !important;
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
}
.septik-btn input{
	background-color: transparent;
	border: 1px solid white;
	border-radius: 30px;
	padding: 10px 15px 10px 15px;
	margin-bottom: 25px;
}
.pol{
	padding-top: 20px;
    color: rgba(255, 255, 255, 0.6);
}

 .pol:before {
    content: url(images/pol.png);
    width: 29px;
    height: 33px;
    margin-right: 10px;
    float: left;
    margin-top: 5px;}

#kopka-prem{
	background: url(images/kopka-prem-fon.jpg) no-repeat center center;
	background-size: cover;
	color: white;
}
#kopka-prem h2{
	color: white;
	border-color: 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: "+";
}

/* Калькулятор */
/* Лейбел */
.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: #006262!important;border: none;}
/* Цена */
.ezfc-form .ezfc-price {font-weight: bold;}
.ezfc-form .ezfc-price-value {color: #006262;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;}
}
@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: #006262;}
.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;}


/* Радио и чек */
.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;}
.fcheck .ezfc-element-radio-input:checked+.ezfc-addon-label:after {background-color: #006262;}
/* Чекбокс */
.fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label {color: #006262;}
.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: #006262!important;}


.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%;}
}



@media(min-width:320px){
    .col-mb-2{grid-template-columns: repeat(2, 1fr);}
    .col-mb-3{grid-template-columns: repeat(3, 1fr);}
    .grid{display:grid;gap: 30px;}
    section{padding:40px 0;background-size: cover!important;background-repeat: no-repeat!important;position: relative;overflow:hidden;}
    .flex{display: flex; align-items: center;flex-wrap: wrap;gap: 30px;justify-content:center;}
	.flex-col{display: flex;flex-direction: column;align-items: center;gap: 30px;}
    h1{font-size: 30px;line-height: 35px;margin-bottom: 30px!important;}
    h2{text-align: center;margin-bottom:40px!important;text-transform: uppercase;}
	h3{margin-bottom: 20px;}
	p{font-size: 20px;line-height: 22px; text-align: left;}
	li{margin-bottom: 10px;}
	.nav-tabs{flex-wrap: wrap;}
	#menu-glavnoe-menyu{flex-direction: column;}
	#banner .banner-col{grid-template-columns: none; gap: 20px;}
	#block_tabs_2 .col-tabs-col{grid-template-columns: none;gap: 30px;}
	#info-kolec .flex-main{flex-direction: column;}
	#plashka_min .text{text-align: center;}
	:root{--vs:15px;--lh:20px;}

	/* Кнопки */
	.button-fill{width: 250px;border-radius:0px;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: var(--vs)!important;line-height: var(--lh)!important; text-transform: uppercase;text-decoration: none!important;background-color: var(--c1);border: 3px solid var(--c1);transition: var(--trans-fast);padding: 20px;color: white;}
	.button-fill:hover{transition: var(--trans-fast);background-color: var(--c2);border-color: var(--c2);color: white;}
	.button-out{width: 250px;border-radius:0px;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: var(--vs)!important;line-height: var(--lh)!important; text-transform: uppercase;text-decoration: none!important;background-color: transparent;border: 3px solid white;transition: var(--trans-fast);padding: 20px;color: white;}
	.button-out:hover{transition: var(--trans-fast);background-color: var(--c2);border-color: var(--c2);color: white;}
	/* Кнопки */
}

@media(min-width:768px){
    .col-pl-2{grid-template-columns: repeat(2, 1fr);}
    .col-pl-3{grid-template-columns: repeat(3, 1fr);}
    .col-pl-4{grid-template-columns: repeat(4, 1fr);}
    .col-pl-5{grid-template-columns: repeat(5, 1fr);}
	#menu-glavnoe-menyu{flex-direction: row;}
	#banner .banner-col{grid-template-columns: 70% 30%; gap: 0px;}
	#block_tabs_2 .col-tabs-col{grid-template-columns: 35% auto;gap: 0;}
	#info-kolec .flex-main{flex-direction: row;}
	#plashka_min .text{text-align: left;}
	:root{--vs:17px;--lh:22px;}
}

@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-pc-7{grid-template-columns: repeat(7, 1fr);}
    .grid{display:grid;gap: 30px;}
    .flex{display: flex; align-items: center;flex-wrap: nowrap;}
	.flex-col{display: flex;flex-direction: column;align-items: flex-start;gap: 30px;}
    h1{font-size: 30px;line-height: 50px;margin-bottom: 40px;}
    h2{font-size: 20px;line-height: 60px;}
    h3{font-size: 25px;line-height: 30px;}
	.nav-tabs{flex-wrap: nowrap;}
	/* Кнопки */
	.button-fill{width: 300px;border-radius:20px;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 20px;text-transform: uppercase;text-decoration: none!important;letter-spacing: 1px;background-color: var(--c1);border: 3px solid var(--c1);transition: var(--trans-fast);padding: 20px;color: white;}
	.button-fill:hover{transition: var(--trans-fast);background-color: var(--c2);border-color: var(--c2);color: white;}
	.button-out{width: 300px;border-radius:0px;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 20px;text-transform: uppercase;text-decoration: none!important;letter-spacing: 1px;background-color: transparent;border: 3px solid white;transition: var(--trans-fast);padding: 20px;color: white;}
	.button-out:hover{transition: var(--trans-fast);background-color: var(--c2);border-color: var(--c2);color: white;}
	/* Кнопки */
	:root{--vs:20px;--lh:25px;}
}

@media(min-width:1200px){

}


#menu-item-1231{display: none;}

p,li,ul{font-size: var(--vs)!important;line-height: var(--lh)!important; }
.black-filter::before{content: '';position: absolute;background-color: black;top: 0;right: 0;left: 0;bottom: 0;margin: auto;opacity: 0.5;}
.firm-filter::before{content: '';position: absolute;background-color: var(--c3);top: 0;right: 0;left: 0;bottom: 0;margin: auto;opacity: 0.5;}
section img{max-width: 100%;height: auto;}
html,body{color: var(--c5)!important;}
.container{position: relative;}
a, a:hover{text-decoration: none!important;}

.fade{transition: opacity .15s linear;}
/* .fade:not(.show){opacity: 0;} */
/* .collapse:not(.show){display: none;} */
.collapsing {position: relative;height: 0;overflow: hidden;transition: all 1000ms cubic-bezier(0.630, 0.060, 0.250, 1.000);}


:root{
	--c1:#006262;
	--c2:#005881;
	--c3:#003e5a;
	--c4:#e3e9eb;
	--c5:#171a1c;
	--trans:all .5s ease-in-out 0s;
	--trans-fast:all .25s ease-in-out 0s;
}


/* Меню */
.navbar-header {display: none;}
.header .button-out{color: var(--c5);text-transform: none;padding: 5px 10px;text-align: center;border-color: var(--c1);width: fit-content;float: right;}
.header .button-out:hover{color: white;background-color: var(--c2);border-color: var(--c2);}
#mainmenu{display: block;}
#menu-glavnoe-menyu{justify-content: space-between;flex-wrap: nowrap;display: flex;}
#menu-glavnoe-menyu li{width: 100%;margin:0;}
#menu-glavnoe-menyu li a{padding: 10px;display: flex;justify-content: center;align-items: center;text-decoration: none;}
.nav-justified>.dropdown .dropdown-menu{width: 100%;}
.chosen-container-single .chosen-single span{font-size: var(--vs);}
#ModalYourCityChoose .st{font-size: var(--vs)!important;margin-bottom: 20px!important;}
#ModalYourCityChoose .title{font-size: 25px!important;}
/* Меню */

.table-respos{overflow-y: hidden;overflow-x: auto;}

/*#za, #con, modal*/

	#ModalYourCityChoose .modal-dialog{height: 100%;background-color: white;display: flex;}
	#ModalYourCityChoose .modal-content{box-shadow: none;border: none;}

	/* ОСНОВА */
	#con,#za {padding: 0px!important;-webkit-overflow-scrolling: touch;overflow-y: auto; transition: var(--trn-low);backdrop-filter:brightness(0.5);}
	#con .modal-body,#za .modal-body{display: table; height: 100%;max-width: 450px;position: absolute;right: 0;padding: 30px;padding-top: 75px;background-color: white;}
	#con .modal-body .close,#za .modal-body .close{right: 15px;top: 15px;position: absolute;background-color: transparent;border: none;cursor: pointer;}
    #con .info,#za .info{width: 100%;height:100%;display:flex;justify-content:center;flex-direction:column;}
	#con .info h3,#za .info h3{text-align: left;width: 100%;}
    #con .modal-body .attention,#za .modal-body .attention{color: gray;font-size: 15px;line-height: 14px;}
	.modal.in .modal-dialog{margin: 0!important;float: right;width:100%;max-width:450px;}
/* ОСНОВА */
/* СТИЛИ */
	#con .modal-content,#za .modal-content{border-radius: 0px;border: none;background-color: transparent;box-shadow: none;height:100vh;padding:0;}
	#con input,#con textarea,#za input,#za textarea{border: none;border-bottom: 2px solid var(--c1);margin-bottom: 30px;padding: 15px;font-size: var(--vs)!important;color: var(--c5)!important;}
	#con input,#con textarea,#za input {outline:none!important;}
    #za span,#con span{margin: 0;}
	#za .btn, #con .btn{color:white!important;}
/* СТИЛИ */

.fullscreen{padding: 0px!important;color: black;-webkit-overflow-scrolling: touch;}
.fullscreen .modal-dialog {max-width: 100%;width: 100%;height: 100%;min-height: 100%;margin: 0;padding: 0;float: right;}
.fullscreen .modal-content {height: 100%;min-height: 100%;border-radius: 0;background: white;overflow:auto;padding: 15px;padding-top: 50px;}
.fullscreen .close{position: absolute; right: 15px;background-color:transparent;border:none;}
/*#za, #con, modal*/

.nav-tabs{justify-content: space-between;gap:30px; border: none;display: flex;}
.nav-tabs li{width: 100%;text-align: justify;}
.nav-tabs li>a{background-color: var(--c1);color: white;font-size: var(--vs)!important;line-height: var(--lh);padding: 20px; border: none!important;margin: 0;border-radius: 0px!important;transition: var(--trans-fast);display: flex;justify-content: center;align-items: center;cursor: pointer;}
.nav-tabs .nav-link.active{background-color: var(--c2)!important;color: white!important;}
.nav-tabs li .nav-link:hover{background-color: var(--c2)!important;color: white!important;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color: var(--c2)!important;color: white!important; text-align: justify;}
.nav-tabs .nav-link.active:hover{background-color: var(--c2);color: white!important;}
.tab-content{padding: 30px;background-color: var(--c4);border-radius: 0px;margin-top: 30px;}
.tab-content h3{font-size: 30px;font-weight: 600;}
.tab-content li{margin-bottom: 10px;}

.owl-nav{display: flex;justify-content: center;gap: 30px;margin: 20px 0;}
.owl-nav button{background-color: var(--c1)!important;width: 60px;transition: var(--trans-fast);border-radius: 0px!important;outline: none!important;}
.owl-nav button:hover{background-color: var(--c2)!important;transition: var(--trans-fast);}


#banner strong{text-align: left;display: block;font-size: 25px;margin-bottom: 30px;}
#banner{color: white;padding: 0;}
#banner .flex-col:first-child>div{display: flex;align-items: center;gap: 20px;}
#banner p{margin: 0;font-size: var(--vs);line-height: var(--lh);}
#banner .banner-col{margin-bottom: 30px;display: grid;align-items: center;}
#banner .flex-col:first-child{padding-right: 10px;margin-right: 10px;border-right: 1px solid white;}
#banner .flex-col:last-child>div{display: flex;flex-direction: column;gap: 10px;font-weight: 600;}
#banner .flex-col:last-child{align-items: center;font-size: 25px;}
#banner .flex-col:last-child p{text-align: center;}
#banner .gray{color: #979797;}
#banner .grid:first-child>div:first-child{backdrop-filter: blur(10px);padding: 30px;}

.calc{margin-top: 40px;}

#about_us h2{text-align: left;}
#about_us .grid{align-items: center;}

#prem2 .item{transition: var(--trans-fast);scale: 1;box-shadow: none;border-radius: 0;}
#prem2 .item:hover{transition: var(--trans-fast);scale: 1.02;box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.2);}
#prem2 .item:hover img{transition: var(--trans-fast);scale: 1.05;}
#prem2 img{transition: var(--trans-fast);scale: 1;}

#kachestvenie_raboti .flex{color: white;width: 100%;justify-content: flex-start;}
#kachestvenie_raboti .one{background-color: var(--c1);}
#kachestvenie_raboti .two{background-color: var(--c2);}
#kachestvenie_raboti .three{background-color: var(--c3);}
#kachestvenie_raboti .flex-col{gap: 50px;}
#kachestvenie_raboti .little_box{padding: 10px;}

#how_we_workk{background-attachment: fixed;color: white;}
#how_we_workk img{width: 128px;}
#how_we_workk .item-card{padding: 20px;border: 3px solid white;background-color: transparent; text-align: center;transition: var(--trans);}
#how_we_workk .img{margin-bottom: 30px;}
#how_we_workk p{text-align: center;}
#how_we_workk .item-card:hover{background-color: var(--c1);border-color: var(--c1); transition: var(--trans);}

#info-kolec p{margin: 0;}
#info-kolec .flex-main{display: flex;gap: 0;align-items: center;justify-content: center;margin: 30px;}
#info-kolec .flex{justify-content: space-between;padding: 10px 20px;flex-wrap: nowrap;gap: 10px;}
#info-kolec .flex-main>div{background-color: var(--c1);color: white;width: 100%;}
#info-kolec .flex-main>img{max-width: 340px;}

#nashi_yslygi .item-card>div{text-align: center;padding: 20px;border: 2px solid var(--c1);border-top: none;background-color: var(--c4);}
#nashi_yslygi .flex-col{align-items: center;gap:20px}
#nashi_yslygi p{margin: 0;text-align: center;}
#nashi_yslygi .flex>.flex-col:first-child{color: gray;}
#nashi_yslygi .flex>.flex-col:last-child{font-weight: 600;}
#nashi_yslygi h3{text-transform: uppercase;}
#nashi_yslygi .item-card:hover{transition: var(--trans-fast);scale: 1.02;box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.2);}
#nashi_yslygi .item-card{transition: var(--trans-fast);}

#block_tabs_2 img{width: 50px;}
#block_tabs_2 p{margin: 0;}
#block_tabs_2 h2{text-align: left;line-height: 40px;padding: 20px;padding-bottom: 0;}
#block_tabs_2 .col-tabs-col>div:first-child{background-color: var(--c1);color: white;}
#block_tabs_2 .tab-content{margin: 0;}
#block_tabs_2 .flex{align-items: flex-start;}
#block_tabs_2 .nav-tabs{flex-direction: column;gap:0;}

#konsultatiya{background-color: var(--c3);color: white;text-align: center;}
#konsultatiya h2{margin-bottom: 20px!important;}
#konsultatiya h3{font-size: 25px;text-transform: uppercase;line-height: 35px;margin-bottom: 30px;}
#konsultatiya a{margin: 0 auto;border-radius: 0;}

#landing_block_18 .card{border: 3px solid var(--c1);border-radius: 0;margin-bottom: 30px;transition: var(--trans-fast);}
#landing_block_18 .card:hover{background-color: var(--c4);transition: var(--trans-fast);}
#landing_block_18 .card a{padding: 30px;padding-right: 50px;display: block;}
#landing_block_18 .card a>p{position: relative;}
#landing_block_18 .card a[aria-expanded="true"]>p::after{content: '-';position: absolute;top: 0;bottom: 0;right: 0;scale: 2;transition:var(--trans-fast)}
#landing_block_18 .card a[aria-expanded='']>p::after,#landing_block_18 .card a[aria-expanded="false"]>p::after{content: '+';position: absolute;top: 0;bottom: 0;right: 0;scale: 2;transition:var(--trans-fast)}
#landing_block_18 .card>div{padding: 0 30px;}
#landing_block_18 .card>div:last-child>p{padding-bottom: 15px;}
#landing_block_18 .card a>p{font-size: var(--vs);line-height: var(--lh);font-weight: 600;}
#landing_block_18 p{margin: 0;}
#landing_block_18 .card{cursor:pointer;}

#gallary .owl-dots{display: none;}

#catalogg .flex-col{gap: 0;align-items: center;padding: 10px;border: 2px solid var(--c1);border-top: none;border-bottom: none; transition: var(--trans-fast);}
#catalogg h3{text-align: center;}
#catalogg .descr{text-align: center; margin-bottom: 20px;}
#catalogg .before{color: gray;font-size: 16px;margin: 0;}
#catalogg s{color: gray;}
#catalogg a{width: 100%;}
#catalogg p.after{margin: 15px 0;font-size: 25px;}
#catalogg span.after{font-size: 22px;margin-bottom: 20px;}
#catalogg .card-item{transition: var(--trans-fast);display: flex;flex-direction: column;}
#catalogg .card-item .flex-col{height: 100%;}
#catalogg .card-item:hover{transition: var(--trans-fast);scale: 1.02;box-shadow: 0px 0px 20px 5px #00626240;}
#catalogg .card-item:hover .flex-col{transition: var(--trans-fast);box-shadow: 0px 0px 20px 5px #00626240 inset;}
#catalogg .card-item:hover .img-filter{opacity: 0.25;transition: var(--trans-fast);}
#catalogg .img{position: relative;}
#catalogg img{width: 100%;max-width: auto;}
#catalogg .img-filter{position: absolute;content: '';background-color: black;top: 0;bottom: 0;right: 0;left: 0;margin: auto;opacity: 0;transition: var(--trans-fast)}

#soc{color: white;}
#soc h2{margin-bottom: 10px!important;}
#soc h3{text-align: center;}
#soc p{text-align: center;margin-bottom: 30px;}
#soc .viber, #soc .telegram,#soc .whatsapp,#soc .viber:hover, #soc .telegram:hover,#soc .whatsapp:hover{transition: var(--trans-fast);}
#soc .telegram{background-color: transparent;border-color: #23a9ea;}
#soc .whatsapp{background-color: transparent;border-color: #55d061;}
#soc .viber{background-color: transparent;border-color: #7460f2;}
#soc .telegram:hover{background-color: #23a9ea;}
#soc .whatsapp:hover{background-color: #55d061;}
#soc .viber:hover{background-color: #7460f2;}
#soc .black-filter::before{opacity: 0.75;}

#main_brigadirr .grid{align-items: center;}
#main_brigadirr .flex-col{gap: 0;}
#main_brigadirr h3{font-size: 30px;margin-bottom: 10px;}
#main_brigadirr p{margin: 30px 0;}
#main_brigadirr .box-block{padding: 20px;border: 2px solid var(--c1);}
#main_brigadirr .box-block>p{margin: 0;}

#regular_remont .grid>div{border-bottom: 2px solid var(--c1);padding-bottom: 15px;}
#regular_remont p{margin: 0;}

#what_we_makee .flex-col{align-items: center;padding: 20px;border: 3px solid var(--c1);transition: var(--trans-fast);}
#what_we_makee span{font-size: 60px;font-weight: 600;color: var(--c1);}
#what_we_makee p{text-transform: uppercase;}
#what_we_makee .flex-col:hover{scale: 1.02;box-shadow: 0px 5px 10px 5px rgba(34, 60, 80, 0.2);transition: var(--trans-fast);}

#discountss a{width: 100%;line-height: 25px;display: flex;justify-content: center;align-items: center;height: 100%;text-align: center;}
#discountss .grid>div{display: flex;flex-direction: column;gap: 30px;justify-content: space-between;}
#discountss p{text-align: center;height: 100%;margin: 0;display: flex;justify-content: center;align-self: center;text-align: center;flex-direction: column;}
#discountss .grid>div{padding-bottom: 15px;border-bottom: 2px solid var(--c1);}

#we_make_this .grid{justify-items: center;}

#plashka_min .flex>div:first-child{height: 66px;display: flex;justify-content: center;align-items: center;border: 3px solid white;padding: 0 30px;border-top: 0;border-bottom: 0;font-size: var(--vs);line-height: var(--lh);}
#plashka_min{background-color: var(--c3);color: white;}
#plashka_min .text{font-size: var(--vs);line-height: var(--lh);}

#landing_reviews .review{padding: 20px;border: 2px solid var(--c1);}
#landing_reviews img{width: 50px;}
#landing_reviews .flex-col{align-items: center;text-align: center;}
#landing_reviews .author{font-size: 20px;font-weight: 600;}
#landing_reviews .date{color: gray;font-size: 15px;}
#landing_reviews .owl-nav{display: flex;}
#landing_reviews .owl-dots{display: none;}

#statistic tbody>tr:first-child{background-color: var(--c1);color: white;font-weight: 600px;text-align: center;}
#statistic td{background-color: var(--c4);font-style: italic;font-size: var(--vs);line-height: var(--lh);text-align: center;border-bottom: 1px solid #003e5a57;padding: 20px;color:var(--c5)!important;}
#statistic tr>td:first-child{text-align: left;}
#statistic th{padding: 20px;}