html{position: relative;min-height: 100%;}

/* Header-Section */
.application_header{width: 100%;padding: 15px 0;}

.application_logo{width: 100%;text-align: center;}
.application_logo img{width: 280px;height: 100px;object-fit: contain;object-position: center;}

.find_vehicle{font-size: 42px;font-weight: 600;text-transform: capitalize;color: #000000;border-top: 5px solid #dfdfdf;margin-top: 1%;padding: 25px 0;}

.pushstate1 img{width: 100%;height: 105px;object-fit: contain;object-position: center;margin-bottom: 25px;}
.pushstate1{font-size: 22px;font-weight: 500;color: #000000;text-transform: uppercase;}

.other_model{font-size: 32px;font-weight: 600;text-transform: uppercase;background-color: #d32027;color: #ffffff;border-radius: 2px;padding: 10px 40px !important;}
.other_model:hover{background-color: #000000;color: #ffffff;}

/* Progress-Bar */
.progress{margin-bottom: 0;}
.progress-back{height: 5px;margin: 1% 1% 0 1%;background-color: #dfdfdf;}

.progress-bar{background: #d32027;height: inherit;}

#progressbar{margin: 20px auto;width: 200px;height: 200px;position: relative;}
.progress-front{height: 5px;margin: -5px 1% 0 1%;background-color: transparent;-webkit-box-shadow: none;box-shadow: none;}

/* Application-Section */
.form_question{font-size: 32px;font-weight: 500;color: #000000;margin: 50px 0;text-align: center;}

.btn-secondary{border-radius: 2px;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active+.btn, .btn-secondary:checked+.btn, .btn-secondary.active{color: #ffffff;background-color: #0060ae;border: #0060ae 1px solid;}
.btn:active{color: #ffffff !important;background-color: #000000 !important;border-color: #000000 !important;}

.btn-dark{padding: 0.5rem calc(2rem + 6vw);font-size: calc(1rem + 0.5vw);background-color: #000000;border-color: #000000;border-radius: 2px;text-transform: uppercase;}
.btn-dark:hover{background-color: #013056;}

.btn-primary{padding: 0.5rem calc(2rem + 6vw);font-size: calc(1rem + 0.5vw);background-color: #d32027;border-color: #d32027;border-radius: 2px;text-transform: uppercase;}
.btn-primary:hover{background-color: #000000;}

.note_text{font-size: 16px;font-weight: 400;color: #333333;}

.bg-blue {
    background-color: #005BBF;
}

.bg-red {
    background-color: #F48282;
}

.bg-lightblue {
    background-color: #82C9F4;
}

.blue {
    color: #0077E2;
}

.orange {
    color: #EA933E;
}

.red {
    color: #F48282;
}

.lightblue {
    color: #82C9F4;
}

.nav-link,
.nav-link:focus,
.nav-link:hover {
    color: #333;
    font-size: 110%;
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: underline;
}

.btn-warning {
    font-family: Gilroy-ExtraBold;
}

.btn-warning,
.nav-item .btn-warning {
    color: white;
    background-color: #FC9630;
    font-size: 110%;
    padding: 8px 16px;
}

.other {
    padding: 4.75rem 6.5rem;
}

.show-sm {
    display: none;
}

.btn-secondary {
    color: #333;
    background-color: #fff;
    font-size: 1.25rem;
    padding: 0.5rem;
}


.btn-check:active+.btn:focus,
.btn-check:checked+.btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus {
    box-shadow: none;
}

.input-group-text {
    background-color: #fff;
    border: none;
}

.has-error {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color: rgba(224, 43, 26, 0.1);
}

.has-error:focus {
    background-color: transparent;
}

.form-select {
    text-align-last: center;
    padding: 0.75rem 2.25rem 0.75rem 0.75rem;
}

.form-control {
    border: 2px solid #ced4da;
}

.input-group {
    border: 2px solid #ced4da;
    border-radius: 0.375rem;
}

/* Popup / step 5 / step 6
-------------------------------------------------- */
#overlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(246, 244, 241, 0.85);
    z-index: 2;
}

.loading {
    width: 60px;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#text {
    position: relative;
    text-align: center;
    margin: 120px auto;
    max-width: 500px;
}

.overlay-frame {
    background: white;
    border-radius: 15px;
    padding: 25px;
    margin: auto 20px;
    -webkit-box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, .1);
    box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, .1);
}