#form-mebel {
    margin-bottom: 0;
    width: 100%;
    background: #4D433C;
}

#form-mebel .form-mebel_wrapper {
    background: #4D433C;
    box-sizing: border-box;
}

#form-mebel .h3 {
    font: 600 36px/130% var(--title-font);
    text-transform: none;
}

#form-mebel .h3,
#form-mebel .description,
#form-mebel .form-wrapper .h5.response-inner,
#form-mebel .form-wrapper .h5.response-inner p,
#form-mebel .form-consultation {
    color: var(--background);
}

#form-mebel .description {
    font: 400 16px/150% var(--text-font);
}

#form-mebel .form-consultation {
    font: 600 16px/130% var(--title-font);
    color: var(--background);
    text-align: start;
    margin-top: 61px;
}

#form-mebel .form-consultation a {
    white-space: nowrap;
}

#form-mebel .form-wrapper input.text,
#form-mebel .form-wrapper .input-wrapper .placeholder {
    color: var(--background) !important;
    opacity: 0.8;
}

#form-mebel .button:hover {
    border: 1px solid var(--background);
}

#form-mebel input:-webkit-autofill {
    transition: all 0s 50000s !important;
    box-shadow: none !important;
}


#form-mebel .ln.policy .policy-wrapper .ico:before {
    background: var(--background);
}

#form-mebel .ln.policy .policy-wrapper input+.ico {
    outline: 1px solid var(--background);
}

#form-mebel .policy .policy-placeholder {
    color: var(--background);
}

#form-mebel .ln.policy .policy-placeholder a:hover {
    color: var(--background);
}

#form-mebel .ln.policy .policy-placeholder a {
    background-image: -o-linear-gradient(left, var(--background) 0, var(--background) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--background)), to(var(--background)));
    background-image: linear-gradient(to right, var(--background) 0, var(--background) 100%);
}

#form-mebel .ln.policy .policy-placeholder a, #form-mebel .form-consultation a {
    border-bottom: none;
    background-repeat: repeat-x;
    background-position: 0 96%;
    background-size: 100% 1px;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--background)), to(var(--background)));
    background-image: linear-gradient(to right, var(--background) 0, var(--background) 100%);
    color: var(--background);
}

#form-mebel .ln.policy .policy-placeholder a:hover, #form-mebel .form-consultation a:hover {
    color: var(--background);
    background-image: none;
}

@media (min-width: 1000px) {
    #form-mebel {
        background: url('/local/components/terem/form.form/templates/mobile.template.mebel/img/desktop.jpg') no-repeat center top, lightgray -606.038px -532.562px / 142.539% 167.657%;
        background-size: cover;
        padding: 98px 0 99px;
    }

    #form-mebel .form-mebel_wrapper {
        max-width: 670px;
        padding: 80px;
        margin: 0;
        border-radius: 4px;
    }

    #form-mebel .tx {
        max-width: 500px;
        text-align: left;
        margin: 0 0 30px 0;
    }

    #form-mebel .h3 {
        font-size: 36px;
        line-height: 131%;
        margin-bottom: 29px;
    }

    #form-mebel .description {
        max-width: 360px;
        text-align: start;
    }

    #form-mebel .form-wrapper .h5.response-inner p {
        text-align: start;
    }

    #form-mebel .form-wrapper {
        max-width: 686px;
        margin-left: 0;
    }

    #form-mebel .form-wrapper form {
        display: flex;
        flex-wrap: wrap;
        column-gap: 30px;
    }

    #form-mebel .form-wrapper .ln {
        min-width: 230px;
        margin-bottom: 0;
    }

    #form-mebel .form-wrapper .ln.message,
    #form-mebel .form-wrapper .ln.policy,
    #form-mebel .form-wrapper .btn-wrapper {
        width: 100%;
        min-width: 100%;
    }

    #form-mebel .button {
        max-width: 244px;
        margin: 0;
        padding: 11px 11px 10px;
    }

    #form-mebel .btn-wrapper {
        margin-top: 39px;
    }

    #form-mebel .form-consultation {
        font-size: 18px;
    }
}

@media (max-width: 999px) {
    #form-mebel {
        margin-top: 80px;
    }

    #form-mebel:before {
        content: '';
        display: block;
        width: 100%;
        height: 432px;
        background: url('/local/components/terem/form.form/templates/mobile.template.mebel/img/desktop.jpg') no-repeat, lightgray 50%;
        background-size: cover;
        background-position: center;
    }

    #form-mebel .form-mebel_wrapper {
        width: 100%;
        padding: 60px 0 62px;
    }

    #form-mebel .tx {
        max-width: 346px;
        margin-bottom: 30px;
    }

    #form-mebel .tx .h3 {
        max-width: 300px;
        font-size: 21px;
        margin: 0 auto 30px;
        padding: 0;
        text-align: center;
    }

    #form-mebel .form-wrapper {
        max-width: 344px;
        padding-right: 1px;
    }

    #form-mebel .ln.policy {
        max-width: 345px;
        padding-right: 0px;
    }

    #form-mebel .button {
        width: 100%;
        padding-top: 1px;
    }

    #form-mebel .form-consultation {
        max-width: 342px;
        line-height: 128%;
        margin-top: 61px;
        text-align: center;
    }

    #form-mebel .form-consultation a {
        line-height: 140%;
    }
}

@media (max-width: 640px) {
    #form-mebel {
        margin-top: 60px;
    }

    #form-mebel:before {
        background: url('/local/components/terem/form.form/templates/mobile.template.mebel/img/mobile.jpg') no-repeat, lightgray -564.626px -193.227px / 259.031% 160.669%;
        background-size: cover;
        background-position: right;
        height: 400px;
    }

    #form-mebel .form-mebel_wrapper {
        padding: 59px 0 61px;
    }

    #form-mebel .tx .h3 {
        text-align: start;
        margin-top: 1px;
        margin-left: 0;
        line-height: 126%;
    }

    #form-mebel .description {
        text-align: start;
    }

    #form-mebel .form-wrapper {
        padding: 0;
    }

    #form-mebel .form-consultation {
        text-align: start;
        line-height: 132%;
        margin-top: 60px;
    }
}