.zapisonline {
    color: #FFFFFF;
    background-position: center center;
    position: relative;
    background-image: url(fon-podval-576.webp);
    padding-top: 85px;
    padding-bottom: 100px;
}
.zapisonline::before {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    content: "";
}
.container.zapisonline__container {
    position: relative;
    z-index: 2;
}

.zapisonline__formwrapper {
    max-width: 370px;
    margin: auto;
}
.zapisonline__text {
    font-size: 21px;
    line-height: 1.3;
    margin: auto;
    width: 80%;
    text-align: center;
}
.zapisonline__text strong {
    color: #3cc1c1;
}
.zapisonline__form {
    margin-top: 27px;
}

.htmlform__label {display: none;}
.pole_vvoda, .pole_text {width: 100%; display: block;}
.htmlform__object {margin-top: 15px;}

.infochek {
    margin-top: 20px;
    width: 100%;
    
}
.infochek a {
    color: inherit;
}

.zapisonline .infochek {
    color: #aaaaaa;
}
.zapisonline .buttonSend {
    margin: 30px auto 0;
    display: block;
    width: 100%;
    text-transform: none;
}

.otpravka { background-color: rgba(0,0,0,0.5); display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 111111111;}
.otpravka__massage {
    margin: auto; background: #fff; padding: 60px 50px; border-radius: 10px; color: #3F3B3B; font-size: 16px; 
    display: inline-flex; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; align-items: center; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; 
    width: 95%;
    max-width: 500px;
}
.otpravka__massage::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 20px;
    background-image: url(ok_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0;
}
.otpravka__massage strong {display: block; text-align: center;}

.content + .zapisonline  {
    margin-top: 40px;
}

@media (min-width:576px){
    .zapisonline {
        background-image: url(fon-podval-1200.webp);
    } 
}

@media (min-width:1100px){
    .zapisonline {
        background-image: url(fon-podval-1920.webp);
    } 
    .content + .zapisonline  {
        margin-top: 60px;
    }
}

.mainstartform {
    padding-top: 30px;
    padding-bottom: 0;
}
.mainstartform .html5form__wrapper {
    background-color: rgba(255, 255, 255, 0.4);
    position: relative;
    padding: 35px 25px;
}

.mainstartform .section__title {
    margin-bottom: 10px;
}

.mainstartform .section__text {
    line-height: 1.2;
    margin: auto;
    margin-bottom: 25px;
    text-align: center;
    font-size: 17px;
}

.mainstartform .buttonSend {
    margin-top: 15px;
    width: 100%;
}




@media (min-width:576px){
    .mainstartform { 
        padding-bottom: 45px;
    }
    .mainstartform .html5form__wrapper {
        padding: 40px 80px 50px;
        max-width: 570px;

        margin: auto;
    }
    .mainstartform .section__text {font-size: 21px;}
}

@media (min-width:992px){
    .mainstartform {padding-bottom: 70px; padding-top: 10px;}
}