body {
background: #fff;
font-size: 16px;
color: #444;
font-family: 'Gotham Pro Regular';
}

@font-face {
font-family: 'Gotham Pro Regular';
src: url('fonts/GothamPro.eot');
src: url('fonts/GothamPro.eot?#iefix') format('embedded-opentype'),
url('fonts/GothamPro.woff') format('woff'),
url('fonts/GothamPro.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


.clear {clear: both;}
.center {text-align: center;}
.flex-container {display: flex;justify-content: space-between;flex-wrap: wrap;justify-content: center;}
.flex-box {display: -webkit-flex;display: -ms-flexbox;display: flex;}

green {color: #59c144;}


#block1 {padding-top: 10px;background: #f7f7f7 url(img/bg-1.jpg) top center;background-size: cover; }

.p-logo {}
.p-logo img {height: 80px;}

.p-top-phone {font-size: 20px;text-transform: uppercase;line-height: 20px;margin-top: 15px;
background: url(img/icons8-ringer-volume-50.png) no-repeat left center;background-size: 32px;padding-left: 45px;padding-top: 10px;padding-bottom: 10px;}
.p-top-phone a {color: #333;}
.p-top-phone scan {font-family: 'Gotham Pro Regular';font-size: 12px;text-transform: none;}

.top-mess {position: absolute;top: 10px;right: -90px;z-index: 3;max-width: 160px; display: none;}
.top-mess img {width: 40px;opacity: 0.9;}
.top-mess img:hover {opacity: 1;}

#block1 h1 {font-size: 52px;line-height: 70px;margin-top: 80px;color: #555;font-weight: bold; }
.p-1-1 {margin-top: 40px; margin-bottom: 20px; font-size: 18px;}

.img-woman-1 {width: 99%;margin-top: -140px;}


.bulit-1 {
    width: 50%;
    padding: 10px;
    margin-top: 0px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;font-size: 18px;
}

.bulit-1-1 {background: url(img/icons8-clean-hands-50.png) no-repeat left center;background-size: 32px;padding-left: 45px;}
.bulit-1-2 {background: url(img/icons8-clock-50.png) no-repeat left center;background-size: 32px;padding-left: 45px;}
.bulit-1-3 {background: url(img/icons8-place-marker-50.png) no-repeat left center;background-size: 32px;padding-left: 45px;}
.bulit-1-4 {background: url(img/icons8-vacuuming-50.png) no-repeat left center;background-size: 32px;padding-left: 45px;}


.p-1-2 {margin-top: 60px;}

.p-1-2 a {
    float: left;
    margin-right: 15px;
    display: inline-block;
    font-size: 20px;

    text-transform: uppercase;
    line-height: 1.4em;
    letter-spacing: .8px;
    fill: var(--e-global-color-secondary);
    color: #ffffff;
    background-color: #4caf50;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#4caf50),to(#59c144));
    background-image: -o-linear-gradient(bottom,#59c144 0,#4caf50 100%);
    background-image: linear-gradient(to top,#59c144 0,#4caf50 100%);
    border-style: solid;
    border-width: 0 0 2px 0;
    border-color: #4caf50;
    border-radius: 12px;
    box-shadow: 0 0 6px 0 rgb(255 255 255 / 55%) inset;
    padding: 19px 30px 19px 30px;
}

.p-1-2 scan {position: relative;top: 9px;}

.p-1-2 a:hover {background: #4caf50;text-decoration: none;}


#block2 {padding-top: 50px;padding-bottom: 50px;}
#block2 h2 {font-size: 42px;line-height: 55px;color: #555;font-weight: bold;text-align: center;margin-bottom: 20px;}


.tip-uborki {
    width: 33%;
    padding: 30px;
    margin-top: 0px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;

}

.tip-uborki-box {background: #fcfcfc;padding: 20px 18px;border-radius: 22px;border: 2px solid #f7f7f7;}



.p-2-1 {font-size: 22px;line-height: 32px;color: #555;font-weight: bold;margin-bottom: 15px;}
.p-2-2 {margin-bottom: 15px;}
.p-2-3 a {color: #59c144;font-weight: bold;}
.p-2-3 a scan {background: url(img/icons8-help-50.png) no-repeat left center;background-size: 18px;padding-left: 22px;}
.p-2-4 {font-size: 22px;line-height: 32px;color: #555;}
.p-2-5 a {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.4em;
    letter-spacing: .8px;
    fill: var(--e-global-color-secondary);
    color: #ffffff;
    background-color: #4caf50;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#4caf50),to(#59c144));
    background-image: -o-linear-gradient(bottom,#59c144 0,#4caf50 100%);
    background-image: linear-gradient(to top,#59c144 0,#4caf50 100%);
    border-style: solid;
    border-width: 0 0 2px 0;
    border-color: #4caf50;
    border-radius: 12px;
    box-shadow: 0 0 6px 0 rgb(255 255 255 / 55%) inset;
    padding: 14px 30px 14px 30px;
}

.p-2-5 a:hover {background: #4caf50;text-decoration: none;}


#block3 {padding-top: 40px;padding-bottom: 10px; background: #f8f8f8; }
#block3 h2 {font-size: 42px;line-height: 55px;color: #555;font-weight: bold;text-align: center;margin-bottom: 20px;}

.p-3-1 {text-align: center;font-size: 22px;margin-bottom: 40px;}



.single-item div {
width: 100%;
position: relative;
}    

.slick-prev {
    width: 50px;
    height: 45px;
    position: absolute;
    left: 15px;
    top: 300px;
    background: url(slick/prev.png) no-repeat center center ;background-size: 50px;
    border: 0px;
    font-size: 0px;
    cursor: pointer;
    opacity: 0.90;
    z-index: 100;
}

.slick-next {
    width: 50px;
    height: 45px;
    position: absolute;
    right: 15px;
    top: 300px;
    background: url(slick/next.png) no-repeat center center ;background-size: 50px;
    border: 0px;
    font-size: 0px;
    cursor: pointer;
    opacity: 0.90;
    z-index: 100;
}


.img-carousel {width: 100%;border-radius: 12px;}

.p-kak-zagolovok {font-size: 22px;text-align: center;
position: absolute;left: 0px; top: 0px;width: 170px;
    color: #ffffff;
    background-color: #4caf50;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#4caf50),to(#59c144));
    background-image: -o-linear-gradient(bottom,#59c144 0,#4caf50 100%);
    background-image: linear-gradient(to top,#59c144 0,#4caf50 100%);
    padding: 15px;
    border-radius: 12px 0px 12px 0px;

}


.p-kak {font-size: 16px;line-height: 18px;padding: 8px;background: #fff url(img/icons8-plus-26.png) no-repeat left 6px center;background-size: 20px;padding-left: 30px;border-radius: 12px;}

.p-kak-1-1 {position: absolute;left: 925px; top: 415px;width: 170px;text-align: left;}
.p-kak-1-2 {position: absolute;left: 430px; top: 95px;width: 250px;text-align: left;}
.p-kak-1-3 {position: absolute;left: 490px; top: 352px;width: 250px;text-align: left;}
.p-kak-1-4 {position: absolute;left: 170px; top: 270px;width: 210px;text-align: left;}
.p-kak-1-5 {position: absolute;left: 120px; top: 540px;width: 350px;text-align: left;}
.p-kak-1-6 {position: absolute;left: 820px; top: 555px;width: 326px;text-align: left;}
.p-kak-1-7 {position: absolute;left: 820px; top: 260px;width: 240px;text-align: left;}
.p-kak-1-8 {position: absolute;left: 900px; top: 100px;width: 240px;text-align: left;}


.p-kak-2-1 {position: absolute;left: 943px; top: 415px;width: 200px;text-align: left;}
.p-kak-2-2 {position: absolute;left: 240px; top: 95px;width: 250px;text-align: left;}
.p-kak-2-3 {position: absolute;left: 490px; top: 352px;width: 250px;text-align: left;}
.p-kak-2-4 {position: absolute;left: 170px; top: 270px;width: 210px;text-align: left;}
.p-kak-2-5 {position: absolute;left: 120px; top: 540px;width: 350px;text-align: left;}
.p-kak-2-6 {position: absolute;left: 820px; top: 555px;width: 326px;text-align: left;}
.p-kak-2-7 {position: absolute;left: 868px; top: 295px;width: 240px;text-align: left;}
.p-kak-2-8 {position: absolute;left: 900px; top: 100px;width: 240px;text-align: left;}


.p-kak-3-1 {position: absolute;left: 120px; top: 150px;width: 200px;text-align: left;}
.p-kak-3-2 {position: absolute;left: 120px; top: 550px;width: 240px;text-align: left;}
.p-kak-3-3 {position: absolute;left: 430px; top: 60px;width: 230px;text-align: left;}
.p-kak-3-4 {position: absolute;left: 430px; top: 240px;width: 230px;text-align: left;}
.p-kak-3-5 {position: absolute;left: 850px; top: 80px;width: 230px;text-align: left;}
.p-kak-3-6 {position: absolute;left: 850px; top: 230px;width: 230px;text-align: left;}
.p-kak-3-7 {position: absolute;left: 540px; top: 585px;width: 230px;text-align: left;}
.p-kak-3-8 {position: absolute;left: 850px; top: 380px;width: 230px;text-align: left;}
.p-kak-3-9 {position: absolute;left: 850px; top: 530px;width: 266px;text-align: left;}

.p-kak-4-1 {position: absolute;left: 820px; top: 150px;width: 200px;text-align: left;}
.p-kak-4-2 {position: absolute;left: 120px; top: 150px;width: 240px;text-align: left;}
.p-kak-4-3 {position: absolute;left: 430px; top: 560px;width: 230px;text-align: left;}

.form-3-1 {margin-top: 50px;position: relative;border: 0px solid #333;padding: 20px 20px;}

.p-3-2  {font-size: 32px;line-height: 55px;color: #555;font-weight: bold;text-align: center;margin-bottom: 20px;}

.input1 {
    background: #fff;
    padding-left: 30px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    height: 60px;
    font-weight: bold;
    font-size: 14px;
    display: block;width: 100%;
}


.input_phone {
    background: #fff url(img/icon_form_1_black.png) no-repeat left 10px center;
    padding-left: 40px;
}

.input_size {
    background: #fff url(img/icons8-expand-50.png) no-repeat left 10px center;background-size: 20px;
    padding-left: 40px;
}

.input_name {
    background: #fff url(img/icons8-account-50.png) no-repeat left 10px center;background-size: 20px;
    padding-left: 40px;
}

.select1 {
    background: #fff;
    padding-left: 30px;padding-right: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    height: 60px;
    font-weight: bold;
    font-size: 14px;
    display: block;width: 100%;
}

.select_quest {
    background: #fff url(img/icons8-help-50.png) no-repeat left 10px center;background-size: 20px;
    padding-left: 40px;
}


.btn-1 {
    display: block;width: 100%;height: 60px;line-height: 60px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.4em;
    letter-spacing: .8px;
    fill: var(--e-global-color-secondary);
    color: #ffffff;
    background-color: #4caf50;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#4caf50),to(#59c144));
    background-image: -o-linear-gradient(bottom,#59c144 0,#4caf50 100%);
    background-image: linear-gradient(to top,#59c144 0,#4caf50 100%);
    border-style: solid;
    border-width: 0 0 2px 0;
    border-color: #4caf50;
    border-radius: 12px;
    box-shadow: 0 0 6px 0 rgb(255 255 255 / 55%) inset;

}

.btn-1:hover {background: #4caf50;text-decoration: none;}

.form-check {display: block;width: 310px;position: absolute;bottom: 5px; left: 5px;}


#block4 {padding-top: 50px;padding-bottom: 50px;}

.p-4-1 {text-align: center;font-size: 22px;line-height: 32px;color: #555;font-weight: bold;margin-bottom: 15px;}

.preim {
    width: 25%;
    padding: 20px;
    margin-top: 0px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;    
}


.preim-box {
    font-size: 18px;
    background: #fcfcfc;
    padding: 20px 18px;
    border-radius: 22px;
    border: 2px solid #f7f7f7;
    background-size: 50px;padding-left: 70px;
}

.preim-box-1 {background: #fcfcfc url(img/icons8-rubber-gloves-50.png) no-repeat left 10px top 25px;}
.preim-box-2 {background: #fcfcfc url(img/icons8-van-50.png) no-repeat left 10px top 25px;}
.preim-box-3 {background: #fcfcfc url(img/icons8-vacuum-cleaner-50.png) no-repeat left 10px top 25px;}
.preim-box-4 {background: #fcfcfc url(img/icons8-sustainability-50.png) no-repeat left 10px top 25px;}
.preim-box-5 {background: #fcfcfc url(img/icons8-clock-50g.png) no-repeat left 10px top 25px;}
.preim-box-6 {background: #fcfcfc url(img/icons8-vacuuming-50g.png) no-repeat left 10px top 25px;}
.preim-box-7 {background: #fcfcfc url(img/icons8-clean-hands-50g.png) no-repeat left 10px top 25px;}
.preim-box-8 {background: #fcfcfc url(img/icons8-flyer-distributor-female-50.png) no-repeat left 10px top 25px;}


#block5 {padding-top: 0px;padding-bottom: 50px;}

.p-5-1 {font-size: 22px;line-height: 32px;color: #555;font-weight: bold;margin-bottom: 30px;  }
.p-5-2 {font-size: 18px;text-align: justify;}
.p-5-2-ul {font-size: 18px;text-align: justify;}


.img-5-1 {width: 100%;margin-top: 6px;border-radius: 12px;}




#block6 {padding-top: 50px;padding-bottom: 10px; background: #f8f8f8; }

.p-6-1 {
    font-size: 32px;
    line-height: 55px;
    color: #555;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}


.img-6-1 {width: 100%;border-radius: 12px;margin-bottom: 30px;}

.p-6-2  {font-size: 32px;line-height: 55px;color: #555;font-weight: bold;text-align: center;margin-bottom: 20px;margin-top: 20px;}





#block7 {padding-top: 90px;padding-bottom: 50px;}

.p-7-1 {font-size: 22px;line-height: 32px;color: #555;font-weight: bold;text-align: left;margin-bottom: 20px;margin-top: 20px;}
.p-7-2 {font-size: 18px;background: url(img/icons8-thumbs-up-50.png) no-repeat left 0px center;padding-left: 60px;background-size: 50px;margin-bottom: 75px;}


.div-otziv {background: #fafafa;border: 1px solid #ddd;padding: 20px 30px;border-radius: 20px;position: relative;margin-bottom: 40px;}

.p-otziv-name {}
.img-otziv {width: 55px;border-radius: 50%;float: left;margin-right: 12px;}
.otziv-name {font-size: 16px;font-weight: bold;}
.otziv-time {font-size: 14px;color: #858585;}
.otziv-text {margin-top: 25px;font-size: 16px;}

.star-1 {position: absolute;top: -25px; right: -25px;width: 70px;}

.div-otziv-1 {padding-right: 210px;}
.star-2 {position: absolute;top: -35px; right: 146px;width: 90px;z-index: 2;}

.mockup-otzivi {
    position: absolute;
    top: -30px;
    right: -20px;
    width: 230px;
    z-index: 1;
}



#block8 {padding-top: 0px;padding-bottom: 70px;}

.p-8-1 {
    font-size: 32px;
    line-height: 55px;
    color: #555;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.p-8-2 { font-size: 18px;text-align: center;}
.p-8-3 { font-size: 18px;text-align: center;}


.cliner {
    width: 25%;
    padding: 20px;
    margin-top: 0px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;  
}

.cliner-box {background: #fcfcfc;border-radius: 12px;padding: 0px;border: 2px solid #f7f7f7;padding-bottom: 20px;}

.cliner-img {width: 100%;border-radius: 12px;}

.p-cliner-1 {font-size: 22px;line-height: 32px;color: #555;font-weight: bold;text-align: center;margin-bottom: 10px;margin-top: 20px;}
.p-cliner-2 {font-size: 16px;text-align: center;margin-bottom: 0px;}
.p-cliner-2 b {color: #59c144;}

.star-5-green {position: absolute;right: 35px;bottom: 175px;display: none;}



.form-8-1 {
 background: #fcfcfc;border-radius: 12px;padding: 0px;border: 2px solid #f7f7f7;margin-top: 70px;padding: 20px;   
}

.p-8-4 {
font-size: 32px;line-height: 44px;color: #555;font-weight: bold;text-align: left;margin-bottom: 30px;margin-top: 20px;    
}



#contacts {background: #fcfcfc;padding-top: 50px;padding-bottom: 50px;}

.p-cont-1 {font-size: 32px;line-height: 44px;color: #555;font-weight: bold;text-align: left;margin-bottom: 30px;margin-top: 20px;}
.p-cont-2 {font-size: 18px;}
.p-cont-3 {font-size: 18px;margin-top: 20px;}
.a-phone-cont {
    color: #232323;
    background: url(img/icons8-ringer-volume-50.png) no-repeat left center;
    background-size: 22px;
    padding-left: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.a-btn-cont-callback {
    margin-left: 20px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.4em;
    letter-spacing: .8px;
    fill: var(--e-global-color-secondary);
    color: #ffffff;
    background-color: #4caf50;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#4caf50),to(#59c144));
    background-image: -o-linear-gradient(bottom,#59c144 0,#4caf50 100%);
    background-image: linear-gradient(to top,#59c144 0,#4caf50 100%);
    border-style: solid;
    border-width: 0 0 2px 0;
    border-color: #4caf50;
    border-radius: 12px;
    box-shadow: 0 0 6px 0 rgb(255 255 255 / 55%) inset;
    padding: 12px 22px;
}

.a-btn-cont-callback:hover {background: #4caf50;text-decoration: none;color: #fff;}


.p-cont-4 {font-size: 18px;margin-top: 20px;}
.p-cont-4 scan {
    background: url(img/icons8-place-marker-50.png) no-repeat left center;
    background-size: 22px;
    padding-left: 35px;
        padding-top: 10px;
    padding-bottom: 10px;
}

.p-cont-5 {font-size: 18px;margin-top: 20px;}
.p-cont-5 scan {
    background: url(img/icons8-mail-50.png) no-repeat left center;
    background-size: 22px;
    padding-left: 35px;
        padding-top: 10px;
    padding-bottom: 10px;
}

.p-cont-6 {margin-top: 20px;}
.p-cont-6 img {width: 36px;}

.frame-map {width: 100%;height: 400px;
border: 1px solid #f7f7f7;border-radius: 12px;}


.p-cont-7 {text-align: center;color: #777;padding-top: 30px;}
.p-cont-7 a {color: #777;}


.modal-div {max-width: 420px;margin: auto;}


.modal-content {padding-left: 10px;padding-right: 10px;}
.modal-content h5 {text-align: center;font-size: 26px;font-weight: bold;margin-bottom: 35px;} 
.modalimg {text-align: center;margin-bottom:15px;}

.modalimg img {max-width: 80%;}




.modal-h5 {text-align: center;font-size: 12px;font-weight: bold;}
.p-pol {font-size: 12px;}



.p-modal-1 {font-size: 22px;line-height: 20px;color: #555;font-weight: bold;text-align: center;}
.p-modal-2 {font-size: 18px;line-height: 20px;color: #555;font-weight: bold;margin-top: 40px;margin-bottom: 20px;}
.p-modal-check {font-size: 16px;line-height: 20px; background: url(img/icons8-plus-26.png) no-repeat left 5px center;background-size: 16px;padding-left: 28px;}


.chto-vhodit {
    width: 50%;
display: block;
float: left;  
}


.p-sogl {text-align: center;font-size: 14px;color: #777;}


.title-2 {
    font-size: 22px;
    line-height: 30px;
    margin-top: 10px;
    color: #555;
    font-weight: bold;
}


