#inventory-detail-navigation {
    width: 100%;
    background-color: #808080;
    margin: 0 auto 1%;
    padding: 1%;
    box-sizing: border-box;

    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;

    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;

    justify-content: center;
    -webkit-justify-content: center;
}

#inventory-detail-navigation.scroll {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    font-size: 90%;
}

.admin-bar #inventory-detail-navigation.scroll {
    top: 32px;
}

.navigation-container {
    color: #FFF;
    text-transform: uppercase;
    font-size: 80%;
    cursor: pointer;
    padding: 0 2%;
    border-right: 2px solid #FFF;
}

.navigation-container.dealer-number {
    border: none;
}

.navigation-container.facebook-share {
    border-left: 2px solid #FFF;
    border-right: none;
}

.previous-icon {
    display: inline-block;
    background-image: url('../../../../images/templates/inventory/back-icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 18px;
    vertical-align: text-top;
}

.print-icon {
    display: inline-block;
    background-image: url('../../../../images/templates/inventory/print-icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 18px;
    vertical-align: text-top;
}

.phone-icon {
    display: inline-block;
    background-image: url('../../../../images/templates/inventory/phone.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 18px;
    vertical-align: text-top;
}

.navigation-container.dealer-number a {
    color: #FFF;
}

.navigation-container.dealer-number a:visited {
    color: #FFF;
}

.inventory-detail-vehicle-container {
    margin: 0 auto;
}

div.fb-share-button {
    /*    display: block;
        position: absolute;
        right: 25px;
        top: 0;*/
}


.detail-vehicle-information .info-item.saved-vehicles-container {
    margin: 2% 0 0 0;
    background-color: #C50606;
    opacity: .8;
}

.detail-vehicle-information .info-item.compare-vehicles-container {
    margin: 2% 0 0 0;
    background-color: #0074AA;
    opacity: .8;
}

.title-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 5px;
}

.header-vehicle-title-container {
    font-weight: bold;
    font-size: 1.3em;
    margin: 0 0 0 5px;
    line-height: 1;
}

#inventory-detail .dealer-contact-wrapper {
    display: flex;
    font-size: .8em;
    margin-left: 10px;
}

.header-vehicle-title-container span {
    margin: 0 3px;
}

span.header-year {
    margin: 0;
}

#loan-calculator {
    display: block;
    width: 100%;
    float: none;
    clear: both;
    position: relative;
    overflow: hidden;
}

.loan-value {
    display: flex;
    float: none;
    clear: both;
    overflow: hidden;
    padding: 2px 5px;
    flex-direction: column;
}

.loan-value label {
    margin-bottom: 5px;
}

.loan-value input {
    display: block;
    float: right;
}

.loan-payment {
    display: block;
    float: left;
    text-align: center;
    margin: 0 10px 10px 0;
    border: solid;
    padding: 5px;
}

.loan-total {
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
}

/*#loan-calculator-submit {*/
/*    display: block;*/
/*    float: right;*/
/*    margin-bottom: 5px;*/
/*}*/

.standard-equipment-container {
    display: block;
    overflow: hidden;
    clear: both;
    float: none;
    max-height: 800px;
    height: 100%;
    overflow-y: scroll;
    width: 100%;
    text-align: left;
    margin: 2% 0 0 0;
}

.standard-equipment-container .equipment_group {
    display: block;
    width: 100%;
    margin: 0 0 2%;
}

.standard-equipment-container .section-heading-title {
    text-indent: 10px;
    text-decoration: underline;
    cursor: pointer;
    background-color: #E9E9E9;
    margin: 0 0 1%;
}

.standard-equipment-container .section-heading-title:hover {
    opacity: .6;
}

.equipment_group ul {
    list-style: disc;
    width: 90%;
    margin: 0 auto;
    display: none;
}


.dealer-notes-container {
    display: block;
    width: 100%;
    padding: 5px 0;
}

.dealer-option-container {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;

    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;

    justify-content: flex-start;
    -webkit-justify-content: flex-start;

    text-align: left;
    padding: 5px 0;
}

.dealer-option {
    flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
}

