*{ margin:0;padding:0; }

html{ 
    background: #ecece4 ; 
    background-image:url("../image/background2.jpg");
    height: 100%;position: relative;
}
body{
    background:url("../image/background.jpg") #ecece4 no-repeat;
    background-size: 100% auto;
    height: 100%;position: relative;
}
#block-shadow{
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 1000;
    background: rgba(0,0,0,0.7);
    display: none;
}
.container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1000px;
}

a:active, a:focus, img { border:0; outline: 0; }

a.active.focus,a.active:focus,a.focus,a:active.focus,a:active:focus,a:focus,
button.active.focus,button.active:focus,button.focus,button:active.focus,button:active:focus,button:focus,
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus ,
select{
outline: 0!important;
outline-color: transparent!important;
outline-width: 0!important;
outline-style: none!important;
box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
}


a.pp_close{
        z-index: 9999 !important;
        top: 8px !important;
        right: 12px !important;
    }
    a.pp_close:hover{
        opacity: 1 !important;
    }
    .pp_content_container .pp_details{
        margin: 0px !important;
    }
    div.ppt {
        display: none !important;
    }
@font-face {
font-family: 'Helveticas';
src: url('../fonts/HelveticaNeueCyr-Roman.eot');
src: url('../fonts/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
url('../fonts/HelveticaNeueCyr-Roman.woff') format('woff'),
url('../fonts/HelveticaNeueCyr-Roman.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
    font-family: 'ubuntu';
    src: url('../fonts/ubuntu-r-font.eot');
    src: url('../fonts/ubuntu-r-font.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-r-font.woff') format('woff'),
         url('../fonts/ubuntu-r-font.ttf') format('truetype'),
         url('../fonts/ubuntu-r-font.svg#ubuntu') format('svg');
    font-weight: normal;
    font-style: normal;
}





#main{
    padding-top: 80px;
}

.line1{
    height: 8px;
    min-height: 8px;
    background:#85c042;
}

.align-center{
    text-align: center;
}

.main_desc{
    font:bold 16px/30px Helveticas;
    color: #505050;
    letter-spacing: 1px;
    padding: 0 0 0px;
}
.main_desc2{
    font: 14px/28px Helveticas;
    color: #616161;
    padding: 0 0 20px;
}
#menu{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    padding:26px 0;
}
#menu li{
    display: inline-block;
    font:bold 16px/28px ubuntu;
    padding:0 20px;
}
#menu li a{
    color:black;
}
.head_cont a{
    font: bold 16px/28px ubuntu;
    color: black;
    padding:0 10px 0 0;
}
.head_vk, .head_whatsapp{
    padding:0 4px;
}
.head_vk img, .head_whatsapp img{
    width:24px;
}




#slider-text{
    position: absolute;
    left: 0;bottom:15%;
    z-index: 9;
    width: 100%;
    text-align: center;
    color: white;
    font:bold 44px/50px Helveticas;
    letter-spacing: 2px;
    text-shadow: 5px 5px 0px rgba(0,0,0,0.3);
    background: rgb(0 0 0 / 15%);
    padding: 20px 0px;
    margin-bottom: 0;
}
#slider-text span{
    font:bold 60px/100px Helveticas;
}
#slider-text a{
    font: 14px/28px Helveticas;
    color: white;
    letter-spacing: 0px;
    background: linear-gradient(90deg, #5adc6a, #3eba54);
    text-shadow: none;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    padding: 15px 30px;
    border-radius: 10px;
    vertical-align: super;
    margin-left: 24px;
}
@media (max-width: 767px) {
    #slider-text{
        font:bold 24px/30px Helveticas;
        letter-spacing: 1px;
        bottom:5%;
    }
    #slider-text span{
        font:bold 30px/80px Helveticas;
    }
    #slider-text a{
        padding: 12px 20px;
        border-radius: 5px;
        margin-left: 14px;
    }
}



.swiper-slide img{
    width: 100%;
}


#slider{
    margin-bottom: 30px;
}

.caption{
    min-height: 150px;
    height: 150px;
    background: url("../image/tree.png") center center no-repeat;
    font:0;
    text-align: center;
    padding-top: 70px;
}

.caption-text{
    font:bold 26px/20px Helveticas;
    letter-spacing: 1px;
    color: #3b3b3b;
}
.line-left, .line-right{
    max-width: 150px;
    height: 20px;
    background-size: contain !important;
}
.line-left{
    background: url("../image/line_left.png") right center no-repeat;
}
.line-right{
    background: url("../image/line_right.png") left center no-repeat;
}



.card_service{
    background: white;
    height: 100%;
    width: 100%;
    text-align: center;
}
.card_caption{
    font:bold 18px/36px ubuntu;
    padding:5px 15px;
}
.card_caption1{
    font:bold 16px/20px ubuntu;
    padding:20px 15px 0px;
}
.card_caption2{
    font:13px/20px Helveticas;
    padding: 5px 15px 20px;
}
.card_description{
    font:14px/22px Helveticas;
    padding: 5px 15px;
}
.card_description a{
    color: black;
    text-decoration: underline;
}
.card_more{
    text-align: center;
    margin-top: -20px;
    padding-bottom: 20px;
}
.card_more a{
    background: #afd781;
    font:bold 12px/24px Helveticas;
    color: #214312;
    text-decoration: none;
    padding: 8px 20px;
    border-radius:10px;
    letter-spacing: 1px;
}
.card_more a:hover{
    background: #bae689;
    text-decoration: underline;
}
.icon{
    background: #f3f3f3;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: -25px auto 0;
    position: relative;
}
#icon1{
    background: #f3f3f3 url("../image/icon1.png") center center no-repeat; background-size: 45%;
}
#icon2{
    background: #f3f3f3 url("../image/icon2.png") center center no-repeat; background-size: 50%;
}
#icon3{
    background: #f3f3f3 url("../image/icon3.png") center center no-repeat; background-size: 30%;
}
#icon4{
    background: #f3f3f3 url("../image/icon4.png") center center no-repeat; background-size: 50%;
}
#icon5{
    background: #f3f3f3 url("../image/icon5.png") center center no-repeat; background-size: 45%;
}
#icon6{
    background: #f3f3f3 url("../image/icon6.png") center center no-repeat; background-size: 45%;
}
.razdel{
    margin: 40px 0 0;
    text-align: center;
    padding: 40px;
}
.wave{
  background: white;
  height: 26px;
  position: relative;
}
.wave::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: repeat;
  height: 10px;
  background-size: 20px 20px;
  background-image:
    radial-gradient(circle at 10px -5px, transparent 12px, #ecece4  13px);
}
.wave::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: repeat;
  height: 15px;
  background-size: 40px 20px;
  background-image:
    radial-gradient(circle at 10px 15px, #ecece4  12px, transparent 13px);
}

