html {
    background-image: linear-gradient(130deg, #00276f 0%, #2d6cb4 79%);
}
body {
    font-family: 'Montserrat', sans-serif;
    background: 0 10%/200vw 100vw no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjMzcHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDMzIDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIwLjA1Ij4NCiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0ibm9uemVybyI+DQogICAgICAgICAgICA8cGF0aCBkPSJNNS45NjE4MjQ3OCwxLjc5NjIzODI0IEM1LjYzNDg0MjM5LDAuNjUzNjA1MDE2IDUuMjE0NDM2NDYsMCA0LjM2NDI4MjI2LDAgTDAuMTA4ODQwMDQ3LDAgQzAuMDA2MDc0MTUzODYsMCAtMC4wNDA2Mzc2MTU3LDAuMTMxNjYxNDQyIDAuMDQzNDQzNTY5NSwwLjE5Mjc4OTk2OSBDMC4zMzMwNTY1NDEsMC40MTg0OTUyOTggMC41ODUzMDAwOTcsMC43MjQxMzc5MzEgMC44MjgyMDEyOTksMS42MjIyNTcwNSBMNC43NjYwMDM0OCwxNi4yMDM3NjE4IEM1LjEyNTY4NDEsMTcuNTI5NzgwNiA1LjcxODkyMzU4LDE4IDYuMTIwNjQ0NzksMTggTDEwLjY4NDM4NDcsMTggQzEwLjc4NzE1MDYsMTggMTAuODI5MTkxMiwxNy44NjgzMzg2IDEwLjc0NTExLDE3LjgwMjUwNzggQzEwLjM4MDc1ODIsMTcuNTM0NDgyOCAxMC4wNTM3NzU4LDE3LjAwNzgzNyA5Ljg5OTYyNjk2LDE2LjM3Nzc0MjkgTDUuOTYxODI0NzgsMS43OTYyMzgyNCBaIiBpZD0iUGF0aCI+PC9wYXRoPg0KICAgICAgICAgICAgPHBhdGggZD0iTTI3LjAzODE3NTIsMS43OTYyMzgyNCBDMjcuMzY1MTU3NiwwLjY1MzYwNTAxNiAyNy43ODU1NjM1LDAgMjguNjM1NzE3NywwIEwzMi44OTExNiwwIEMzMi45OTM5MjU4LDAgMzMuMDQwNjM3NiwwLjEzMTY2MTQ0MiAzMi45NTY1NTY0LDAuMTkyNzg5OTY5IEMzMi42NjY5NDM1LDAuNDE4NDk1Mjk4IDMyLjQxNDY5OTksMC43MjQxMzc5MzEgMzIuMTcxNzk4NywxLjYyMjI1NzA1IEwyOC4yMzM5OTY1LDE2LjIwMzc2MTggQzI3Ljg3NDMxNTksMTcuNTI5NzgwNiAyNy4yODEwNzY0LDE4IDI2Ljg3OTM1NTIsMTggTDIyLjMxNTYxNTMsMTggQzIyLjIxMjg0OTQsMTggMjIuMTcwODA4OCwxNy44NjgzMzg2IDIyLjI1NDg5LDE3LjgwMjUwNzggQzIyLjYxOTI0MTgsMTcuNTM0NDgyOCAyMi45NDYyMjQyLDE3LjAwNzgzNyAyMy4xMDAzNzMsMTYuMzc3NzQyOSBMMjcuMDM4MTc1MiwxLjc5NjIzODI0IFoiIGlkPSJQYXRoIj48L3BhdGg+DQogICAgICAgICAgICA8cGF0aCBkPSJNMTIuMTc1MjUzNSwxLjggQzExLjIzMjg2LDEuOCAxMC42NTkwMjY0LDIuNjUwMjAyNDMgMTAuMzA0NDYyNSw1LjQyOTcxMDM3IEw5LjYsMTAuOTEzOTgzMiBDOS42LDEwLjkyMzMyNjEgOS42LDEwLjkzMjY2OSA5LjYsMTAuOTQyMDExOCBMMTAuNzk0MzIwNSwxNS4zNDI1MTAxIEMxMC45NjIyNzE4LDE1Ljk0MDQ1NDcgMTEuMjI4MTk0NywxNi44IDEyLjE2NTkyMjksMTYuOCBDMTMuNTIzNTI5NCwxNi44IDEzLjc1MjEyOTgsMTUuOTU0NDY5IDE0LjEwMjAyODQsMTMuMTc0OTYxMSBMMTUuMTAwNDA1Nyw1LjQyNTAzODkzIEMxNS4zMDEwMTQyLDMuODQxNDIwMTIgMTUuNzMwMjIzMSwyLjM1NTkwMTU5IDE2LjIxNTQxNTgsMS45MjYxMjg5MyBDMTYuMjY2NzM0MywxLjg3OTQxNDUxIDE2LjIzNDA3NzEsMS44IDE2LjE2ODc2MjcsMS44IEwxMi4xNzUyNTM1LDEuOCBaIiBpZD0iUGF0aCI+PC9wYXRoPg0KICAgICAgICAgICAgPHBhdGggZD0iTTIwLjgyNDc0NjUsMS44IEMyMS43NjcxNCwxLjggMjIuMzQwOTczNiwyLjY1MDIwMjQzIDIyLjY5NTUzNzUsNS40Mjk3MTAzNyBMMjMuNCwxMC45MTM5ODMyIEMyMy40LDEwLjkyMzMyNjEgMjMuNCwxMC45MzI2NjkgMjMuNCwxMC45NDIwMTE4IEwyMi4yMDU2Nzk1LDE1LjM0MjUxMDEgQzIyLjAzNzcyODIsMTUuOTQwNDU0NyAyMS43NzE4MDUzLDE2LjggMjAuODM0MDc3MSwxNi44IEMxOS40NzY0NzA2LDE2LjggMTkuMjQ3ODcwMiwxNS45NTQ0NjkgMTguODk3OTcxNiwxMy4xNzQ5NjExIEwxNy44OTk1OTQzLDUuNDI1MDM4OTMgQzE3LjY5ODk4NTgsMy44NDE0MjAxMiAxNy4yNjk3NzY5LDIuMzU1OTAxNTkgMTYuNzg0NTg0MiwxLjkyNjEyODkzIEMxNi43MzMyNjU3LDEuODc5NDE0NTEgMTYuNzY1OTIyOSwxLjggMTYuODMxMjM3MywxLjggTDIwLjgyNDc0NjUsMS44IFoiIGlkPSJQYXRoIj48L3BhdGg+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=");
}
a, input, select, textarea, button {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none;
}

#topNav .nav-link {
    border-bottom: 1px solid #fff;
}

    #topNav .nav-link.active {
        border-bottom: 1px solid #2e6db5;
    }

