.preferred-modal {
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px;
    }
    @media (max-width: 425px) {
        .preferred-modal {
            padding-left: 10px;
            padding-right: 10px;
            }
        }
    @media (min-width: 768px) {
        .preferred-modal .modal-close {
            display: none;
            }
    }
    .preferred-modal .modal-content {
        padding: 0;
        text-align: left;
        color: #292929;
        }

.preferred-modal .modal-header {
    padding: 20px;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 4px 4px 0 0;
    text-align: center;
    font-family: montserratlight, sans-serif;
    }
    .preferred-modal-title {
        font-size: calc(18px + (21 - 18) * ((100vw - 320px) / (1000 - 320)));
        }
    .preferred-modal-subtitle {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1000 - 320)));
        color: #8c8c8c;
        }

.preferred-modal .modal-body {
    padding: 20px;
    background-color: #f8f8f8;
    border-radius: 0 0 4px 4px;
    }

.preferred-modal .form-group {
    margin-bottom: 10px;
    }
.preferred-modal .form-group input.form-control {
    height: auto;
    padding: 10px 15px;
    font-size: 13px;
    border-radius: 3px;
    box-shadow: none;
    }
    .preferred-modal .form-group input.form-control::-webkit-input-placeholder {
        color: #898989;
        text-transform: uppercase;
        }
    .preferred-modal .form-group input.form-control::-moz-placeholder {
        color: #898989;
        text-transform: uppercase;
        }
    .preferred-modal .form-group input.form-control:-ms-input-placeholder {
        color: #898989;
        text-transform: uppercase;
        }
    .preferred-modal .form-group input.form-control:-moz-placeholder {
        color: #898989;
        text-transform: uppercase;
        }
    .preferred-modal .form-group .help-block {
        margin-top: 2px;
        font-family: montserratlight, sans-serif;
        font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1000 - 320)));
        }
.preferred-modal-submit {
    margin: 15px 0 !important;
    }
    .preferred-modal-submit .btn.btn-default {
        display: block;
        width: 100%;
        padding: 10px 15px;
        font-family: montserratlight, sans-serif;
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1000 - 320)));
        border-radius: 3px;
        }
.preferred-modal-text {
    font-family: montserratregular, sans-serif;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1000 - 320)));
    }
    .preferred-modal-text p {
        font-size: 1em;
        color: inherit;
        }
    .preferred-modal-text a {
        color: #cf2b43;
        text-decoration: underline;
        }