.swiper-button-black{
    background-color: white;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-size: 28%;
    box-shadow: 0 0 0 7px rgba(0,0,0,0.1);
}

.icon2{
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-top: -30px;
    position: relative;
    box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
}
#review1{
    background: #f3f3f3 url("../image/review1.png") center center no-repeat; background-size: cover;
}
#review2{
    background: #f3f3f3 url("../image/review2.png") center center no-repeat; background-size: cover;
}
#review3, #review4{
    background: #f3f3f3 url("../image/review3.png") center center no-repeat; background-size: cover;
}
#review5{
    background: #f3f3f3 url("../image/review5.png") center center no-repeat; background-size: cover;
}
#review6{
    background: #f3f3f3 url("../image/review6.png") center center no-repeat; background-size: cover;
}


#map{
    box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
    border-radius: 4px;
}

.copy{
    background: rgba(133,192,66,0.25);
    font:bold 14px/50px Helveticas;
    color: #414141;
    text-align: center;
    height: 50px;
    margin-top: 40px;
}

#up{
    width: 45px;
    height: 45px;
    background: #85c042;
    position: fixed;
    right: 30px;
    bottom: 30px;
    text-align: center;
    color: white;
    font: bold 22px/45px Helveticas;
    border-radius: 10px;
    box-shadow: 0 0 0 5px rgb(0 0 0 / 10%);
    cursor: pointer;
    display: none;
    z-index: 999;
}



/* всплывающее окно опрос*/
.popup .popup2_caption{
    text-align: center;
    font: bold 30px/38px Helveticas, Arial;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.popup .popup2_description{
    text-align: center;
    font:15px/15px Helveticas, Arial;
    letter-spacing:1px;
    margin-bottom: 20px;
}

.popup .b_question, .popup .b_send_caption{
    font: 24px / 36px Helveticas;
    letter-spacing: 1px;
    color: #595959;
    margin-bottom: 10px;
}
.popup .block_question, .popup .block_send_form{
    padding: 35px 15px 50px;
}

.popup .b_answer input[type=text], .popup .b_send_form input{
    margin: 0 auto;
    display: inline-block;
    height: 35px;
    min-height: 35px;
    min-width: 70%;
    border: 0;
    border-bottom: 1px solid #d3d3d3;
    outline: none;
    font: 13px/35px Arial,ubuntu;
    letter-spacing: 1px;
    padding: 0 10px;
    box-sizing: border-box;
}

.form_radio{
    border: 0;
    border-bottom: 1px solid #d3d3d3;
    padding: 10px 0;

}
.form_radio input[type=radio],.form_radio input[type=checkbox]{
    min-height: 25px;
    min-width: 25px;
    display: inline-block;
    vertical-align: middle;
}
.form_radio label{
    height: 25px;
    min-height: 25px;
    font: 13px / 25px Arial, ubuntu;
    letter-spacing: 1px;
    padding: 0px 10px;
    box-sizing: border-box;
    width: 50%;
    display: inline-block;
    cursor: pointer;
}

.popup .button_panel{
    font-size: 0px;
}
.popup .button_panel > div{
    display: inline-block;
    width: 33%;
    box-sizing:border-box;
}
.popup .block_prev .button_back{
    color: #666666;
    display: inline-block;
    letter-spacing: 1px;
    font: 16px / 24px Helveticas;
    padding: 10px 30px;
    text-decoration: none;
    cursor: pointer;
}
.popup .block_step{
    text-align: center;
    font:13px/15px Helveticas, Arial;
}
.popup .block_next{
    text-align: right;
    font:15px/15px Helveticas, Arial;
}

.popup .block_next .button_next{
    background-color: #d8d8d8;
    color: #555555;
    display: inline-block;
    letter-spacing: 1px;
    font: 16px / 24px Helveticas;
    padding: 10px 30px;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
}
.popup .block_next .button_next.button_activ{
    background-color: #85c042;
    color: #fff;
}

/* всплывающие окна*/
.popup{
    display: inline-block;
    position: fixed;
    left: 0;top:0;
    z-index: 9999999999;
    width: 100%;
    max-width: 750px;
    padding: 20px;
    box-sizing:border-box;
}
.popup > form > div{
    padding: 20px;
    color: black;
    border-top: 10px solid #85c042;
    background: white;
}
.close{
    width: 36px;min-width: 36px;
    height: 36px;min-height: 36px;
    position: absolute;
    top: 6px; right: 6px;
    text-align: center;
    cursor: pointer;
    background: white;
    border-radius: 50%;
    box-shadow: 0 0 10px gray;
    color: black;
    font: 28px/36px Helveticas;
    opacity: 1;
}
.close:hover{
    opacity: 1 !important;
}