@font-face {
    font-family: 'Myriad Set Pro';
    src: url('../font/myriad-set-pro_thin.ttf');
    font-weight: regular;
    font-style: regular;
    font-display: swap
}
@font-face {
    font-family: HelveticaNeue-55;
    src: url('../font/HelveticaNeue-55-Roman.woff2') format('woff2'), url('../font/HelveticaNeue-55-Roman.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue-55;
    src: url('../font/HelveticaNeue-77-Bold-Cond.woff2') format('woff2'), url('../font/HelveticaNeue-77-Bold-Cond.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HelveticaNeue-55;
    src: url('../font/HelveticaNeue-67-Med-Cond.woff2') format('woff2'), url('../font/HelveticaNeue-67-Med-Cond.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
.col-xs-5ths {
    width: 20%;
    float: left;
    padding: 12px
}

form .form-control {
    margin-bottom: 0px;
    z-index: 11;
}
#sticky-form h2 {
    padding-top: 20px;
}
@media (min-width:768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
        padding: 12px
    }
}

@media (min-width:992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
        padding: 12px
    }
}

@media (min-width:1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
        padding: 12px
    }
}

.login-form {
    padding-top: 15px
}

.form-control {
    background: 0 0;
    border: none;
    margin-bottom: 30px;
    border-bottom: 1px solid #9ca5c538
}

.btn-default {
    background-color: #3d9a3c;
    color: #fff
}

.btn-default:focus,
.btn-default:hover {
    background-color: #004313 !important;
    color: #fff
}

.btn-submit,
.btn-submit:active,
.btn-submit:focus,
.btn-submit:hover {
    background: #ed3237;
    border: 0;
    border-radius: 0;
    padding: 10px 50px;
    outline: 0;
    color: #fefefe;
    font-weight: 600
}

.btn-reset,
.btn-reset:active,
.btn-reset:focus,
.btn-reset:hover {
    background: #f27535;
    border: 0;
    border-radius: 0;
    padding: 10px 50px;
    margin: 10px;
    outline: 0;
    color: #fefefe;
    font-weight: 600
}

.form-label {
    position: absolute;
    top: 12px;
    color: #fefefe;
    opacity: .6;
    font-weight: 500;
    z-index: 10;
    width: 100%;
    transition: transform 150ms ease-out, font-size 150ms ease-out
}

.focused .form-label {
    transform: translateY(-80%);
    font-size: 13px;
    opacity: 1;
    top: 7px;
}

.form-control {
    color: #fff;
    border-radius: 0;
    position: relative;
    padding: 8px 0 5px 0;
    width: 100%;
    outline: 0;
    border: 0;
    box-shadow: 0 1px 0 0 #e5e5e5;
    transition: box-shadow 150ms ease-out
}

.form-control:focus {
    background: 0 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid #9ca5c538
}

.form-control .filled {
    background: 0 0
}

/* input:-webkit-autofill {
    background: 0 0 !important
} */

input:-webkit-autofill {
    -webkit-text-fill-color: #444 !important
}

#sticky-form .a-modal {
    color: #000;
}
#sticky-form .g-recaptcha {
    transform: scale(.65);
}