#former {
    padding-bottom: 30px;
}

#former .tab .tabbed .grounder {
    background-color: #f4f8fe;
    padding: 20px;
    border: 4px solid #3e516c;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-size: 34%;
}

#former .tab:first-child .tabbed .grounder {
    width: 100%;
    max-width: 640px;
    margin: auto;
    background: #e8f0fc;
    padding: 10px 70px 1px 70px;
    border-radius: 80px;
    border: none;
}

#former .topper {
    text-align: center;
    color: #fff;
}

#former .topper h1 {
    margin-bottom: 5px;
    font-weight: bold;
}


#former input[type='text'], #former select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#former #fromZip {
    border: 2px solid #9f9f9f;
    border-radius: 33px;
    height: 45px;
    outline: none;
}
input::placeholder {
    font-weight: bold;
}

#former h1 {
    text-align: center;
}

#former .row {
    margin-bottom: 1rem;
}

#former .row, #former .step1 .row.tabbed, #former .car-check {
    display: flex;
    align-items: center;
    padding-right: 0;
}

#former label {
    color: #005781;
}

#former label.error {
    font-size: 0.9rem;
    color: coral;
    white-space: nowrap;
}


/* Mark input boxes that gets an error on validation: */
#former input.invalid {
    background-color: #ffdddd;
}

/* Hide all steps by default: */
#former .tab.step2, #former .tab.step3 {
    display: none;
}

#former button, #former input[type='button'], #former input[type='submit'] {
    font-size: 15px;
    /*background: #298ce5;*/
    background: #1175d0;
    font-weight: bolder;
    max-width: 210px;
    width: 100%;
    padding: 10px 0;
    border-radius: 35px;
    color: #ffffff;
    text-transform: uppercase;
}

.butter {
    font-size: 15px;
    background: #1175d0;
    font-weight: bolder;
    max-width: 210px;
    width: 100%;
    padding: 10px 0;
    border-radius: 35px;
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
}

.butter:hover {
    opacity: 0.8;
}

.home #former button, .home #former input[type='button'], .home #former input[type='submit'] {

}

#former button:hover, #former input[type='button']:hover, #former input[type='submit']:hover {
    opacity: 0.8;
}

#former #prevBtn {
    background-color: #bbbbbb;
}

#clickToFindZip {
    white-space: nowrap;
    line-height: 2.6rem;
}

@media (max-width: 768px) {
    #former .tabbed {
        background-image: none !important;
    }
}

.car-check label {
    cursor: pointer;
}

.car-check input {
    height: 1rem;
    width: 1rem;
    cursor: pointer;
    margin-right: 5px;
}

#former .step1 .tabbed .col-md-1 {
    position: relative;
}

#former #findZipCode {
    background: #ffffff;
    border: 1px solid #87BBEB;
    box-shadow: 0 0 10px #87bbeb;
    padding: 5px 15px;
    position: absolute;
    width: 280px;
    z-index: 9;
    text-align: center;
    border-radius: 15px;
}

#former #findZipCode h4 {
    margin-bottom: 5px;
    border-bottom: 1px dotted gray;
}


#former #findZipCode h4 span {
    float: right;
}

/*loader*/
#former .waiter {
    position: absolute;
    left: 15px;
    top: 24%;
    background-image: url("/wp-content/themes/gentler/inc/images/loading.gif");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 24px;
    width: 110px;
}

#former #findZipCode span {
    cursor: pointer;
    color: orangered;
}

#carMoveDiv {
    display: none;
}


/*from old*/
#former .tab .topper {
    font-weight: 400;
    font-size: 28px;
    text-align: center;
    color: #ffffff;
    padding-top: 20px;
}

h2.quote-header {
    font-family: 'Finger Paint';
    font-weight: 400;
    font-size: 5rem;
    text-align: center;
    color: #ffffff;
    margin-bottom: 20px;
}

/*landing*/
.page-id-33308 #former .tab:first-child .tabbed .grounder {
    width: 100%;
    max-width: 640px;
    margin: auto;
    background: #e8f0fc;
    padding: 10px 70px 1px 70px;
    border-radius: 0;
    border: none;
}

.page-id-33308 .rustic-header {
    background-image: url("../images/banner-bg.jpg");
    background-color: #fff;
    background-size: unset;
    background-attachment: unset;
}

.page-id-33308 .rustic-header .row.maine {
    border-bottom: 1px solid lightskyblue;
}

@media (min-width: 576px) {
    #former .desk .step2 .tabbed .grounder, #former .desk .step3 .tabbed .grounder {
        background-image: url("/wp-content/themes/gentler/inc/images/map.png");
    }

    #former .desk label.error {
        position: absolute;
        left: 0.1rem;
        bottom: -1rem;
        padding-left: 15px;
    }
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 576px) {
    h2.quote-header {
        font-size: 3rem;
    }

    .page-id-33308 .topper span {
        font-size: 16px;
    }

    #nextBtn {
        margin-top: 5px;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 768px) {

}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 992px) {

}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1200px) {

}