span.spacer {
    font-size: 85%;
    margin: 0 2%;
    width: 94%;
    box-sizing: border-box;
    overflow: hidden;
    text-indent: -10px;
    padding-left: 10px;
    display: block;
}

.similar-vehicle-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    margin: 10px 0;
    text-align: center;
}

.similar-vehicle.similar-image img {
    width: 320px;
    object-fit: contain;
}

.similar-headline span {
    margin: 0 2px;
}

.similar-headline, .similar-price, .similar-text-link {
    text-align: center;
}

#map-wrapper {
    position: relative;
    padding-bottom: 35%;
    height: 0;
    overflow: hidden;
    width: 95%;
    margin: 0 auto;
}

#map-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100% !important;
}

.autocheck-detail {
    cursor: pointer;
}

.autocheck-detail img {
    margin: 10px 10px 0 10px;
}

.inventory-vehicle-carfax.detail-page-carfax img {
    width: 180px;
}

.inventory-vehicle-carfax.detail-embed-carfax {
    display: block;
    float: none;
    clear: both;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    background-color: #DBDBDB;
}

.carfax-snapshot-embedded {
    margin: 20px auto;
    box-shadow: 0 6px 8px 6px #4D4D4D;
}

.section-heading-title {
    margin: 0 0 5px 0;
}

#title-wrapper {
    padding-left: 10px;
}
div#top-slider-container {
    margin-bottom: 10px;
}

.detail-wrapper {
    padding: 5px;
    border: 1px solid #000000;
}
.swiper-thumbs
{
    padding: 0;
}

#detail-photos-section {
    margin-bottom: 10px;
}

#vehicle-photo-container {
    margin-bottom: 10px;
}

#middle-container {
    display: grid;
    flex-wrap: nowrap;
    grid-template-areas:
"photo-video price"
"photo-video payment"
"photo-video forms"
"vehicle-attributes forms"
"extra-boxes forms"
"description forms"
"dealer-options forms"
"standard-features ."
"map ."
"similar similar";
    grid-template-columns: minmax(auto, 70%) minmax(30%, 380px);
    grid-template-rows: auto;
    gap: 10px;
    margin: 0 auto;
}

#inventory-video-iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
}

.tabs {
    display: flex;
    flex-direction: column;
}

/* hide radios */
.tabs input[type="radio"] {
    display: none;
}

/* tab headers container */
.tab-labels {
    display: flex;
    border-bottom: 1px solid #ccc;
}

/* tab headers */
.tab-labels label {
    flex: 1; /* equally sized tabs */
    text-align: center;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-bottom: none;
    margin: 0;
}

.tab-labels label:hover {
    background: #ddd;
}

/* active tab header */
#tab-video:checked ~ .tab-labels label[for="tab-video"],
#tab-photo:checked ~ .tab-labels label[for="tab-photo"] {
    background: #62a2d5;
    border-top: 1px solid #007BFF;
    font-weight: bold;
}

/* tab panels */
.tab-content {
    display: none;
}

/* show only the selected panel */
#tab-video:checked ~ #video,
#tab-photo:checked ~ #photo {
    display: block;
}

#price-container, #payment-container {
    font-size: 18px;
}

#bottom-container {
    margin: 0 auto;
}

.box-shadow-style {
    border: 1px solid #000000;
    padding: 10px;
    box-shadow: 0 5px 10px #000000;
    margin: 0 3px 10px;
}

.bordered-box {
    border: 1px solid #8e8c8c;
    padding: 5px;
    margin-bottom: 10px;
}

.box-title {
    padding: 0 10px;
    font-weight: bold;
    width: inherit;
    border-bottom: none;
    text-align: left;
    margin-bottom: 0;
    font-size: 1.3em;
}

#extra-boxes-wrapper {
    /*order: 1;*/
    width: 100%;
}

#vehicle-attributes-section {
    /*order: 1;*/
}

.attribute-label {
    /*display: flex;*/
    /*align-content: center;*/
    /*align-items: center;*/
}

.vehicle-attributes-container span.info-label {
    margin-right: 5px;
}

#vehicle-description-section {
    /*order: 2;*/
}

.vehicle-attributes-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}

