
.login-alert {
    display: block;
    margin: 60px auto 0 auto;
    max-width: 1366px;
    border-radius: 0;
}

.login-container {
    border: 1px solid #d8d8d9;
    background: #f1f1f1;
    margin: 60px auto 0 auto;
    max-width: 1366px;
    padding: 30px;
}

.login {
    background: #d8d8d9;
    margin: 60px auto;
    max-width: 1366px;
}

    .login h1 {
        color: #26d2a9;
        font-family: neusa-next-std, sans-serif;
        font-weight: 700;
        font-size: 71px;
        line-height: 1;
        margin: 0;
        text-transform: uppercase;
    }

    .login h3 {
        color: #393d46;
        font-family: 'Aleo', serif;
        font-weight: 400;
        font-size: 19px;
        line-height: 1;
        margin: 0 0 45px 0;
    }

    .login > .row {
        margin: 0;
    }

        .login > .row > .col-lg-6 {
            padding: 0;
        }

    .login .align-self-center {
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .login .links {
        color: #393d46;
        font-size: 17px;
        margin: 0 auto;
        max-width: 480px;
        width: 100%;
    }

        .login .links a, .login .links a:visited {
            color: #f37159;
            font-weight: 700;
            text-decoration: none;
            text-transform: uppercase;
        }

            .login .links a:hover, .login .links a:active {
                color: #393d46;
            }

        .login .links .espanol-mobile {
            display: none;
        }

    .login .form {
        margin: 0 auto;
        max-width: 330px;
        width: 100%;
    }

    .login .form-control {
        border-radius: 0;
        color: #393d46;
        font-family: neusa-next-std, sans-serif;
        font-size: 17px;
    }

        .login .form-control:focus {
            border-color: #84e9d0;
            box-shadow: 0 0 0 .2rem rgba(38,210,169,.25)
        }

        .login .form-control::-webkit-input-placeholder {
            text-transform: uppercase;
        }

        .login .form-control:-ms-input-placeholder {
            text-transform: uppercase;
        }

        .login .form-control::placeholder {
            text-transform: uppercase;
        }

    .login .btn, .login .btn:visited {
        background: #ffffff;
        border: 2px solid #000000;
        border-radius: 30px;
        box-shadow: none;
        display: inline-block;
        color: #000000;
        font-family: neusa-next-std, sans-serif;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 1px;
        line-height: normal;
        min-width: 150px;
        outline: none !important;
        padding: 15px 0 11px 0;
        text-decoration: none;
        text-transform: uppercase;
        min-width: 190px;
    }

        .login .btn:hover, .login .btn:active {
            background: #000000;
            color: #ffffff;
        }

    .login .btn-green, .login .btn-green:visited {
        background: #26d2a9 !important;
        border-color: #26d2a9 !important;
        color: #ffffff !important;
    }

        .login .btn-green:hover, .login .btn-green:active {
            background: #ffffff !important;
            color: #26d2a9 !important;
        }

    .login .btn-espanol, .login .btn-espanol:visited {
        background: #f37159 !important;
        border-color: #f37159 !important;
        border-radius: 15px;
        color: #ffffff !important;
        font-size: 12px;
        font-weight: 400;
        margin: 15px 0 0 15px;
        min-width: 0;
        padding: 9px 12px 5px 12px;
        position: absolute;
        z-index: 1000;
    }

        .login .btn-espanol:hover, .login .btn-espanol:active {
            background: #ffffff !important;
            color: #f37159 !important;
        }

@media (max-width: 992px) {

    .login {
        background: #ffffff;
        margin: 60px 30px;
    }

        .login .btn-espanol {
            display: none;
        }

        .login .links a {
            display: block;
        }

        .login .links span {
            display: none;
        }

        .login .links .espanol-mobile {
            display: inline;
        }

        .login > .row > .col-lg-6 img {
            display: none;
        }
}