@import url('../../../css/mform.css');

@font-face {
    font-family: 'Circe Regular';
    src: url('Circe-Regular.eot');
    src: url('Circe-Regular.eot?#iefix') format('embedded-opentype'), url('Circe-Regular.woff') format('woff'), url('Circe-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Circe Bold';
    src: url('Circe-Bold.eot');
    src: url('Circe-Bold.eot?#iefix') format('embedded-opentype'), url('Circe-Bold.woff') format('woff'), url('Circe-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

.exform-wrapper.callback_popup {
    width: 90%;
    max-width: 780px;
    max-height: 92vh;
    overflow-y: auto;
    margin: 0 !important;
    padding: 50px 0;
    border: 0;
    border-radius: 20px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: none;
    color: #9a9a9a;
    font: 16px/1.35 'Circe Regular', Arial, sans-serif;
    z-index: 9999;
}

.exform-wrapper.callback_popup .exform-header {
    color: #000;
    font: 24px/1.2 'Circe Bold', Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.exform-wrapper.callback_popup .exform-addmsg {
    max-width: 300px;
    margin: 5px auto 0;
    text-align: center;
}

.exform-wrapper.callback_popup .form-body {
    display: flex;
    max-width: 550px;
    margin: 40px auto 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.exform-wrapper.callback_popup .form-body .input-item {
    position: relative;
    width: 48%;
    margin-bottom: 20px;
}

.exform-wrapper.callback_popup .form-body .input-item.fullw,
.exform-wrapper.callback_popup .smart-captcha-wrap,
.exform-wrapper.callback_popup .exform-server-error,
.exform-wrapper.callback_popup .exform-client-error {
    width: 100%;
}

.exform-wrapper.callback_popup input[type='text'],
.exform-wrapper.callback_popup input[type='tel'],
.exform-wrapper.callback_popup input[type='email'],
.exform-wrapper.callback_popup textarea {
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0 20px;
    border: 1px solid #e1e1e1;
    border-radius: 20px;
    box-sizing: border-box;
    outline: none;
    background: #fff;
    color: #9a9a9a;
    font: 16px/40px 'Circe Regular', Arial, sans-serif;
    text-align: left;
}

.exform-wrapper.callback_popup input:focus,
.exform-wrapper.callback_popup textarea:focus {
    border-color: #000;
    color: #000;
}

.exform-wrapper.callback_popup .smart-captcha-wrap {
    display: flex;
    min-height: 100px;
    margin-bottom: 20px;
    align-items: flex-start;
    justify-content: center;
}

.exform-wrapper.callback_popup .exform-smart-captcha {
    width: min(100%, 303px);
    min-height: 100px;
}

.exform-wrapper.callback_popup .captcha-load-message {
    display: none;
    color: #b42318;
    font-size: 14px;
}

.exform-wrapper.callback_popup .captcha-load-error .exform-smart-captcha {
    display: none;
}

.exform-wrapper.callback_popup .captcha-load-error .captcha-load-message {
    display: block;
}

.exform-wrapper.callback_popup .exform-server-error,
.exform-wrapper.callback_popup .exform-client-error {
    margin: 0 0 18px;
    color: #b42318;
    font-size: 14px;
    text-align: center;
}

.exform-wrapper.callback_popup .mf-submit {
    text-align: center;
}

.exform-wrapper.callback_popup .mf-submit .send-btn {
    width: 100%;
    max-width: 264px;
    height: 40px;
    padding: 5px 11px;
    border: 0;
    border-radius: 20px;
    outline: none;
    background: #000;
    color: #fff;
    cursor: pointer;
    font: 700 15px/1 'Circe Bold', Arial, sans-serif;
    text-transform: uppercase;
}

.exform-wrapper.callback_popup .mf-submit .send-btn:hover {
    background: #000;
}

.exform-wrapper.callback_popup .policy {
    display: flex;
    max-width: 440px;
    margin: 0 auto;
    align-items: flex-start;
    justify-content: center;
    line-height: 27px;
    text-align: center;
}

.exform-wrapper.callback_popup .policy label {
    font-weight: 500;
}

.exform-wrapper.callback_popup .policy input {
    flex: 0 0 auto;
    margin: 3px 10px 0 0;
}

.exform-wrapper.callback_popup .policy a {
    color: #9a9a9a;
    text-decoration: underline;
}

.exform-wrapper.callback_popup .policy a:hover {
    text-decoration: none;
}

.exform-wrapper.callback_popup .policy.mf-error {
    color: #b42318;
}

.exform-wrapper.callback_popup .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px !important;
    height: 32px;
    padding: 0;
    border: 0;
    background: url('/exform/imgs/exit.png') center/20px 20px no-repeat;
    cursor: pointer;
}

.exform-wrapper.callback_popup.finmsg {
    width: min(90%, 420px);
    min-height: 80px;
    padding: 28px;
    text-align: center;
}

.exform-wrapper.callback_popup.finmsg p {
    margin: 0 !important;
}

@media (max-width: 660px) {
    .exform-wrapper.callback_popup {
        padding: 50px 20px;
    }

    .exform-wrapper.callback_popup .form-body {
        margin-top: 28px;
    }

    .exform-wrapper.callback_popup .form-body .input-item {
        width: 100%;
    }

    .exform-wrapper.callback_popup .policy {
        font-size: 14px;
    }
}