﻿form .input-validation-error, form .input-validation-error .btn {
    background-color: #FFD7D7 !important;
    border-color: red;
}

.mobile.saving-begin {
    display: none !important;
}

.header-container a {
    font-size: 2.5rem;
    font-weight: bold;
    color: #0d88c0;
}

.header-container .span-container {
    font-size: 1rem;
    font-weight: bold;
}

.first-line {
    color: white;
    font-size: 2rem;
    font-weight: bold;
    margin-top: 10px;
}

    .first-line span {
        margin-left: 10px;
        background-color: #156c30;
        padding-left: 7px;
        padding-right: 7px;
    }

.fl-node-6130eacc6100f > .fl-row-content-wrap {
    padding-top: 1rem;
}

.col-sm-6.enter-zipcode-label {
    font-size: 2rem;
}

.form-control {
    height: calc(2em + 0.75rem + 2px);
}


.auto-ins-hero {
    background: #0d88c0 url(/images/auto_insurance_2_buildings.svg) no-repeat;
    background-position: 0 100%;
}

.form-container {
    background-color: #b2b2b2 !important;
}

.btn-submit {
    WIDTH: 100%;
    background-color: #0d88c0;
    border-radius: 10px;
    height: 3.5rem;
    margin-left: 2%;
    margin-right: 2%;
    color: white;
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 1rem;
}

form .row {
    margin-top: 2.5rem;
}



.enter-zipcode-label {
    font-weight:bold;
}

.active-duty-label {
    font-weight: bold;
    font-size: 1rem;
}

.footer > .container-fluid {
    border-top: 1px solid #d1d1d1;
    padding-left: 0;
}

.saving-begin {
    /*padding: 10px;*/
    color: white;
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
    background-color: #156c30;
    /*padding-left: 30px;*/
}




.locating {
    color: white;
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
    background-color: #156c30;
    padding-top: 10px;
    padding-bottom: 10px;
}

.locating span {
    color: yellow;
    text-decoration: underline;
}

.locating-row {
    margin-left: 0%;
    width: 100%;
    margin-top: 0.5rem !important;
}

.few-more-seconds {
    font-weight: bold;
    text-align: center;
    margin-top: 1rem !important;
    font-size: 1rem;
}


.arrow {
    width: 5.5rem;
    position: relative;
}

.first-row {
    margin-top: 1rem !important;
}


.term-link {
    color: blue !important;
}


@media (min-width: 663px) {
    .header-container .span-container {
        margin-left: 20px;
    }
}

@media (min-width: 683px) {
    .header-container .span-container {
        margin-left: 1rem;
        padding-top: 1rem;
    }
}

.main-content .mobile {
    display: none;
}

.rotated {
    transform: rotate(180deg);
}

@media (min-width: 577px) {
    /* desktop */

    .logo-1 {
        height: 1.5rem;
    }
    .logo-2 {
        height: 5rem;
    }
    .logo-3 {
        height: 4rem;
    }
    .logo-4 {
        height: 3rem;
    }
    .logo-5 {
        height: 3rem;
    }

    .we-compare {
        font-size: 1.8rem;
    }

    .footer > .container-fluid {
        max-width: 80%;
    }

    .footer-pricing {
        font-size: 0.8rem;
    }

    input#ZipCode {
        font-size: 1.2rem;
    }

    .currently-insured-label {
        font-size: 1.4rem;
        font-weight: bold;
    }

    .own-house-label {
        font-size: 1.4rem;
        font-weight: bold;
    }

    .usaa-insurance-label {
        font-size: 1.4rem;
        font-weight: bold;
    }

    .progressive-label {
        font-size: 1.4rem;
        font-weight: bold;
    }

        .progressive-label span {
            background-color: transparent;
            color: #0000aa;
        }

    #DutyActive,
    #CurrentlyInsured,
    #OwnHouse,
    #USAAInsurance,
    #Progressive{
        font-weight: 900;
        font-size: 1.5rem;
    }
}

    @media (max-width: 576px) {
        /*mobile*/

        .desktop {
            display: none !important;
        }

        .header-container a {
            font-size: 2rem;
        }

        .header-container .span-container {
            font-size: 0.8rem;
        }

        .first-line {
            font-size: 1.7rem;
        }

        .fl-node-6130eacc6100f > .fl-row-content-wrap {
            padding-top: 15px;
        }

        .enter-zipcode-label {
            padding-top: 0;
        }

        .main-content .mobile {
            display: block;
        }

        form .row.mobile {
            margin-top: 0rem;
        }

        form .row {
            margin-top: 1rem;
        }

        .col-sm-6.enter-zipcode-label {
            font-size: 16px;
        }

        .start-here {
            padding: 10px;
            color: red;
            font-weight: bold;
            font-size: 1.6rem;
            padding-left: 30px;
        }

        .arrow {
            width: 100PX;
            position: relative;
            top: -13px;
        }

        .btn-submit {
            font-size: 1.5rem;
        }

        .usaa-insurance-label,
        .currently-insured-label,
        .own-house-label,
        .progressive-label{
            font-weight: bold;
        }

        .mobile.flex {
            display: flex;
            margin-top: 16px !important;
        }

            .mobile.flex button {
                width: 100%;
                height: 3.8rem;
                FONT-SIZE: 1.8REM;
                FONT-WEIGHT: BOLD;
            }

        .few-more-seconds {
            font-size: 1.5dvh;
        }

        .locating {
            font-size: 2dvh;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .mobile.saving-begin {
            font-size: 1.7rem;
            display: flex !important;
        }
    }
