@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:500|Open+Sans&display=swap&subset=cyrillic,cyrillic-ext');

body{color: #001F58; font-family: 'Open Sans'; counter-reset: number; position: relative;}
body:after{content: ''; position: absolute; height: 100%; width: 1px; background-color: #E0E0E0; top: 0; left: 30%; z-index: -1000}
body:before{content: ''; position: absolute; height: 100%; width: 1px; background-color: #E0E0E0; top: 0; left: 60%; z-index: -1000}

h1, .h1 {font-size: 65px; font-weight: 500; font-family: 'Fira Sans Condensed';} 
h2, .h2 {font-size: 55px; font-weight: 500; font-family: 'Fira Sans Condensed';} 
h3, .h3 {font-size: 40px; font-weight: 500; font-family: 'Fira Sans Condensed';} 
h4, .h4 {font-size: 30px; font-weight: 500; font-family: 'Fira Sans Condensed';} 
h5, .h5 {font-size: 22px; font-weight: 500; font-family: 'Fira Sans Condensed';} 
.p2 {font-size: 18px; font-weight: 500; font-family: 'Fira Sans Condensed';} 


.item-page div[itemprop="articleBody"] .h1, .item-page div[itemprop="articleBody"] h1 {font-size:40px;}
.item-page div[itemprop="articleBody"] .h2, .item-page div[itemprop="articleBody"] h2 {font-size:30px;}
.item-page div[itemprop="articleBody"] .h3, .item-page div[itemprop="articleBody"] h3 {font-size:22px;}


#center main {overflow: inherit;}

header p{margin: 0;}
header#navbar{padding: 96px 16px 0; background-color: transparent;}
header .container{align-items: normal !important;}
header #header_items{position: absolute; width: 100%; max-width: 1140px; left: 50%; top: 24px; transform: translateX(-50%); justify-content: space-between !important; align-items: center; padding: 0 15px;}
header #header_items a{color: #001F58;}
header #header_items a:hover{text-decoration: none; opacity: 0.7;}
header #logo{box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.08); border-radius: 4px; padding-top: 0; padding-bottom: 0;}
header #navbar-content{box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.08); border-radius: 4px; background-color: #fff; background-image: url('/images/modules/header/001.png'); background-repeat: no-repeat; background-position: 100% 0;}
header #top_menu {width: 100%; padding: 0 50px;}
header #top_menu .menu{justify-content: space-between; width: 100%; position: relative; align-items: center;}
header #top_menu .menu .item-102{position: relative;}
header #top_menu .menu .item-102:after{content: ''; position: absolute; width: 11px; height: 7px; background-image: url("/images/modules/slider_home/004.png"); right: -15px; top: 10px;}
header #top_menu .menu .item-115{display: none; font-size: 14px; color: #676767; max-width: 80px; position: relative; left: 40px;}
header #top_menu .menu .item-116{display: none;}

header #top_menu .menu .item-106 {background:#fffcd8;}
header #top_menu .menu .item-107 {background:#e9f8ff;}



header .sticky #top_menu .menu .item-115{display: block;}
header .sticky #top_menu .menu .item-116{display: block;}
header #top_menu .menu a{color: #001F58; height: 100%; display: block;} 
header #top_menu .menu a:hover{text-decoration: none; opacity: 0.7;}
header #top_menu .menu .nav-child a{padding: 10px 15px;}
header #top_menu ul.menu > li > ul {font-size: 16px; background-color: #fff; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.08); border-radius: 4px; display: none; position: absolute; top: 100%; width: 260px;}
header #top_menu ul.menu > li:hover > ul {display: block;}
header #top_menu ul ul ul {padding-left:1rem;} 

.poleznaya-informatsiya header#navbar{background-color: #fff;}
.o-kompanii header#navbar{background-color: #fff;}
.kontakty header#navbar{background-color: #fff;}

.home-slider {background-color: transparent !important; /* padding-top: 27px; */}
.home-slider h1{max-width: 480px;}
.service-slider ul,
ul.rsborder,
.home-slider ul {max-width: 480px; list-style-type: none; margin: 0; padding: 0;}
.home-slider ul li a {display: flex; justify-content: space-between; width:100%; color:#001F58;}
.service-slider ul li,
ul.rsborder li,
.home-slider ul li {display: flex; justify-content: space-between; position: relative; margin-bottom: 30px;}
.service-slider ul li:last-child,
ul.rsborder li:last-child,
.home-slider ul li:last-child {margin-bottom: 0;}
.home-slider span {position:relative;}
ul.rsborder li::before,
.home-slider span::before,
/*.service-slider ul li:before,*/
.home-slider ul li:before {content: ""; position: absolute; width: calc(100% - 20px); height: 14px; background-color: #FEF87E; bottom: 0; left: 50%; transform: translateX(-50%); z-index:-1;}
.service-slider ul li div,
.home-slider ul li div {position: relative;}
.service-slider ul li div:last-child,
.home-slider ul li div:last-child {text-transform: uppercase;}
.home-slider .item {background-image: url("/images/modules/slider_home/003.png"); background-repeat: no-repeat; background-position: center; position: relative; padding-top: 35px;}
.home-slider .item:after{content:''; position: absolute; width: 49px; height:76px; background-image: url("/images/modules/slider_home/005.png"); top: -4px; left: 50%; margin-left: 100px; z-index: -1;}

.home-slider .item .container img{width: auto; width: 612px; height: auto;}

.services {padding-top: 140px; padding-bottom: 170px; position: relative;}
.uslugi .services:after{content: ''; position: absolute; width: 1000px; height: 632px; top: -160px; left: -360px; background-image: url("/images/modules/services/003.png"); z-index: -1;}
.services .wrap .service img{margin-bottom: 20px;}
.services .wrap .service {position: relative; padding-bottom: 55px; color: #001F58;}
.services .wrap .service:hover{text-decoration: none; opacity: 0.7;}
.services .wrap .service:after {content: ""; position: absolute; width: 61px; height: 34px; left: 50%; transform: translateX(-50%); background-repeat: no-repeat; bottom: 0;}
.services .wrap .service:first-child:after {background-image: url("/images/modules/services/004.png");}
.services .wrap .service:last-child:after {background-image: url("/images/modules/services/005.png");}
.services .wrap .service:first-child:before {content: ""; position: absolute; background-image: url("/images/modules/services/006.png"); width: 68px; height: 124px; top: -90px; left: 100px; background-repeat: no-repeat;}
.services .wrap .service:last-child:before {content: ""; position: absolute; background-image: url("/images/modules/services/007.png"); width: 31px; height: 48px; top: -30px; left: 100px; background-repeat: no-repeat;}
.services .wrap .service .service-name a{color: inherit;}
.services .wrap .service .service-name a:hover{text-decoration: none; opacity: 0.7;}

.features {position: relative; background: transparent !important; padding-top: 70px; padding-bottom: 90px;} 
.features .container{position: relative; z-index: 1} 
.features:after {content: ""; position: absolute; width: 43%; height: 607px; background-color: #E9F8FF; top: 0; left: 0;} 
.features:before {content: ""; position: absolute; width: 43%; height: 607px; background-color: #E9F8FF; bottom: 0; right: 0;} 
.features .h2, 
.features .h3 {max-width: 100%; padding-left: 0px; margin-bottom: 70px;}

.features .feature-card{min-height: 370px; position: relative; /* padding-top: 50px; */ background-color: #fff; padding:1rem;}
.features .feature-card .icon{margin-bottom: 20px; position: relative; height:100px; display: flex; flex-direction: column; justify-content: center;}
.features .feature-card .h4{margin-bottom: 10px; position: relative; min-height:100px; display: flex; flex-direction: column; justify-content: center;}
.features .feature-card .descript p{max-width: 300px; margin: 0; position: relative;}
.features .container .row .col-12:nth-child(odd){color: #fff;}
.features .container .row .col-md-6:nth-child(odd){color: #fff;}
.features .container .row .col-lg-4:nth-child(odd){color: #fff;}
.features .bg{position: absolute; top: 0; height: 0; width: 100%; height: 100%;}

/*  */
.promyvka-vodoprovoda-dlya-doma .moduletable.features.fullbg {
	padding-bottom: 130px;
}
.promyvka-vodoprovoda-dlya-doma .features .feature-card {
	min-height: 258px;
	display: grid !important;
	justify-items: center;
}
.promyvka-vodoprovoda-dlya-doma .features .feature-card .h4 {
	font-size: 20px;
	min-height: 50px;
	padding: 0 !important;
	margin: 0;
}
.promyvka-vodoprovoda-dlya-doma .features .feature-card .icon {
	max-width: 50px;
	height: 50px;
	margin: 0;
}
/*  */

.clients {background-color: transparent !important; padding-bottom: 100px; position: relative;}
.clients .container{position: relative; z-index: 1;}
.clients:after{content: ""; position: absolute; width: 50%; height: 400px; top: -80px; left: 0; background-image: url("/images/modules/clients/021.png"); background-size: cover;}
.clients:before{content: ""; position: absolute; width: 691px; height: 200px; bottom: 0; right: 0; background-image: url("/images/modules/clients/022.png"); background-size: cover;}
.clients .h2{max-width: 600px; padding-left: 120px; margin-bottom: 64px;}
.clients .clients-slider{background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 4px; padding: 50px 0;}
.clients .clients-slider .item{display: flex; justify-content: center; align-items: center;}
.clients .clients-slider .owl-stage{display: flex; align-items: center;}
.clients .clients-slider img{max-width: 170px;}
.clients .clients-slider .owl-nav{bottom: -60px; top: auto; width: 184px;}
.clients .clients-slider .owl-nav button{height: 49px; width: 50%; border: 2px solid #0E4FC4; background-position: center; background-repeat: no-repeat; transition: all 0.3s; background-color: #fff;}
.clients .clients-slider .owl-nav button:hover{background-color: #E9F8FF}
.clients .clients-slider .owl-nav button:first-child{border-right-width: 1px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; background-image: url("/images/modules/clients/020.png");}
.clients .clients-slider .owl-nav button:last-child{border-left-width: 1px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; background-image: url("/images/modules/clients/019.png");}

.faq{padding-top: 116px; background-color: transparent !important; position: relative; }
.faq:after{content: ''; position: absolute; width: 80%; bottom: 100px; top: 180px; left: 0; background-color: #E9F8FF;}
.faq .accordion{background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 4px;}
.faq .accordion .card-header {padding: 0; background-color: #fff; border: 0;}
.faq .accordion .card{border: 0; position: relative;}
.faq .accordion .card:before {position: absolute; top: 10px; left: 25px; counter-increment: number; content: counter(number); font-size: 65px; color:#0E4FC4; font-family: 'Fira Sans Condensed'; z-index: 1;}
.faq .accordion .card:after {content:''; position: absolute; width: 60px; height: 32px; top: 45px; left: 0; background-image: url("/images/modules/faq/001.png");}
.faq .accordion .card:nth-child(even) .card-header{background-color: #F5F5F5;}
.faq .accordion .card .card-header button{width: 100%; white-space: normal; text-align: left; color: #001F58; padding: 47px 50px 47px 104px; text-decoration: none; background-image: url("/images/modules/faq/002.png"); background-repeat: no-repeat; background-position: 990px center; font-size: 22px;}
.faq .accordion .card .card-header button:hover{text-decoration: none; opacity: 0.7;}
.faq .accordion .card .card-body{background-color: #E9F8FF;}
.faq .container {position: relative; z-index: 1;}
.faq .container .h2 {max-width: 600px; padding-left: 120px; margin-bottom: 80px;}

.company {background-image: url("/images/modules/company/002.jpg") !important; background-size: cover !important; padding-top: 200px; padding-bottom: 200px; margin-top: 450px;}
.company .company-card {box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 4px; background-color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 60px 120px; background-image: url("/images/modules/company/003.png"); background-repeat: no-repeat; background-position: 0 50%;}
.company .company-card .text{max-width: 390px; padding-right: 10px;}
.company .company-card img{border-radius: 4px; width: 100%}
.company .company-card .text .post{color: #929292;}
.company .company-card .text .descript{margin-bottom: 30px; letter-spacing: 0.095em;}
.company .h2 {background-color: #E9F8FF; padding: 100px 90px 100px 120px;  position: absolute; top: -200px;}

footer {padding-top: 200px; background-color: #fff}
footer .menu ul{display: none;}
footer .container .footer_items{display: flex; justify-content: space-between; padding-bottom: 50px;}
footer .container .footer_items .menu{display: flex; flex-direction: column;}
footer .container .footer_items .menu:first-child .item-102{display: none;}
footer .container .footer_items .item-115{display: none;}
footer .container .footer_items .item-116{display: none;}
footer .container .footer_items li a{color: #001F58; display: inline-block; padding: 11px 0;}
footer .container .footer_items li a:hover{text-decoration: none; opacity: 0.7;}
footer .container .contacts{display: flex; flex-direction: column;}
footer .container .contacts a{color: #001F58; text-decoration: none;}
footer .container .contacts a:hover{opacity: 0.7;}
footer .container .contacts .contacts div{padding: 11px 0;}
footer .copyright{display: flex; border-top: 2px solid #E0E0E0; color: #0E4FC4; padding-top: 40px; padding-bottom: 60px;}
footer .copyright div{margin-right: 100px;}
footer .copyright div:last-child{margin-right: 0;}
footer .copyright a{color: #0E4FC4;}
footer .copyright a:hover{text-decoration: none; opacity: 0.7;}
footer {background-image: url("/images/modules/footer/001.png"); background-repeat: no-repeat; background-position: 0 180px;}

.promo{background-color: transparent !important; padding-top: 27px;}
.promohouse{background-image: url("/images/modules/promo_house/002.png") !important; background-repeat: no-repeat !important; background-position: center !important; }
.promobusiness{background-color: #fff !important; background-image: url("/images/modules/promo_business/002.png") !important; background-repeat: no-repeat !important; background-position: center !important;}

.services_types{padding: 100px 0 185px;}
.services_types .container .row .col-md-6 .descript p{margin: 0; text-align: center;}
.services_types .container .row a{color: #001F58; position: relative;}
.services_types .container .row a:hover{text-decoration: none; opacity: 0.7;}

.services_types .container .row a:after{content: ''; position: absolute; width: 61px; height: 33px; top: 225px; left: 160px;}
 
.brain-service-dlya-doma .services_types .container .row a:after{background-image: url("/images/modules/services_home/003.png");}
.brain-service-dlya-biznesa .services_types .container .row a:after{background-image: url("/images/modules/services_business/003.png");}

.discount{background-color: transparent !important; background-image: url("/images/modules/discount/003.png") !important; background-repeat: no-repeat !important; background-position: top left !important; margin-bottom: 190px;}
.discount .h2{margin-bottom: 86px;}
.discount .underlay{background: #FFFFFF; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.08); border-radius: 5px; padding: 60px 80px; position: relative;}
.discount .underlay:after{content: ""; position: absolute; width: 298px; height: 353px; background-image: url("/images/modules/discount/002.png"); top: -40px; right: 65px;}
.discount .underlay .h3{margin-bottom: 35px;}
.discount .underlay .h4{color: #0E4FC4; margin-bottom: 35px;}
.discount .underlay p{margin-bottom: 0;}

.questions {background-color: transparent !important; position: relative; padding-top: 100px;}
.questions:after{content: ''; position: absolute; width: 50%; height: 365px; top: 0; left: 0;}
.questions .container{position: relative; z-index: 1}
.questions .container .h2{margin-bottom: 100px;}
.questions .container form{max-width: 392px; display: flex; flex-direction: column;}
.questions .container .underlay{background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 4px; padding: 120px 100px;}
.questions .container .underlay input{width: 100%; height: 74px;  border-radius: 5px; border: 0; outline: 0; margin-bottom: 26px; padding: 28px;}
.questions .container .underlay input::placeholder {color: #001F58;}
.questions .container .underlay textarea{width: 100%; min-height: 145px; border-radius: 5px; border: 0; outline: 0; margin-bottom: 26px; padding: 28px; }
.questions .container .underlay textarea::placeholder {color: #001F58;}

.brain-service-dlya-doma .questions:after{background-color: #FEF87E;}
.brain-service-dlya-doma .questions .container .h2{color: #001F58;}
.brain-service-dlya-doma .questions .container .underlay input{background-color: #fffdd9;}
.brain-service-dlya-doma .questions .container .underlay textarea{background-color: #fffdd9;}
.brain-service-dlya-doma .form-btn {background-color: #FEF87E; color: #001F58; background-image: none; background-clip: border-box; box-shadow: none;}
.brain-service-dlya-doma .form-btn:hover {border-color: #FEF87E;}
.brain-service-dlya-biznesa .questions:after{background-color: #001F58;}
.brain-service-dlya-biznesa .questions .container .h2{color: #fff;}
.brain-service-dlya-biznesa .questions .container .underlay input{background-color: #E9F8FF;}
.brain-service-dlya-biznesa .questions .container .underlay textarea{background-color: #E9F8FF;}
.brain-service-dlya-biznesa footer{background-image: url(/images/modules/footer/002.png);}

.service-slider{padding: 90px 0; position: relative;}
.service-slider:after{content: ''; position: absolute; /* width: 898px; */ right: 0; height: 200px; top: 230px; left: -195px; z-index: -1}

.brain-service-dlya-doma .service-slider:after{background-image: url("/images/modules/services_home/004.png");}
.brain-service-dlya-biznesa .service-slider:after{background-image: url("/images/modules/services_business/004.png");}


.service-slider .btns{display: flex; justify-content: space-between;}
.service-slider img{width: 100%;}
.service-slider .container .row .col-12:last-child{position: relative;}
.service-slider .container .row .col-12:last-child:after{content: ''; position: absolute; width: 129px; height: 70px; top: 310px; left: 115px;}

.brain-service-dlya-doma .service-slider .container .row .col-12:last-child:after{background-image: url("/images/modules/services_home/005.png");}
.brain-service-dlya-biznesa .service-slider .container .row .col-12:last-child:after{background-image: url("/images/modules/services_business/005.png");}

.service-description{background-color: #fff; margin-bottom: 80px; padding: 50px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); border-radius: 4px;}
.service-description::before{top: -100px; bottom: -250px; z-index: -1;} 
.service-description .article-text{padding: 0 45px;}
.service-description .article-text ol{padding-left: 20px;}
.service-description .article-text ul{padding-left: 20px;}
.service-description .article-text .mb-6{margin-bottom: 65px;}
.service-description .write-director {margin-bottom: 100px;}
.service-description .write-director .underlay{border-radius: 5px; padding: 25px 15px;}
.service-description .write-director a{color: #001F58}
.service-description .write-director a:hover{text-decoration: none; opacity: 0.7;}
.service-description .write-director img{border-radius: 4px;}
.service-description .write-director div{margin-bottom: 10px;}
.service-description .write-director .faded{color: #929292; margin-bottom: 0;}
.service-description .article-menu{padding: 0;}
.service-description .article-menu>li{border-radius: 5px;  margin-bottom: 24px;}
.service-description .article-menu>li>a{display: block; padding: 18px 40px 18px 15px; background-image: url("/images/modules/service/002.png"); background-repeat: no-repeat; background-position: 93% center;}
.service-description .article-menu>li>a.arrow{background-image: url("/images/modules/service/001.png");}
.service-description .article-menu>li:last-child{margin-bottom: 0;}
.service-description .article-menu ul{list-style-type: none;}
.service-description .article-menu li a{color: #001F58; font-size: 16px;}
.service-description .article-menu li a:hover{text-decoration: none; opacity: 0.7;}
.service-description .article-menu li .nav-child{max-height: 0; overflow: hidden; padding: 0; opacity: 0; transition: all 0.3s;}
.service-description .article-menu li .nav-child.open{max-height: 1000px; overflow: initial; opacity: 1; padding: 10px 20px 30px 40px;}
.service-description .article-menu li .nav-child li{margin-bottom: 10px;}
.service-description .article-menu li .nav-child li.active a{font-weight: 700;}
.service-description .article-menu li .nav-child li:last-child{margin-bottom: 0;}
.service-description .left-menu-title p {margin-bottom: 0;}

.brain-service-dlya-doma .service-description::before{background-color: #FEF87E;} 
.brain-service-dlya-doma .service-description .write-director .underlay{background-color: #fffdd9;}
.service-description .article-menu>li{background-color: #fffdd9;}

.brain-service-dlya-biznesa .service-description::before{background-color: #001F58;} 
.brain-service-dlya-biznesa .service-description .write-director .underlay{background-color: #E9F8FF;}
.brain-service-dlya-biznesa .service-description .article-menu>li{background-color: #E9F8FF;}

#form_quiz{margin-bottom: 90px;}
.quiz {position: relative;}



.quiz:after {content: ''; position: absolute; height: 200px; top: -75px; left: -450px; z-index: -1; right:0; background:left no-repeat;}
body:not(.brain-service-dlya-doma.montazh-pravil-noj-kanalizatsii) .brain-service-dlya-doma .quiz:after {background-image: url('/images/modules/discount/004.png');}
.brain-service-dlya-biznesa .quiz:after {background-image: url('/images/modules/discount/003.png');}
.quiz .radio {margin-top:auto;}
.quiz .radio input {display:none;}
.quiz textarea {border: 0;}
.quiz textarea.grey{background-color: #F5F5F5;}
.quiz .radio .text {display:flex; flex-wrap:wrap; align-items:center; padding: 16px 0 30px; }
.quiz .radio .text textarea.grey{display:none;}
.quiz .chosen .radio .text textarea.grey{background-color: #fff; display:block!important;}
.quiz .text .check {height:30px; width:30px; border-radius:50%; border:1px solid #E0E0E0; margin-right:1rem; position:relative;}
.quiz .chosen .text .check::before {content:''; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); width: 15px; height: 15px; background:#0E4FC4; border-radius:50%;}
.quiz .text .h5{margin-bottom: 0;}
.quiz .answer {height:100%; display:flex; flex-direction:column;}
.quiz .chosen .d-none {display:block !important;}
.quiz .card {border: 0;}
.quiz .first {position: relative;}
.quiz .first:after{content: ""; position: absolute; width: 298px; height: 353px; background-image: url("/images/modules/discount/002.png"); top: -40px; right: 65px;}
.quiz .item .card-body {background: #FFFFFF; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.08); border-radius: 5px; padding: 60px 50px;}
.quiz .item .card-body .number{margin-right: 10px;}
.quiz .item .card-body .number .highlight{color: #0E4FC4}
.quiz .item .card-body .h3{margin-bottom: 30px;}
.quiz .item .card-body .h4{margin-bottom: 30px; color: #0E4FC4;}
.quiz .item .card-body .quiz-discount{padding-left: 80px;}
.quiz .item .card-body .yellow{position: relative;}
.quiz .item .card-body .yellow:before{content: ""; position: absolute; width: 100%; height: 60%; background-color: #FEF87E; top: 20px; left: 0;}
.quiz .item .card-body .yellow .text{position: relative; }
.quiz .h2{margin-bottom: 80px;}
.quiz .item .card-body .quiz-buttons {margin-top: 25px;}
.quiz .item .card-body .quiz-buttons .btn{border-radius: 0; padding: 11px 0; background-repeat: no-repeat;  position: relative;}
.quiz .item .card-body .quiz-buttons .prev{border-radius: 5px 0px 0px 5px; padding: 1rem; text-align:right;}
.quiz .item .card-body .quiz-buttons .prev:before{content: ''; display:inline-block; background-image: url("/images/modules/clients/020.png"); height: 27px; width: 27px; left: 20px; vertical-align: middle; margin:0 1rem;}
.quiz .item .card-body .quiz-buttons .next{border-radius: 0px 5px 5px 0px; padding: 1rem; text-align:left;}
.quiz .item .card-body .quiz-buttons .next:after{content: ''; display:inline-block; background-image: url("/images/modules/clients/019.png"); height: 27px; width: 27px; right: 20px; vertical-align: middle; margin:0 1rem;}

.quiz .item[data-step="3"] .radio .text {flex-wrap: nowrap;}
.quiz .item[data-step="3"] .radio .check {flex-shrink: 0;}
.quiz .item[data-step="3"][data-anwser="Паяный"] .radio .text {flex-wrap: wrap;}
.quiz .item[data-step="4"] .answer{flex-direction: row-reverse; align-items: flex-start; justify-content: flex-end; align-items: center; padding-bottom: 20px;}
.quiz .item[data-step="4"][data-type="bussiness"] .answer .text .h5{display: none;}
.quiz .item[data-step="4"][data-anwser="Водопровод"] .answer .text .h5{display: block;}
.quiz .item[data-step="4"] .answer .radio{margin-top: 0;}
.quiz .item[data-step="4"] .answer .radio .text{padding: 0;}
.quiz .item[data-step="4"] .quiz-answers .col-12:last-child .text .h5{display: block;}
.quiz .item[data-step="7"][data-type="bussiness"] .answer .text{flex-wrap: nowrap;}
.quiz .item[data-step="7"][data-type="bussiness"] .answer .text .check{flex-shrink: 0;}
.quiz .item[data-step="5"][data-type="bussiness"][data-anwser="Пластинчатый"] .answer textarea{display: none}
.quiz .item[data-step="5"][data-type="bussiness"][data-anwser="Пластинчатый"] .answer.chosen textarea{display: block}
.quiz .item[data-step="8"][data-type="bussiness"] .quiz-answers > div:not(:nth-last-child(1)) .chosen textarea{display: none!important;}

.quiz .item[data-step="5"][data-type="home"] .quiz-answers > div:not(:nth-last-child(1)) .chosen textarea{display: none!important;}
.quiz .item[data-step="6"][data-type="home"] .quiz-answers > div:not(:nth-last-child(1)) .chosen textarea{display: none!important;}



.quiz .item.final .card-body{box-shadow: none; max-width: 600px; margin: 0 auto; width: 100%; padding: 60px 0;}
.quiz .item.final .card-body .h3{text-align: center;}
.quiz .item.final .card-body .quiz-discount{padding-left: 0; text-align: center;}
.quiz .item.final .inputs{display: flex; flex-direction: column;}
.quiz .item.final .inputs input{width: 100%; height: 74px; margin-bottom: 24px; border: 0; border-radius: 5px; padding: 0 20px;}
.quiz .item.final .inputs input::placeholder {color: #001F58;}
@media (max-width: 600px) {
	.quiz .item img {display:none;}
	.quiz .item .img-radio img {display:block;}
}

.quiz .item .text_p {display:none;}
.quiz .item .quiz-answers > div:nth-child(2) .chosen .text_p {display:block;}

.brain-service-dlya-biznesa .quiz .item.final .inputs input{background-color: #E9F8FF;}
.brain-service-dlya-doma .quiz .item.final .inputs input{background-color: #fffdd9;}

.btn-primary{box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5); border: solid 2px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #164ba2, #0191fa);background-origin: border-box; background-clip: content-box, border-box;}
.btn-primary:hover{opacity: 0.7;}

.btn-outline-primary{box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5); border: solid 2px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #164ba2, #0191fa); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 1000px 1px #fff inset;}
.btn-outline-primary:hover{box-shadow: none; color: white; border-color: transparent;}

.order-call-btn{font-family: 'Fira Sans Condensed'; font-weight: 500; font-size: 14px; padding: 12px 28px; letter-spacing: 1px; text-decoration: none;}
.fill-btn{font-family: 'Fira Sans Condensed'; font-weight: 500; font-size: 18px; padding: 23px 70px 23px 28px; letter-spacing: 1px; text-decoration: none; position: relative;}
.fill-btn:after{content: ''; position: absolute; background-image: url('/images/modules/discount/001.png'); width: 27px; height: 27px; left: 80%; top: 50%; transform: translateY(-50%);}
.form-btn{font-family: 'Fira Sans Condensed'; font-weight: 500; font-size: 18px; padding: 23px 0; letter-spacing: 1px; text-decoration: none; text-align: center;}
.service-btn{font-family: 'Fira Sans Condensed'; font-weight: 500; font-size: 18px; padding: 23px 40px; letter-spacing: 1px; text-decoration: none; text-align: center; white-space: normal;}
.services-btn{font-family: 'Fira Sans Condensed'; font-weight: 500; font-size: 18px; padding: 23px 0; letter-spacing: 1px; text-decoration: none; text-align: center; width: 236px;}
.sticky-btn{font-family: 'Fira Sans Condensed'; font-weight: 500; font-size: 14px; padding: 12px 28px; letter-spacing: 1px; text-decoration: none; color: #fff !important;}

.brain-service-dlya-biznesa .service-button .service-btn{background-color: #fff; background-image: none; background-clip: border-box; color: #007bff;}
.brain-service-dlya-doma .fill-btn {background-color: #FEF87E; background-image: none; background-clip: border-box; color: #001F58; box-shadow: none;}
.brain-service-dlya-doma .fill-btn:after{background-image: url('/images/modules/discount/005.png'); background-repeat: no-repeat; background-position: 0 center;}

.uslugi .h1{padding-top: 140px;}

.answer{cursor: pointer; padding: 20px; padding-bottom: 0; border-radius: 5px;}
.answer.chosen{background-color: #E9F8FF;}
.answer.answer-offset{padding-bottom: 20px;}

.radio{position: relative;}
.radio input[type=radio]{position: absolute;visibility: hidden;}
.radio label{display: block; position: relative; padding: 20px 20px 20px 40px; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; margin: 0;}
.radio .check{display: block; position: absolute; border: 1px solid #E0E0E0; border-radius: 100%; height: 25px; width: 25px; left: 0; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear;}
.radio .check::before {display: block; position: absolute; content: ''; border-radius: 100%; height: 15px; width: 15px; top: 4px; left: 4px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear;}
input[type=radio]:checked ~ .check::before{background: #0E4FC4;}

.page-header{padding: 150px 120px 40px;}
.page-header h2[itemprop="headline"]{max-width: 550px;}
    
.item-page div[itemprop="articleBody"] {background: #FFFFFF; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.08); border-radius: 5px; padding: 100px 200px;/* letter-spacing: 0.095em;*/}
.item-page div[itemprop="articleBody"] {position: relative;}
.item-page div[itemprop="articleBody"]:after {position: absolute; content: ""; width:100%; max-width: 1670px; height: 1080px; background-image: url("/images/modules/article/001.png"); background-size: cover; left: -400px; z-index: -2; background-repeat: no-repeat; bottom: 40%; background-color: #fff;}

.sticky {position: fixed; top: 0; width: 1140px; left: 50%; transform: translateX(-50%); height: 85px;}
.hide{display: none;}

.mcs-module{width: auto !important;}
.mcs-module .city{font-size: 16px !important; border-bottom: 0 !important; position: relative;}
.mcs-module .city::after{content: ''; position: absolute; width: 11px; height: 7px; background-image: url(/images/modules/slider_home/004.png); right: -17px; top: 8px;}
.mcs-dialog{width: 300px !important; margin-left: -150px !important;}

.breadcrumb{background-color: transparent;}

@media (max-width: 1199px) {
	h1, .h1 {font-size: 45px;}
	h2, .h2 {font-size: 35px;}
	h3, .h3 {font-size: 25px;}
	h4, .h4 {font-size: 20px;}
	h5, .h5 {font-size: 16px;}
	.mod_add_time::before {display: none;}
	header#navbar{position: absolute; width: 100%; padding-top: 40px; padding-bottom: 20px;}
	header #header_items{background-color: #E9F8FF; position: static; transform: none; padding: 10px;}
	header #header_items .order-call{margin-top: 20px;}
	header #top_menu{padding: 0 20px;}
	header #top_menu .menu{flex-direction: column; align-items: flex-start; padding: 10px 0}
	header #top_menu .menu a{padding: 10px 0;}
	header #top_menu .menu .item-102:after{display: none;}
	header #top_menu .menu>li>.nav-child{display: block; position: static; box-shadow: none; width: auto;}
	.navbar-collapse{margin-top: 5px;}
	.navbar-brand{width: 195px; margin-right: 0; padding: 0;}
	.navbar-toggler{background-color: #E9F8FF;}
	.navbar>.container{justify-content: space-between;}
	.home-slider {padding-top: 0; padding-left: 0 !important; padding-right: 0 !important;}
	.home-slider ul{max-width: none;}
	.home-slider .h1{font-size: 44px;}
	.home-slider .h5{font-size: 20px;}
	.home-slider .item{padding-top: 135px;}
	.home-slider .item .row .col-12{}

	.container .moduletable.features{padding-left: 0; padding-right: 0; padding-bottom: 0;}
	.container .moduletable.features .container{padding-left: 0; padding-right: 0;}
	.container .moduletable.features .h2{font-size: 40px; padding-left: 20px; padding-right: 20px;}
	.container .moduletable.features:after {width: 100%; height: 450px;}
	.container .moduletable.features:before {display: none;}
	.container .moduletable.features .feature-card {padding-left: 15px; padding-right: 15px; padding-bottom: 30px;}
	.container .moduletable.clients{padding-left: 0; padding-right: 0; padding-top: 64px;}
	.container .moduletable.clients .container{padding-left: 0; padding-right: 0;}
	.container .moduletable.clients .h2{font-size: 40px; padding-left: 20px; padding-right: 20px;}
	.container .moduletable.clients:after {width: 100%}
	.container .moduletable.clients:before {display: none;}
	.container .moduletable.clients .clients-slider .item {padding: 0 10px;}

	.container .moduletable.faq{padding-left: 0; padding-right: 0; padding-bottom: 100px; padding-top: 50px;}
	.container .moduletable.faq .container{padding-left: 0; padding-right: 0;}
	.container .moduletable.faq .h2{font-size: 35px; padding-left: 20px; padding-right: 20px; margin-bottom: 40px;}
	.container .moduletable.faq:after {width: 100%; top: 0; height: 300px}
	.container .moduletable.faq:before {display: none;}

	.container .moduletable.company {padding-top: 0; padding-left: 0; padding-right: 0;}
	.container .moduletable.company .h2 {position: static; font-size: 40px; padding-left: 20px; padding-right: 20px; margin-bottom: 0;}
	.container .moduletable.company .container{padding-left: 0; padding-right: 0;}
	.container .moduletable.company .company-card{width: 90%; margin: 0 auto; position: relative; top: -40px;}

	.item-page .page-header h2{font-size: 30px;}
	.item-page .page-header {padding: 155px 20px 50px;}

	.questions{padding-top: 70px;}
	.questions:after{width: 100%; height: 230px;}
	.questions .container .underlay{padding: 70px 50px;}
	.questions .container .underlay form{max-width: none;}
	.questions .container .h2{margin-bottom: 110px;}
	.services-btn{width: 200px; padding: 10px 0;}
	.service-description{padding: 25px;}
	.service-description .article-menu{flex-direction: column; margin-bottom: 20px;}
	.service-description .write-director {margin-bottom: 24px;}
	.service-description .article-text{padding: 0px}
	.promo{padding-top: 120px;}
	.promo .h2{font-size: 40px;}

	.brain-service-dlya-doma .service-slider .container .row .col-12:last-child:after{display: none;}
	.brain-service-dlya-biznesa .service-slider .container .row .col-12:last-child:after{display: none;}

	.brain-service-dlya-doma .services_types .container .row a:after{display: none;}
	.brain-service-dlya-biznesa .services_types .container .row a:after{display: none;}

	.quiz .first:after{display: none;}
	.quiz .item .card-body .quiz-discount{padding-left: 0;}
	.quiz .item .card-body .h4{font-size: 25px;}
	.quiz .item .card-body .h3{font-size: 25px;}
	.quiz .item .card-body{padding: 30px 20px;}
	.quiz .h2{font-size: 35px;}
	.fill-btn{padding: 25px;}
	.fill-btn:after{display: none;}
	.quiz .text .h5{font-size: 17px;}
	.quiz textarea{font-size: 14px;}

	.breadcrumb{padding-top: 110px;}
}

@media (max-width: 990px) {
	.company .h2{max-width: none;}
	.company .company-card img{max-width: none;}
	.company .company-card {padding: 0;}
	.company .company-card .text{max-width: none; padding: 30px;}
	.company .company-card .col-12{padding: 0;}
	.item-page div[itemprop="articleBody"]{padding: 50px;}
	body.home .item-page div[itemprop="articleBody"]{padding: 0;}

	footer .footer_items{flex-direction: column; text-align: center; align-items: center;}
	footer .footer_items > div{margin-bottom: 30px;}
	footer .footer_items > div:last-child{margin-bottom: 0;}
	footer .copyright{flex-direction: column; text-align: center;}
	footer .copyright > div{margin-right: 0; margin-bottom: 20px;}
	footer .copyright > div:last-child{margin-bottom: 0;}

	.questions .container .underlay .pointless{display: none;}
	.questions .container .underlay{padding: 0; box-shadow: none;}

	.service-slider .btns{flex-direction: column; align-items: center;}
	.service-slider .btns button{margin-bottom: 20px;}
	.service-slider .btns button:last-child{margin-bottom: 0;}
	.service-slider .h2{text-align: center; font-size: 30px;}

	.services .wrap .service:first-child:before{width: 42px; height: 76px; background-size: cover; top: -60px; left: 50px;}
	.services .wrap .service:last-child:before{width: 19px; height: 30px; background-size: cover; top: -35px; left: 40px;}
	.services .wrap .service{padding-bottom: 30px; margin-bottom: 20px;}
	.services .wrap .service:after{width: 37px; height: 21px; background-size: cover;}

	.quiz .item .card-body .quiz-buttons .prev {font-size:0;}
	.quiz .item .card-body .quiz-buttons .next {font-size:0;}


}


.brain-service-dlya-biznesa.servis-teploobmennikov-dlya-biznesa div[itemprop="articleBody"] {display: none;}
.brain-service-dlya-biznesa.servis-teploobmennikov-dlya-biznesa main {padding-bottom: 3rem;}
.brain-service-dlya-biznesa.servis-teploobmennikov-dlya-biznesa footer {padding-top: 100px;}


/*кнопка звонка*/
.callback-bt {display:none; background:#38a3fd;border:2px solid #38a3fd;border-radius:50%;box-shadow:0 8px 10px rgba(56,163,253,0.3);cursor:pointer;height:68px;text-align:center;width:68px;position: fixed;right: 1rem;bottom: 1rem;z-index:999;transition:.3s;-webkit-animation:hoverWave linear 1s infinite;animation:hoverWave linear 1s infinite;}
@media (max-width: 600px) {
	.callback-bt {display:block;}
}
.callback-bt .text-call{height:68px;width:68px; border-radius:50%;position:relative;overflow:hidden;}
.callback-bt .text-call img {opacity: 1; position:absolute; left:50%; top: 50%; transform:translate(-50%,-50%)}
.callback-bt .text-call:hover span {opacity: 1;font-size: 8px;}


@-webkit-keyframes hoverWave {0% {box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)}
40% {box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)}
80% {box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)}
100% {box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)}
}
@keyframes hoverWave {0% {box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)}
40% {box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)}
80% {box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)}
100% {box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)}
}
/* animations icon */@keyframes shake {0% {transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);}
10% {transform: rotateZ(-30deg);-ms-transform: rotateZ(-30deg);-webkit-transform: rotateZ(-30deg);}
20% {transform: rotateZ(15deg);-ms-transform: rotateZ(15deg);-webkit-transform: rotateZ(15deg);}
30% {transform: rotateZ(-10deg);-ms-transform: rotateZ(-10deg);-webkit-transform: rotateZ(-10deg);}
40% {transform: rotateZ(7.5deg);-ms-transform: rotateZ(7.5deg);-webkit-transform: rotateZ(7.5deg);}
50% {transform: rotateZ(-6deg);-ms-transform: rotateZ(-6deg);-webkit-transform: rotateZ(-6deg);}
60% {transform: rotateZ(5deg);-ms-transform: rotateZ(5deg);-webkit-transform: rotateZ(5deg);}
70% {transform: rotateZ(-4.28571deg);-ms-transform: rotateZ(-4.28571deg);-webkit-transform: rotateZ(-4.28571deg);}
80% {transform: rotateZ(3.75deg);-ms-transform: rotateZ(3.75deg);-webkit-transform: rotateZ(3.75deg);}
90% {transform: rotateZ(-3.33333deg);-ms-transform: rotateZ(-3.33333deg);-webkit-transform: rotateZ(-3.33333deg);}
100% {transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);}
}
@-webkit-keyframes shake {0% {transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);}
10% {transform: rotateZ(-30deg);-ms-transform: rotateZ(-30deg);-webkit-transform: rotateZ(-30deg);}
20% {transform: rotateZ(15deg);-ms-transform: rotateZ(15deg);-webkit-transform: rotateZ(15deg);}
30% {transform: rotateZ(-10deg);-ms-transform: rotateZ(-10deg);-webkit-transform: rotateZ(-10deg);}
40% {transform: rotateZ(7.5deg);-ms-transform: rotateZ(7.5deg);-webkit-transform: rotateZ(7.5deg);}
50% {transform: rotateZ(-6deg);-ms-transform: rotateZ(-6deg);-webkit-transform: rotateZ(-6deg);}
60% {transform: rotateZ(5deg);-ms-transform: rotateZ(5deg);-webkit-transform: rotateZ(5deg);}
70% {transform: rotateZ(-4.28571deg);-ms-transform: rotateZ(-4.28571deg);-webkit-transform: rotateZ(-4.28571deg);}
80% {transform: rotateZ(3.75deg);-ms-transform: rotateZ(3.75deg);-webkit-transform: rotateZ(3.75deg);}
90% {transform: rotateZ(-3.33333deg);-ms-transform: rotateZ(-3.33333deg);-webkit-transform: rotateZ(-3.33333deg);}
100% {transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);}
}


.mod_video_plast,
.mod_add_time {position:relative;}
body:not(.brain-service-dlya-doma.montazh-pravil-noj-kanalizatsii) .mod_video_plast::before,
body:not(.brain-service-dlya-doma.montazh-pravil-noj-kanalizatsii) .mod_add_time::before {content:url('/images/modules/discount/004.png'); position:absolute; top:50%; right:60%; transform:translateY(-50%);}
.mod_video_plast .img {position:relative; cursor:pointer;}
.mod_video_plast .img .video-button {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:.3s;}
.mod_video_plast .img:hover .video-button {opacity:.7;}

.mod_add_time::before {content:url('/images/modules/discount/003.png'); position: absolute; height: 200px; top: 80px; left: -450px; z-index: -1; right: 0; background: left no-repeat;}
.bg-color.bg-color-blue::before {background:#001F58;}
.bg-color.bg-color-yellow::before {background:#FEF87E;}

.bg-color.bg-yellow-light::before {background:#FEF87E;}
.bg-color.bg-color-blue-light::before {background:#001F58;}
.bg-color.bg-color-blue-light {color:#fff;}
@media (min-width: 1200px) {
	.bg-color.bg-yellow-light::before,
	.bg-color.bg-color-blue-light::before {right:50%; left:auto; margin:auto -555px auto auto;}
}
@media (min-width: 1200px) {
	.mt-minus-100 {margin-top:-60px; margin-right:-60px; margin-left:-60px;}
}

.gidrokhimicheskaya-promyvka-i-remont-plastinchatykh-teploobmennikov .quiz,
.montazh-pravil-noj-kanalizatsii.brain-service-dlya-doma .quiz {margin:5rem 0;}
.gidrokhimicheskaya-promyvka-i-remont-plastinchatykh-teploobmennikov .quiz .h2,
.montazh-pravil-noj-kanalizatsii.brain-service-dlya-doma .quiz .h2 {display:none;}
.gidrokhimicheskaya-promyvka-i-remont-plastinchatykh-teploobmennikov .quiz .first .card-body > .h3,
.montazh-pravil-noj-kanalizatsii.brain-service-dlya-doma .quiz .first .card-body > .h3 {font-size:0;}
.gidrokhimicheskaya-promyvka-i-remont-plastinchatykh-teploobmennikov .quiz .first .h3::before {content:'Расскажите нам чуть больше о вашей проблеме, ответив на несколько вопросов, и получите скидку на промывку оборудования'; font-size:16px;}
.montazh-pravil-noj-kanalizatsii.brain-service-dlya-doma .quiz .first .h3::before {content:'Расскажите нам чуть больше о вашей проблеме, ответив на несколько вопросов, и получите скидку на монтаж канализации'; font-size:16px;}
.montazh-pravil-noj-kanalizatsii.brain-service-dlya-doma .quiz .first .h3::after {content:'Время заполнения опросника - 2 минуты'; font-size:16px;}

@media (min-width: 1200px) {
	.gidrokhimicheskaya-promyvka-i-remont-plastinchatykh-teploobmennikov .quiz .first .h3::before,
	.montazh-pravil-noj-kanalizatsii.brain-service-dlya-doma .quiz .first .h3::before { font-size:40px; width:50%; display:block;}
	.who-work {margin-top:-100px;}
}
/*.gidrokhimicheskaya-promyvka-i-remont-plastinchatykh-teploobmennikov .item-page {display:none;}*/


.bg-color.bg-color-blue-water { z-index:5;}
.bg-color.bg-color-blue-water::before {background-image:url('/images/pages/kanalizatsiya/item005.jpg'); background-repeat:no-repeat; background-size:cover; }
.shadow {box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.08) !important;}
.we-services .image,
.how-work .image,
.who-work .image {height:100px; display:flex; flex-direction:column; align-items: center; justify-content:center;}
.we-services .image > img,
.how-work .image > img,
.who-work .image > img {max-height:100%;}
.montazh-pravil-noj-kanalizatsii #middle {display:none !important;}

.bg-color.stock-what::before {background: url("/images/modules/article/001.png") bottom left no-repeat; top: auto; height:100vh; z-index:-10;}

div.moduletable.copyright { padding: 0px !important; border: none !important; }
#author { padding: 2rem 0px; border-top: 2px solid #E0E0E0; }

.blog-item { border: 1px solid #ddd; padding: 2rem; margin: 1rem 0px; background: #fff; }
.blog-item > * { display: block; }