@import url('/assets/components/ajaxform/css/default.css');

/* [FIX] Preserve the legacy form layout without replacing the site's CSS. */
.site-form__trap,
.site-form__trap[hidden] {
    display: none !important;
}

.arrow-form .site-form .row input[type=email] {
    width: 194px;
    box-sizing: border-box;
    padding: 1px 7px;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    background: #f0eeee;
    box-shadow: #dad9d9 1px 1px 4px inset;
}

.arrow-form .site-form__consent {
    display: block;
    margin: 0 0 12px 106px;
    font: 12px/1.4 Arial;
}

.arrow-form.short .site-form__consent {
    margin-left: 77px;
}

.site-form textarea.error,
.site-form input[type=email].error {
    border-color: #b71717;
}

.modal-window.call .site-form .row {
    margin-bottom: 10px;
}

.modal-window.call .site-form .input-name {
    display: block;
    margin-bottom: 4px;
}

.modal-window.call .site-form .row input,
.modal-window.call .site-form .row textarea {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.modal-window.call .site-form__consent {
    display: block;
    margin: 10px 0;
    font: 11px/1.4 Arial;
}

@media screen and (max-width: 767px) {
    .arrow-form .site-form .row input[type=email] {
        width: 100%;
    }

    .arrow-form .site-form__consent,
    .arrow-form.short .site-form__consent {
        margin-left: 0;
    }
}