.vehicle-attributes-container .info-item {
    border: solid;
    margin: 5px 5px 5px 5px;
    border-width: thin;
    padding: 5px;
    display: flex;
}

.vehicle-attributes-container .info-label {
    float: none;
    display: block;
}

.attribute-image-icon {
    padding-right: 5px;
}

#dealer-options-wrapper {
    /*order: 5;*/
    width: 100%;
}

.extra-boxes-container {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.extra-box-item {
    flex-grow: 1;
    padding: 5px;
    width: min-content;

}

.pc-container .tab-name-container {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.pc-container .tab-name {
    background-color: transparent;
    font-weight: bold;
    border: 0;
}

.dealer-options-container > ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    column-gap: 20px;
    flex-wrap: wrap;
    margin: 0 auto;
}

.dealer-options-list ul {
    column-width: 20rem;
}

div.standard-features {
    margin: 0 auto;
    width: 90%;
    padding: 10px;
}

#forms-container {
    /*order: 3;*/
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    flex: 50% 0;
}

.form-container {
    width: 100%;
    margin-bottom: 10px;
}

.form-wrapper.button {
    background-color: #000000;
    color: #fff;
    font-size: 16px;
    padding: 6px 12px;
    font-weight: normal;
    text-align: center;
}

.form-wrapper.button:hover {
    background-color: #62a2d5;
}

#forms-container details[open] {
    background: #9f9e9e;
    padding: 5px;
}

details button.from-close {
    background-color: #8C1C1CFF;
}

details button.from-close {
    margin-top: 10px;
}

.vehicle-description {
    text-align: left;
}

/* mobile changes */
@media (max-width: 476px) and (orientation: portrait) {
    div#middle-container {
        grid-template-columns: 100%;
        grid-template-areas:
        "photo-video"
        "price"
        "payment"
        "vehicle-attributes"
        "forms"
        "extra-boxes"
        "description"
        "dealer-options"
        "standard-features"
        "map"
        "similar";
    }

    #tab-photo:checked ~ #photo {
        display: none;
    }

    .tab-labels.mobile-hide {
        display: none;
    }

    div#right-middle-container {
        width: inherit;
    }

    .navigation-container.facebook-share {
        border-left: none;
        margin: 5px 0;
    }

    div.navigation-container {
        text-align: center;
        padding: 0 10%;
    }

    span.banner-text {
        display: none;
    }

    div#inventory-detail-top-container {
        background-color: #FFF;
        border: none;
        text-align: center;
        display: block;
    }

    div.detail-vehicle-contact {
        border-bottom: 2px solid #000000;
    }

    div.detail-vehicle-pricing .price-primary {
        background-color: #FFF;
        color: #000;
        font-weight: bold;
    }

    .pc-container {
        margin-top: 5px;
    }

    div.vehicle-attributes-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: stretch;
        border-top: 1px solid #000000;
        border-left: 1px solid #000000;
    }

    .vehicle-attributes-container .info-item {
        justify-content: left;
        margin: 0;
        align-items: center;
        border: 0;
        border-right: 1px solid #000000;
        border-bottom: 1px solid #000000;
    }

    div.vehicle-information-attributes .info-item.mobile-hide {
        display: none;
    }

    div.vehicle-information-attributes .info-item.desktop-hide {
        display: block;
    }

}

@media (max-width: 1024px) {
    #forms-container, .forms-container, .pc-container {
        flex: 100% 0;
    }

    .pc-container {
        margin-top: 5px;
    }

}

#photo-video-container {
    grid-area: photo-video;
}

#vehicle-attributes-container {
    grid-area: vehicle-attributes;
}

#extra-boxes-container {
    grid-area: extra-boxes;
}

#description-container {
    grid-area: description;
}

#price-container {
    grid-area: price;
}

#payment-container {
    grid-area: payment;
}

#forms-container {
    grid-area: forms;
}

#dealer-options-container {
    grid-area: dealer-options;
}

#standard-features-container {
    grid-area: standard-features;
}

#similar-vehicles-container {
    grid-area: similar;
}

#map-container {
    grid-area: map;
}

#disclaimer-container {
    grid-area: disclaimer;
}

.grid-detail {
    height: min-content;
}