.text-dark {
    color: #001427 !important;
}

.bg-light {
    background-color: #FCF7FF !important;
}

.bg-primary {
    background-color: #2e6db5 !important;
}

.text-success {
    color: #537A5A !important;
}

    a, a:hover, a:active, .text-primary, btn-outline-primary {
        color: #2e6db5 !important;
    }

.btn-outline-primary {
    color: #2e6db5;
    border-color: #2e6db5;
}

.btn-primary {
    background-color: #2e6db5;
    border-color: #2e6db5;
}

.border-primary {
    border-color: #2e6db5 !important;
}

    .btn-outline-primary:hover {
        background-color: #2e6db5;
        border-color: #2e6db5;
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #808080;
        background-color: #FCF7FF;
        border-color: #808080;
    }

.form-floating input, .form-floating select, .form-floating textarea {
    border-radius: 0;
    border-width: 0;
    border-bottom-width: 1px;
    background-image: none !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.navbar-brand .logo, .nav-item .logo {
    width: 12rem !important;
}

main > #main-container {
    padding: 6rem 1rem 0;
}

.form-signin {
    width: 100%;
    max-width: 24rem;
    padding: 2rem;
    margin: auto;
}

.form-quote {
    width: 100%;
    max-width: 48rem;
    padding: 2rem;
    margin: auto;
}

#carousel-inner .carousel-item {
    min-height: 310px;
}

#carForm {
    min-height: 460px;
}

#loadInfo {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(130deg, #00276f 0%, #2d6cb4 79%);
}

#vehicleSpinner {
    display: none;
}

#indicators {
    position: static;
}

    #indicators img {
        max-width: 40px !important;
        height: 100%;
        opacity: 0.3;
    }

    #indicators img.active {
        opacity: 1;
    }

.carousel-control-next, .carousel-control-prev, .carousel-control-next:hover, .carousel-control-prev:hover, .carousel-control-next:focus, .carousel-control-prev:focus {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #808080;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .0;
    transition: opacity .15s ease; 
}

    .carousel-control-next:hover, .carousel-control-prev:hover{
        opacity: 0.5
    }

    .carousel-control-next:focus, .carousel-control-prev:focus {
        opacity: 0;
    }

    .card-body:hover .carousel-control-next, .card-body:hover .carousel-control-prev {
        opacity: 0.5;
    }

.carousel-control-fullpage {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 10;
    display: flex;
    align-items: end;
    justify-content: end;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: right;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}

.back-to-results {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    display: flex;
    align-items: start;
    justify-content: start;
    width: auto;
    padding: 0;
    color: #fff;
    text-align: left;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}

#backToTop {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 99;
    cursor: pointer;
}

.selected-vehicle {
    border: 1px solid #2e6db5 !important;
}

.super-z {
    z-index: 9999;
}