/* Minification failed. Returning unminified contents.
(1223,1): run-time error CSS1019: Unexpected token, found '@'
(2449,7): run-time error CSS1035: Expected colon, found 'justify-content'
 */

@media screen and (min-width: 768px) {
    .data-container {
        margin-left: 2rem;
        /* max-width: 50%; */
    }
}

#vdp_header .col-2{
    width: 17%;
}
.data-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}


.section--vehicle-title {
    border-top: 0.1rem solid #cccccc;
}

.section--vehicle-title {
    padding-bottom: 1.5rem;
    padding-top: 2rem;
}

.section {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#vdpInfoSections .k-tooltip, .k-tooltip.k-popup, .k-tooltip.k-widget {
    background: #f7f2d9 !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    max-width: 450px;
    position: relative;
}
#vdpInfoSections .k-widget.k-callout {
    background: #f7f2d9 !important;
}

#vdpInfoSections .k-tooltip.k-callout-e {
    transform: translateY(-100%) translateX(0) !important;
    left: auto !important;
    top: auto !important;
}

    /* Also fix the arrow so it points downwards like a top tooltip */
#vdpInfoSections .k-tooltip .k-callout-e::before {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
}
.imagetooltipStyle {
    border-color: transparent !important;
    color: transparent !important;
    background-color: transparent !important;
    box-shadow: transparent !important;
    padding: 0.3rem;
    width: fit-content;
    height: fit-content;
}
/*
.vdp_item_damage_ToolTip {
    position: relative;
    padding: 0;
    background: #f7f2d9 !important;
    width: 100%;
    padding-right: 0;
    max-width: 2500px !important;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    width: 2500px !important;
    max-height: 600px !important;
    color: #333 !important;
}*/

.vdp_item_damage_ToolTip .faq-info {
    position: relative;
    padding: 0;
    background: #f7f2d9 !important;
    width: 100%;
    padding-right: 0;
}
.vdp_item_infoToolTip {
    display: inline-block;
    padding: 3px;
    vertical-align: middle;
    color: #1d67b2;
}

.faq-info {
    padding: 0 !important;
}

.faq-info .faq-content {
    width: 100%;
    position: relative;
    background: inherit !important;
    border: none !important;
    box-shadow: none !important;
        float: left; 
    z-index: 5;
    padding: 0 !important;
    margin: 0;
}

.tooltipster-damage {
    height: 250px;
}

@media screen and (max-width: 768px) {
    .bleed-viewport {
        width: 100vw !important;
        overflow: visible !important;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        box-sizing: border-box; /* so internal padding doesn't cause overflow */
    }
}
.vehicle-image-container {
    width: 100%;
    max-width: 85rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}

.col-md-12.gallery-header {
    padding: 18px;
    top: 0;
    z-index: 99;
    display: flex;
    flex: 1;
}

.icon--grey {
    fill: #b9b9b9;
}

.warning-container {
    position: relative;
}

.gallery-count-wrapper {
    color: #b9b9b9;
}

.image-action {
    position: absolute;
}

.thumb-images-wrapper a {
    display: block;
    margin-bottom: 15px;
}

.vehicle-image__main {
    position: relative;
    overflow: hidden;
}

    .vehicle-image__main:hover .vehicle-image__controls--prev {
        transform: translateX(0);
    }

    .vehicle-image__main:hover .vehicle-image__controls--next {
        transform: translateX(0);
    }

.vehicle-image__actions {
    background-color: #e8e8e8;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border-right: 0.1rem solid #cccccc;
}

.vehicle-image__logo {
    display: block;
    height: 120px;
    width: 150px;
    z-index: 2;
    text-indent: -9999px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Logo' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 72.93 52.53' style='enable-background:new 0 0 72.93 52.53;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23231F20;} %3C/style%3E%3Cg%3E%3Cg%3E%3Cg id='Icon__x26__Registration_2_'%3E%3Cg id='Icon_2_'%3E%3Cpolygon class='st0' points='11.27,41.26 16.78,41.26 32.12,11.27 26.62,11.27 '/%3E%3Cpath class='st0' d='M53.02,41.26h5.45L43.39,11.27h-0.74v0h-5.42v29.99h5.48V35.1h7.16L53.02,41.26z M47.65,30.71h-4.93v-9.67 L47.65,30.71z'/%3E%3Cpolygon class='st0' points='32.51,21.05 27.59,30.74 32.51,30.74 '/%3E%3Cpolygon class='st0' points='22.25,41.27 32.53,41.27 32.53,35.21 25.32,35.21 '/%3E%3C/g%3E%3Cpath id='Registration_2_' class='st0' d='M60.09,37c0.87,0,1.56,0.71,1.56,1.59c0,0.9-0.69,1.6-1.57,1.6 c-0.87,0-1.58-0.7-1.58-1.6C58.51,37.7,59.21,37,60.09,37L60.09,37z M60.09,37.24c-0.7,0-1.28,0.6-1.28,1.35 c0,0.76,0.57,1.35,1.28,1.35c0.71,0.01,1.28-0.6,1.28-1.34C61.37,37.85,60.8,37.24,60.09,37.24L60.09,37.24z M59.78,39.52H59.5 v-1.78c0.15-0.02,0.29-0.04,0.5-0.04c0.27,0,0.45,0.06,0.55,0.14c0.1,0.08,0.16,0.2,0.16,0.37c0,0.23-0.16,0.38-0.35,0.43v0.01 c0.16,0.03,0.26,0.17,0.3,0.43c0.04,0.27,0.09,0.38,0.11,0.44h-0.3c-0.04-0.06-0.08-0.22-0.12-0.45 c-0.04-0.23-0.15-0.31-0.38-0.31h-0.2V39.52z M59.78,38.53h0.21c0.23,0,0.43-0.08,0.43-0.3c0-0.16-0.11-0.31-0.43-0.31 c-0.09,0-0.16,0.01-0.21,0.01V38.53z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.5;
}

.vehicle-image__actions-link {
    padding: 1rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-bottom: 0.1rem solid #cccccc;
    text-decoration: none;
    border-left: 0.1rem solid #cccccc;
    color: #222222;
}

    .vehicle-image__actions-link:hover {
        text-decoration: none;
    }

        .vehicle-image__actions-link:hover > .icon {
            fill: #c90107;
        }

    .vehicle-image__actions-link .icon {
        vertical-align: top;
        margin-right: 0.5rem;
        width: 2.8rem;
        height: 2.8rem;
        fill: #222222;
        margin-top: -0.2rem;
    }

    .vehicle-image__actions-link .icon-expand-all {
        width: 1.8rem;
        margin-top: 0.2rem;
    }

    .vehicle-image__actions-link .icon-download-all {
        width: 2.2rem;
        margin-top: 0;
    }

    .vehicle-image__actions-link.dropdown {
        padding: 0;
    }

        .vehicle-image__actions-link.dropdown .icon {
            height: 1.4rem;
        }

        .vehicle-image__actions-link.dropdown .btn {
            width: 100%;
            padding: 1.5rem 1rem;
            color: #222222;
        }

            .vehicle-image__actions-link.dropdown .btn .icon {
                float: none;
                margin-left: 0.5rem;
                margin-top: 0.1rem;
                margin-right: 0;
                fill: #c90107;
            }

.vehicle-image__actions--mobile {
    background-color: #f2f2f2;
    border: 0;
    margin-bottom: 0;
}

    .vehicle-image__actions--mobile .dropdown--image-actions .dropdown-menu {
        min-width: 22rem;
        right: 1rem;
        left: auto;
    }

.vehicle-image__actions-link--mobile {
    border: 0;
}

    .vehicle-image__actions-link--mobile > .icon {
        display: block;
        margin: 0 auto;
    }

    .vehicle-image__actions-link--mobile.dropdown .btn .icon {
        display: block;
        margin: 0 auto 0.8rem;
        width: 1.6rem;
    }

.vehicle-image__thumb-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
    grid-template-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
    /*-ms-grid-rows: 1fr 1rem 1fr 1rem 1fr;
    grid-template-rows: 1fr 1rem 1fr 1rem 1fr;*/
    grid-auto-rows: auto;
    -ms-grid-auto-rows: auto;
    grid-template-areas: "img1 . img2 . img3 . img4 . img5" ". . . . . . . . ." "img6 . img7 . img8 . img9 . img10" ". . . . . . . . ." "img11 . img12 . img13 . img14 . img15" ". . . . . . . . ." "img16 . img17 . img18 . img19 . img20" ". . . . . . . . ." "img21 . img22 . img23 . img24 . img25";
}

.vehicle-image__thumb {
    background-color: transparent;
    width: 100%;
    border: 1px solid #ffffff;
    margin-bottom: 1rem;
    /*additional images 16-20*/
    /*additional images 21-25*/
}

    .vehicle-image__thumb.is-active, .vehicle-image__thumb:hover {
        /*box-shadow: inset 0 0 0 -1px $color-active;*/
        border-color: #c90107;
    }

.vehicle-image__thumb--warning {
    position: relative;
}

    .vehicle-image__thumb--warning:before {
        position: absolute;
        content: "Warning";
        height: 100%;
        width: 100%;
        background-color: #000;
        color: #ffffff;
        opacity: 0.8;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        text-align: center;
    }

.vehicle-image__thumb--360 {
    width: 100%;
}

    .vehicle-image__thumb--360:hover {
        cursor: pointer;
        border-color: #ffffff;
    }

.vehicle-image__thumb--engine {
    width: 100%;
}

    .vehicle-image__thumb--engine:hover {
        cursor: pointer;
        border-color: #ffffff;
    }

.vehicle-image__thumb--1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-row: 1;
    grid-column: 1;
    grid-area: img1;
}

.vehicle-image__thumb--2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-row: 1;
    grid-column: 3;
    grid-area: img2;
}

.vehicle-image__thumb--3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-row: 1;
    grid-column: 5;
    grid-area: img3;
}

.vehicle-image__thumb--4 {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    grid-row: 1;
    grid-column: 7;
    grid-area: img4;
}

.vehicle-image__thumb--5 {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    grid-row: 1;
    grid-column: 9;
    grid-area: img5;
}

.vehicle-image__thumb--6 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-row: 3;
    grid-column: 1;
    grid-area: img6;
}

.vehicle-image__thumb--7 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-row: 3;
    grid-column: 3;
    grid-area: img7;
}

.vehicle-image__thumb--8 {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    grid-row: 3;
    grid-column: 5;
    grid-area: img8;
}

.vehicle-image__thumb--9 {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
    grid-row: 3;
    grid-column: 7;
    grid-area: img9;
}

.vehicle-image__thumb--10 {
    -ms-grid-row: 3;
    -ms-grid-column: 9;
    grid-row: 3;
    grid-column: 9;
    grid-area: img10;
}

.vehicle-image__thumb--11 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-row: 5;
    grid-column: 1;
    grid-area: img11;
}

.vehicle-image__thumb--12 {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    grid-row: 5;
    grid-column: 3;
    grid-area: img12;
}

.vehicle-image__thumb--13 {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
    grid-row: 5;
    grid-column: 5;
    grid-area: img13;
}

.vehicle-image__thumb--14 {
    -ms-grid-row: 5;
    -ms-grid-column: 7;
    grid-row: 5;
    grid-column: 7;
    grid-area: img14;
}

.vehicle-image__thumb--15 {
    -ms-grid-row: 5;
    -ms-grid-column: 9;
    grid-row: 5;
    grid-column: 9;
    grid-area: img15;
}

.vehicle-image__thumb--16 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    grid-row: 7;
    grid-column: 1;
    grid-area: img16;
}

.vehicle-image__thumb--17 {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
    grid-row: 7;
    grid-column: 3;
    grid-area: img17;
}

.vehicle-image__thumb--18 {
    -ms-grid-row: 7;
    -ms-grid-column: 5;
    grid-row: 7;
    grid-column: 5;
    grid-area: img18;
}

.vehicle-image__thumb--19 {
    -ms-grid-row: 7;
    -ms-grid-column: 7;
    grid-row: 7;
    grid-column: 7;
    grid-area: img19;
}

.vehicle-image__thumb--20 {
    -ms-grid-row: 7;
    -ms-grid-column: 9;
    grid-row: 7;
    grid-column: 9;
    grid-area: img20;
}

.vehicle-image__thumb--21 {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    grid-row: 9;
    grid-column: 1;
    grid-area: img21;
}

.vehicle-image__thumb--22 {
    -ms-grid-row: 9;
    -ms-grid-column: 3;
    grid-row: 9;
    grid-column: 3;
    grid-area: img22;
}

.vehicle-image__thumb--23 {
    -ms-grid-row: 9;
    -ms-grid-column: 5;
    grid-row: 9;
    grid-column: 5;
    grid-area: img23;
}

.vehicle-image__thumb--24 {
    -ms-grid-row: 9;
    -ms-grid-column: 7;
    grid-row: 9;
    grid-column: 7;
    grid-area: img24;
}

.vehicle-image__thumb--25 {
    -ms-grid-row: 9;
    -ms-grid-column: 9;
    grid-row: 9;
    grid-column: 9;
    grid-area: img25;
}

.vehicle-image--enlarged .vehicle-image__main {
    text-align: center;
}

.vehicle-image__container {
    position: relative;
}

.vehicle-image__label {
    background-color: #ffffff;
    padding: 0.3rem 0.5rem;
    position: absolute;
    border-radius: 0.4rem;
    z-index: 2;
    left: 50%;
}

.vehicle-image__label--instructions {
    top: 50%;
    margin-top: -1rem;
    margin-left: -10rem;
}

.vehicle-image__label--pagination {
    margin-left: -2.5rem;
    display: none;
    bottom: 1rem !important;
    width: auto !important;
    right: 1rem;
    left: auto !important;
    
}

.vehicle-image__warning-message {
    position: absolute;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.85);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    text-align: center;
    padding: 4rem;
}

.vehicle-image__controls {
    position: absolute;
    transition: all 0.3s ease;
    top: 0;
    right: 0;
    padding: 0;
    border-radius: 0;
}

    .vehicle-image__controls.btn-group {
        background-color: transparent;
    }

    .vehicle-image__controls .icon {
        fill: #fff;
        float: none;
        margin: 0 auto;
    }

.vehicle-image__controls--image-360 {
    left: 0;
    right: auto;
    z-index: 2;
}

.vehicle-image__controls .btn {
    background-color: rgba(0, 0, 0, 0.7);
    width: 4.5rem;
    margin-left: 0;
    padding: 0;
    color: #ffffff;
}

.vehicle-image__controls .btn--image-360, .vehicle-image__controls .btn--hd {
    border: 0;
    color: #fff;
    padding: 0 1.5rem;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

    .vehicle-image__controls .btn--image-360:hover, .vehicle-image__controls .btn--hd:hover {
        color: #fff;
    }

.vehicle-image__controls .btn:hover {
    opacity: 1;
}

.vehicle-image__controls .btn:last-child {
    margin-left: 0;
}

.vehicle-image__controls--prev, .vehicle-image__controls--next {
    top: 50%;
    margin-top: -4rem;
}

    .vehicle-image__controls--prev .btn, .vehicle-image__controls--next .btn {
        width: 5rem;
        height: 5rem;
        margin: 0;
    }

    .vehicle-image__controls--prev .icon, .vehicle-image__controls--next .icon {
        width: 2.5rem;
        height: 2.5rem;
    }

.vehicle-image__controls--prev {
    left: 0;
    right: auto;
    transform: translateX(-11rem);
}

.vehicle-image__controls--next {
    right: 0;
    transform: translateX(11rem);
}



.swiper-wrapper {
    margin: 0;
}

.image-btn-container-mobile {
    background-color: #f2f2f2;
    border: 0 none;
    text-align: center;
    padding-top: 1rem;
}

    .image-btn-container-mobile .btn .icon {
        fill: #434343;
    }

.vehicle-image__hd-controls {
    display: inline-block;
    background-color: transparent;
    padding: 0;
}

    .vehicle-image__hd-controls .btn {
        margin-left: 0;
    }

.image-action-icon {
    margin-right: 5px;
    fill: #fff;
}

    .image-action-icon.icon-zoom {
        height: 18px;
        width: 18px;
    }

    .image-action-icon.icon-HD {
        height: 24px;
        width: 24px;
        position: absolute;
    }

    .image-action-icon.icon-360 {
        height: 24px;
        width: 24px;
    }

        .image-action-icon.icon-360 > svg {
            margin-top: 2px;
        }

.image-action ul {
    margin-bottom: 0;
}

.close-window360 {
    margin-left: auto;
    cursor: pointer;
    align-self: center;
}

.m-close-window360 {
    top: 2rem;
    right: 1rem;
    padding: 0.2rem;
    border: 1px solid #fff;
    background-color: #fff;
    position: absolute;
    z-index: 999;
}

.m-closed-svg {
    display: block;
    width: 18px;
    fill: #1D67B2;
}

.modal--enlarged-images {
    max-width: 106.2rem;
    overflow: unset;
}

    .modal--enlarged-images .modal-content {
        background-color: transparent;
        box-shadow: none;
    }

    .modal--enlarged-images .modal-header {
        background-color: transparent;
        border: 0;
    }

        .modal--enlarged-images .modal-header .btn {
            color: #ffffff;
            padding-left: 0;
            padding-right: 0;
        }

    .modal--enlarged-images .modal-header,
    .modal--enlarged-images .modal-body {
        padding: 0;
    }

    .modal--enlarged-images .modal-footer {
        padding: 1rem;
        border: 0;
        text-align: center;
    }

        .modal--enlarged-images .modal-footer p {
            color: #ffffff;
        }

    .modal--enlarged-images .modal-body {
        max-height: 79.5rem;
        height: calc(100% - 9.2rem);
        overflow: unset;
    }

    .modal--enlarged-images .vehicle-image__controls--prev {
        transform: translateX(-10rem);
    }

    .modal--enlarged-images .vehicle-image__controls--next {
        transform: translateX(10rem);
    }

    .modal--enlarged-images .vehicle-image__main {
        overflow: unset;
        height: 100%;
        text-align: center;
    }

        .modal--enlarged-images .vehicle-image__main:hover .vehicle-image__controls--prev {
            transform: translateX(-10rem);
        }

        .modal--enlarged-images .vehicle-image__main:hover .vehicle-image__controls--next {
            transform: translateX(10rem);
        }

.dropdown--image-actions li {
    text-align: center;
}

.dropdown--image-actions .dropdown-menu__item a {
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dropdown--image-actions .dropdown-menu__item .icon {
    width: 1.8rem;
    height: 1.8rem;
    margin-top: 0.4rem;
    color: #434343;
    vertical-align: top;
}

.dropdown--image-actions .dropdown-menu__item--download {
    border-top: 0.1rem solid #cccccc;
}

    .dropdown--image-actions .dropdown-menu__item--download .icon {
        width: 2rem;
        height: 2rem;
        margin-top: 0;
    }

.dropdown--image-actions .dropdown-menu__item--toggle {
    border-top: 0.1rem solid #cccccc;
    padding: 1rem 1.5rem;
}

    .dropdown--image-actions .dropdown-menu__item--toggle .label {
        margin-bottom: 0.5rem;
        float:none;
    }

    .dropdown--image-actions .dropdown-menu__item--toggle .toggle-group {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        margin-bottom: 0.5rem;
    }

    .dropdown--image-actions .dropdown-menu__item--toggle p {
        margin-bottom: 0;
        font-size: 1.2rem;
        color: #666666;
    }

.modal-body__image-360 {
    overflow: hidden;
}

.panel--settings-image {
    border: 0 none;
}

    .panel--settings-image .panel-body {
        background-color: #222222;
        border: 0 none;
        padding: 1rem;
        text-align: center;
    }

    .panel--settings-image .btn {
        margin: 0 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

        .panel--settings-image .btn .icon {
            fill: #ffffff;
        }

.btn-gallery {
    margin: 0 !important;
    padding: 4px 30px 1px !important;
    width: 25% !important;
    height: 3.5rem !important;
    border: 1px solid #9b9b9b !important;
    display: inline-block !important;
}

.btn--settings-image {
    width: 3rem;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 2rem 2rem;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='nonzero' fill='%23ffffff' d='M48 4.834L43.166 0 24 19.166 4.834 0 0 4.834 19.166 24 0 43.166 4.834 48 24 28.834 43.166 48 48 43.166 28.834 24z'/%3E%3C/svg%3E%0A");
}

    .btn--settings-image.collapsed {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.183 26.34c.09-.75.15-1.53.15-2.34 0-.81-.06-1.59-.18-2.34l5.07-3.96c.45-.36.57-1.02.3-1.53l-4.8-8.31c-.3-.54-.93-.72-1.47-.54l-5.97 2.4c-1.26-.96-2.58-1.74-4.05-2.34l-.9-6.36c-.09-.6-.6-1.02-1.2-1.02h-9.6c-.6 0-1.08.42-1.17 1.02l-.9 6.36c-1.47.6-2.82 1.41-4.05 2.34l-5.97-2.4c-.54-.21-1.17 0-1.47.54l-4.8 8.31c-.3.54-.18 1.17.3 1.53l5.07 3.96c-.12.75-.21 1.56-.21 2.34 0 .78.06 1.59.18 2.34l-5.07 3.96c-.45.36-.57 1.02-.3 1.53l4.8 8.31c.3.54.93.72 1.47.54l5.97-2.4c1.26.96 2.58 1.74 4.05 2.34l.9 6.36c.12.6.6 1.02 1.2 1.02h9.6c.6 0 1.11-.42 1.17-1.02l.9-6.36c1.47-.6 2.82-1.41 4.05-2.34l5.97 2.4c.54.21 1.17 0 1.47-.54l4.8-8.31c.3-.54.18-1.17-.3-1.53l-5.01-3.96zM24.333 33c-4.95 0-9-4.05-9-9s4.05-9 9-9 9 4.05 9 9-4.05 9-9 9z' fill='%23ffffff' fill-rule='nonzero'/%3E%3C/svg%3E%0A");
    }

.iframe360 {
    width: 100%;
    height: 100%;
    border: 0 none;
    position: absolute;
    right: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.container-body {
    max-width: 1340px;
}

.container-gallery-thumb .col-md-6 {
    width: 50%;
    float: left;
}

.btn-thumb {
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-full {
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-left: -4px !important;
}

.btn-single {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 5px 7px 0 0;
    padding: 5px 0 0 5px;
}

.modal--enlarged-images {
    max-width: 106.2rem;
    overflow: unset;
}

    .modal--enlarged-images .modal-content {
        background-color: transparent;
        box-shadow: none;
    }

    .modal--enlarged-images .modal-header {
        background-color: transparent;
        border: 0;
    }

        .modal--enlarged-images .modal-header .btn {
            color: #ffffff;
            padding-left: 0;
            padding-right: 0;
        }

    .modal--enlarged-images .modal-header,
    .modal--enlarged-images .modal-body {
        padding: 0;
    }

    .modal--enlarged-images .modal-footer {
        padding: 1rem;
        border: 0;
        text-align: center;
    }

        .modal--enlarged-images .modal-footer p {
            color: #ffffff;
        }

    .modal--enlarged-images .modal-body {
        max-height: 79.5rem;
        height: calc(100% - 9.2rem);
        overflow: unset;
    }

    .modal--enlarged-images .vehicle-image__controls--prev {
        transform: translateX(-10rem);
    }

    .modal--enlarged-images .vehicle-image__controls--next {
        transform: translateX(10rem);
    }

    .modal--enlarged-images .vehicle-image__main {
        overflow: unset;
        height: 100%;
        text-align: center;
    }

        .modal--enlarged-images .vehicle-image__main:hover .vehicle-image__controls--prev {
            transform: translateX(-10rem);
        }

        .modal--enlarged-images .vehicle-image__main:hover .vehicle-image__controls--next {
            transform: translateX(10rem);
        }

/*view 360*/
.view360 {
    position: relative;
}

.viewHD {
    position: relative;
}

.modal-body.iframe-container {
    position: relative;
    overflow: hidden;
    padding: 0;
}

.iframe360 {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    border: 0;
}

.mobile.iframe360 {
    position: unset;
    top: 0px;
    width: 100%;
    height: 100%;
    border: 0;
}

.image-control-container {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    display: flex;
    z-index: 99;
}

    .image-control-container.image-control-container--360 {
        right: auto;
        left: 0;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .image-control-container .image-action {
        padding: 5px 13px;
        background-color: transparent;
        background-color: rgba(0, 0, 0, 0.6);
    }
    .image-control-container .icon {
        fill: #fff;
        float: none;
        margin: 0 auto;
    }
    

.image-action:first-child, .image-action:nth-child(2) { /*border:1px solid #fff;*/
    display: flex;
    align-items: center;
    cursor: pointer;
}

.image-action:last-child { /*border:1px solid #fff;*/
    cursor: pointer;
    display: flex;
    align-items: center;
}

.panel--settings-image {
    border: 0 none;
}

    .panel--settings-image .panel-body {
        background-color: #222222;
        border: 0 none;
        padding: 1rem;
        text-align: center;
    }

    .panel--settings-image .btn {
        margin: 0 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

        .panel--settings-image .btn .icon {
            fill: #ffffff;
        }

.modal-360-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.modal-360-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

    .modal-360-header .data-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        padding: 0 2rem;
    }

    .modal-360-header .value {
        color: #222222;
    }

    .modal-360-header .label {
        font-weight: normal;
        color: #434343;
        margin-right: 1rem;
        margin-bottom: 0;
    }

.m-modal-360-engine-header {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 0;
}

    .m-modal-360-engine-header .data-list {
        padding: 0;
        white-space: nowrap;
    }

@@media (min-width: 768px) {
    .m-modal-360-engine-header {
        grid-template-columns: max-content min-content min-content min-content;
        grid-gap: 2rem;
    }
}

.container-360 {
    max-width: 144rem;
    padding-left: 0;
    padding-right: 0;
}

.modal-backdrop {
    display: none;
}

    .modal-backdrop.fade.show {
        opacity: 0 !important;
    }

canvas {
    overflow-clip-margin: content-box;
    overflow: clip;
}


.tile--data {
    margin: 0 0 2rem 0;
    box-shadow: none;
    border: 0.1rem solid #cccccc;
}

    .tile--data .tile-header {
        background: #e8e8e8;
        display: flex;
        align-items: center;
        padding: 0.5rem 1.5rem;
        justify-content: space-between;
    }

    .tile--data .tile-header--border {
        border-top: 0;
        border-bottom: 0;
    }

@media screen and (min-width: 768px) {
    .tile--data .tile-header--border {
        border-top: 0.1rem solid #cccccc;
        border-bottom: 0.1rem solid #cccccc;
    }
}

.tile--data .tile-header .icon {
    width: 1.8rem;
    height: 1.8rem;
    fill: #222222;
}

.data-title {
    color: #222222;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 700;
    margin-bottom: 0;
    font-family: "Roboto Condensed";
    display: inline-block;
    margin-right: 1rem;
    font-size: 1.5rem;
}

.data-sub-title {
    font-size: 1.7rem;
    font-weight: 700;
    font-family: "Roboto Condensed";
}

.icon-key {
    margin-top: 0.2rem;
    vertical-align: top;
    margin-right: 0.5rem;
    width: 2.2rem;
    height: 2.2rem;
}

.icon-engine {
    margin-top: 0.2rem;
    vertical-align: top;
    margin-right: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
}

.tile-header, .tile-footer, .tile-body {
    padding: 1.5rem !important;
}

@media screen and (min-width: 768px) {
    .tile--data .tile-header--border {
        border-top: 0.1rem solid #cccccc;
        border-bottom: 0.1rem solid #cccccc;
    }
}

.data-list__item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    color: #434343;
}

.data-list__label {
    text-align: right;
    display: inline-block;
    white-space: nowrap;
    flex: 0 0 auto;
    padding-left: 1rem;
    color: #666666;
}

.k-listview-bordered {
    border: none !important;
}

#js-MoreActionDropdown > * {
    font-size:inherit;
}
    /*.k-tooltip-content {
    color: #222222
}*/
    /*.vehicle-header__actions {
    display: flex;
    flex-wrap: wrap;*/ /* Allows items to move to a new line if needed */
    /*align-items: flex-end;*/ /* Aligns items to the bottom */
    /*gap: 12px;*/ /* Adjust spacing between items */
    /*justify-content: flex-start;*/ /* Align all items to left side */
    /*padding: 8px 0;
}*/
@media (max-width: 600px) {
    .pd-header--left {
        display: flex;
        justify-content: space-between;
        max-width: 30rem !important;
        flex: 1;
        align-items: center;
    }

        .pd-header--left .heading-2 {
            word-wrap: break-word;
        }

    .heading-2 {
        font-size: 1.8rem !important;
        color: #222;
        line-height: 1.25;
        font-family: "Roboto Condensed", arial, sans-serif;
        font-weight: 700;
        width: 30rem;
    }
    /*.vehicle-header__actions > a,
    .vehicle-header__actions > div {
        width: 100%;
        justify-content: flex-start;
    }*/
}

.vehicle-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.vehicle-header__actions {
    display: flex;
    align-items: center;
    margin-left: auto;
    flex: 1;
    justify-content: end;
}
.pd-header--left {
    display: flex;
    justify-content: space-between;
    max-width: 70rem;
    flex: 1;
    align-items: center;
}

    .pd-header--left .heading-2 {
        width: 80rem;
        word-wrap: break-word;
    }

.mb-0 {
    margin-bottom: 0 !important;
}
.link {
  outline: 0;

}

.link :hover {
   color: #c90117
}


.link-text {
    text-decoration: underline;
    margin-left:.5rem !important;
}
@media (max-width:600px){
    .link-text {
        margin-right: 1rem;
        font-size: 1.5rem;
        /*margin-left: 2rem;*/
    }
}
.heading-2 {
    font-size: 2.9rem;
    color: #222;
    font-weight: 400;
    line-height: 1.25;
}

/*h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}*/
#vdp_header .link {
    outline: 0;
}
#vdp_header .link-icon {
    display: inline-flex;
    white-space: nowrap;
    padding-left:0px !important;
}
    #vdp_header .link-icon .icon {
        width: 2rem;
        height: 2rem;
        vertical-align: top;
        fill: #434343;
        transition: all .3s ease;
    }
@media (max-width:600px) {
    #vdp_header .link-icon .icon {
        width: 2rem;
        height: 1.5rem;
        vertical-align: top;
        fill: #434343;
        transition: all .3s ease;
        margin-right:0 !important
    }
    #vdp_header .icon {
        width: 1rem;
        height: 1rem;
        margin-right: 0 !important
    }
}
#vdp_header .icon {
    margin-right: 5px;
    margin-left:5px;
}
.mr-50 {
    margin-right: 5rem !important;
}

.vehicle-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
    .vehicle-nav .btn {
        padding: 0;
        height: 2.5rem;
        width: 3rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;

    }
@media (max-width:600px) {
    .vehicle-nav .btn {
        padding: 0;
        height: 2rem;
        width: 2.5rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
    }
}
.pagination-simple {
    margin-left: initial;
    margin-right: initial;
}

.vehicle-text-of{
    padding-left:4px;
    padding-right:4px;
}
@media (min-width: 736px) {
    .pagination {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-row-gap: 1rem;
        padding-left: 3rem;
    }
    .pagination-count {
        display: flex;
        flex-wrap: nowrap;
        margin-left: 1rem;
        margin-right: 1rem;
    }
}
@media (max-width:600px){
    .pagination {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-row-gap: 1rem;
        padding-left: 3rem;
    }
    .pagination-count {
        /*font-size: xx-small;*/
        display: flex;
        flex-wrap: nowrap;
        padding-right:0.5rem;
        padding-left:0.5rem;
    }
}
.btn--watch .icon--red {
    fill: #C90107;
}

.btn--watch .icon {
    width: 2rem;
    height: 2rem;
    float: none;
    margin-top: -0.4rem;
}
.flex-container {
    display: flex;
    flex-wrap: wrap;
}


.flex-item-40 {
    flex: 1; /* Allow items to grow and shrink, distributing space */
    /*padding-left: 1rem;*/
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-sizing: border-box;
    flex-basis: 50%;
    margin-left:auto;
}

/* Media query for mobile devices (e.g., screens smaller than 768px) */
@media (max-width: 767px) {
    .flex-item {
        flex: 1; /* Allow items to grow and shrink, distributing space */
        padding-bottom: 1rem;
        box-sizing: border-box;
        flex-grow: 1;
    }
    .extra-width {
        flex-basis: 100%; /* Make this item take up the full width of the container */
    }
}
@media (min-width: 770px) {
    .flex-item {
        flex: 1; /* Allow items to grow and shrink, distributing space */
        /*padding-left: 1rem;*/
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 1rem;
        box-sizing: border-box;
        flex-grow: 1;
    }
    .extra-width {
        flex-basis: 50%; /* Make this item take up the full width of the container */
    }
}

.data-list__item {
    display: flex;
    align-items: flex-start;
    gap: .5rem; /* optional */
}

/* 45% / 55% split */
.data-list__label {
    flex: 0 0 40%;
    max-width: 40%;
    display: block; /* so width applies predictably */
    white-space: normal; /* allow wrapping */
    overflow-wrap: anywhere; /* modern, breaks long unspaced strings */
    word-break: break-word; /* fallback */
    min-width: 40%; /* allow flex child to shrink */
    text-align: left;
}

.data-list__value {
    flex: 1 1 60%;
    max-width: 60%;
    min-width: 60%; /* important in flex layouts to enable wrapping */
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* If any parent/class sets nowrap, kill it */
.text-justify {
    white-space: pre-line !important;
}


.OverviewFuel {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -7px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewODO {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -53px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewCYL {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -110px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewTran {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -154px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewRunDrive {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -343px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.PPSRPath_OVERVIEWINFO {
    width: 50px;
    height: 30px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewTitle {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -252px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubAutomobile {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -401px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubSnowmobile {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -923px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubMotorcycle {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -878px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubHeavyEquipment {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -1037px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubOther {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -1508px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubCrane {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -1191px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubFarmEquipment {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -1133px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubForestryEquipment {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -1421px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubMotorHome {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -1371px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubTravelTrailer {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -1334px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubPersonalWatercraft {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -1084px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubBoat {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -983px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubTrailer {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -1459px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubBus {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -1244px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubEmergencyEquipment {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -1290px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewLightTruck {
    width: 50px;
    height: 30px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubTruck {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -401px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubWheel {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -293px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubGen {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -699px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubLength {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -595px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubBoatTrailer {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -753px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubSlider {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -1562px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewSubWheel {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -295px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewWheelAxels {
    width: 50px;
    height: 30px;
    background: url('../images/overView_icons_VDP.png') no-repeat 0 -808px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewActualCashValue, .OverviewMotorcheckValue {
    width: 50px;
    height: 30px;
    opacity: .9;
    filter: alpha(opacity=90);
    padding-top:4px;
    text-align: right;
    padding-right: 5px;
}

    .OverviewActualCashValue label, .OverviewMotorcheckValue label {
        display: inline;
        vertical-align: middle;
        font-size: 1.2em;
        padding-top: 1px;
        word-break: normal;
        white-space: normal;
        font-weight: bold;
    }

.OverviewEstimatedRepairCost {
    width: 100px;
    min-height: 30px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.OverviewEstimatedRepairCost label {
    display: inline;
    vertical-align: middle;
    font-size: 1.2em;
    padding-top: 1px;
    width: 100px;
    word-break: normal;
    white-space: normal;
}

.vehicle-overview .overview-list {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem .25rem;
}

.vehicle-overview .overview-item {
    flex: 0 0 120px;
    display: grid;
    grid-template-rows: 30px auto;
    justify-items: center; 
    align-content: start;
    text-align: center;
    white-space: normal; 
}
@media (max-width:1299px) {
    .vehicle-overview .overview-item {
        flex: 0 0 75px; 
        display: grid; 
        grid-template-rows: 30px auto; 
        justify-items: center; 
        align-content: start;
        text-align: center;
        white-space: normal; 
    }
}
@media (min-width:1300px) {
    .vehicle-overview .overview-item {
        flex: 0 0 120px; 
        display: grid;
        grid-template-rows: 30px auto;
        justify-items: center;
        align-content: start;
        text-align: center;
        white-space: normal;
    }
}
   
.vehicle-overview .overview-item > div:first-child {
    width: 50px; 
    height: 30px; 
    background-repeat: no-repeat;      
}

.vehicle-overview .overview-item > div:nth-child(2) > span {
    display: block;
    word-break: break-word;
    white-space: normal;
    max-width: 100%;
    font-size: 12px;
}
#VehicleOverviewSection {
    padding:.5rem !important;
}

.vdp-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.vdp-left {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    grid-template-columns: 1fr max-content;
    gap: .75rem;
    align-items: center;
    max-width:48%;
}

.vdp-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.vdp-pagination {
    padding-top:5px;
}
/* mobile: stack */
@media (max-width:770px) {
    .vdp-actions {
        margin-left: 0;
        justify-content:center;
    }
    .vdp-left {
        max-width: 100%;
    }
    .vdp-pagination {
        padding-top: 0px;
    }
}

.vdp-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}
.slider {
    position: relative;
    display: block;
    padding: 0;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
}

.slider--visible {
    overflow: visible;
}

.slider__wrapper {
    transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
    transition-duration: 0ms;
    -webkit-transition-duration: 0ms;
}

.slider__item {
    background-color: #fff;
    width: 100%;
    height: auto;
    position: relative;
}

.slider__content {
    padding: 1.5rem;
}

.slider__content--border {
    border-left: 0.1rem solid #cccccc;
    border-right: 0.1rem solid #cccccc;
    border-bottom: 0.1rem solid #cccccc;
}

.slider .tile {
    height: 100%;
}

.slider__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.slider__pagination .link {
    display: inline-block;
    width: 6rem;
    height: 3.5rem;
    text-align: center;
    text-decoration: underline;
    font-size: 2.4rem;
    transition: all 0.3s ease;
    background: transparent;
    opacity: 1;
}

.slider__pagination--count {
    width: auto;
    bottom: auto;
}

.slider__pagination--lg {
    font-size: 2rem;
}

.slider .swiper-pagination-bullet-active {
    color: #c90107;
}

.slider__btn {
    margin: 2rem;
}

    .slider__btn .link[aria-disabled=true] {
        opacity: 0.5;
    }

        .slider__btn .link[aria-disabled=true]:focus {
            outline: 0;
        }

        .slider__btn .link[aria-disabled=true]:hover {
            cursor: default;
        }

            .slider__btn .link[aria-disabled=true]:hover .icon {
                fill: #666666;
            }

.slider--bullets {
    padding-bottom: 3rem;
}

.swiper-pagination-bullet-active {
    background: #c90107;
}

.slider--vehicles .slider__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
}

    .slider--vehicles .slider__title .heading-7 {
        margin-right: 1rem;
    }

    .slider--vehicles .slider__title .btn-watch {
        margin-left: auto;
        -webkit-box-flex: 0 0 2rem;
        -webkit-flex: 0 0 2rem;
        -moz-box-flex: 0 0 2rem;
        -moz-flex: 0 0 2rem;
        -ms-flex: 0 0 2rem;
        flex: 0 0 2rem;
    }

.slider--vehicles .slider__content {
    padding: 2rem 3rem;
    height: 22rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
}

.slider--vehicles .heading-6 {
    margin-bottom: 2rem;
}

.slider.slider--vehicles-mobile {
    padding-bottom: 4rem;
}

    .slider.slider--vehicles-mobile .slider__content {
        padding: 1rem 0;
        height: auto;
    }

.slider--auctions {
    border-left: 0.1rem solid #cccccc;
}

    .slider--auctions .tile--content {
        border-left: 0.1rem solid transparent;
    }

.slider--jumbotron .jumbotron {
    height: 100%;
}

.slider--jumbotron .slider__wrapper {
    margin: 0;
}

.slider--jumbotron .slider__btn {
    margin: 0;
    width: 6rem;
    height: 6rem;
    top: 50%;
    margin-top: -3rem;
    background-color: rgba(0, 0, 0, 0.5);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 3.5rem 3.5rem;
    transition: all 0.3s ease;
    opacity: 0;
}

.slider--jumbotron .slider__btn--prev {
    left: -6rem;
    transform: rotate(90deg);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' fill-rule='nonzero' d='M5.92 10.026l-5.946 5.948 24 24 24-24-5.948-5.948L23.974 28.08z'/%3E%3C/svg%3E");
}

.slider--jumbotron .slider__btn--next {
    right: -6rem;
    transform: rotate(-90deg);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' fill-rule='nonzero' d='M5.92 10.026l-5.946 5.948 24 24 24-24-5.948-5.948L23.974 28.08z'/%3E%3C/svg%3E");
}

.slider--jumbotron:hover .slider__btn--prev {
    left: 0;
}

.slider--jumbotron:hover .slider__btn--next {
    right: 0;
}

.slider--jumbotron .slider__bullets {
    width: auto;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 1rem;
    border-radius: 1.8rem;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
}

.slider--jumbotron .swiper-pagination-bullet {
    opacity: 0.8;
    background-color: #f2f2f2;
}

.slider--jumbotron .swiper-pagination-bullet-active {
    width: 1.2rem;
    height: 1.2rem;
    background-color: #FFBF00;
    opacity: 1;
}

.slider--jumbotron .jumbotron--mobile {
    padding-bottom: 12rem;
}

@media only screen and (min-width: 768px) {
    .slider--jumbotron .jumbotron {
        padding-left: 7rem;
        padding-right: 7rem;
        height: 58rem;
    }

    .slider--jumbotron .slider__btn {
        opacity: 1;
    }

    .slider--jumbotron .slider__bullets {
        position: absolute;
        left: auto;
        right: 2rem;
        bottom: 4rem;
        z-index: 2;
        transform: translate(0, 0);
    }
}
.segment-ctrl--outline {
    background-color: #222222 !important;
    width: auto;
}
.segment-ctrl .active, .segment-ctrl .btn--dark[selected] {
    background-color: #666666 !important;
}
.segment-ctrl .active, .segment-ctrl .btn--dark .icon {
    fill: #cccccc !important;
}
.btn--dark span {
    margin-left: 0.5rem;
}
.btn--dark {
    background-color: #222222 !important;
    min-width: 5rem;
    align-content: center;
    justify-content: center;
    padding: 1rem;
}
.container-mobile-gallery {
    background-color: #000;
}

.btn-close-gallery {
    padding-top: 10px;
    margin-left: auto;
}
    .btn-close-gallery .icon {
        fill: #fff;
    }
.segment-ctrl .active, .segment-ctrl .btn--dark[selected] .icon {
    fill: #fff !important;
}

.segment-ctrl .active, .segment-ctrl .btn--dark .icon {
    fill: #cccccc !important;
}

.btn--dark:first-child span {
    margin-left: 1rem;
}
.container-body .row {
    margin-left: -1 !important;
    margin-right: -1 !important;
}

#toolbarDiv ul li {
    cursor: pointer;
    width: 24px;
    height: 24px;
}

#popup_toolbarDiv ul li {
    cursor: pointer;
    width: 24px;
    height: 24px;
}
.imageZoomIn {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 4C12.96 4 4 12.96 4 24s8.96 20 20 20 20-8.96 20-20S35.04 4 24 4zm10 22h-8v8h-4v-8h-8v-4h8v-8h4v8h8v4z' fill='%23ffffff' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    display: block;
    text-indent: -5000px;
}

.imageZoomOut {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 4C12.96 4 4 12.96 4 24s8.96 20 20 20 20-8.96 20-20S35.04 4 24 4zm10 22H14v-4h20v4z' fill='%23ffffff' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    display: block;
    text-indent: -5000px;
}

.imageZoomReset-2 {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.667 9.308V4L18 11.077l6.667 7.078v-5.308c5.516 0 10 4.76 10 10.616 0 1.787-.417 3.485-1.167 4.954L35.933 31A14.67 14.67 0 0038 23.463c0-7.82-5.967-14.155-13.333-14.155zm-1.334 25.845c-5.516 0-10-4.76-10-10.616 0-1.787.417-3.485 1.167-4.954L12.067 17A14.67 14.67 0 0010 24.537c0 7.82 5.967 14.155 13.333 14.155V44L30 36.923l-6.667-7.078v5.308z' fill='%23ffffff' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    display: block;
    text-indent: -5000px;
}

.thumb-images-wrapper .col-md-6:nth-child(even) {
    padding-left: 7px;
}

.thumb-images-wrapper .col-md-6:nth-child(odd) {
    padding-right: 7px;
}



.vdp_vehicleBidInfo-slider-visible {
    overflow: hidden;
    height: 100%;
}
    .vdp_vehicleBidInfo-slider-visible .page-container {
        z-index: 0;
    }

    .vdp_vehicleBidInfo-slider-visible .footer, .vdp_vehicleBidInfo-slider-visible #SearchSection {
        display: none;
    }

#vdp_vehicleBidInfo-sliders {
    display: none;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
    background-color: rgba(0, 0, 0, 0.5);
    b justify-content: center;
    align-items: center;
    z-index: 1000;
}


    #vdp_vehicleBidInfo-sliders.active {
        display: block;
    }


.vdp_vehicleBidInfo-slider-wrapper {
    z-index: 10002;
    opacity: 1 !important;
    position: fixed !important;
    transition: right 1s ease-in-out;
    right: -100%;
    top: 0;
    bottom: 0;
    background-color: white !important;
    padding: 1rem !important;
    border: 0.2rem solid #cccccc;
}

    .vdp_vehicleBidInfo-slider-wrapper.active {
        display: block !important;
        right: 0;
    }

    .vdp_vehicleBidInfo-slider-wrapper * {
        position: unset;
    }

.vdp_vehicleBidInfo-slider-block {
    z-index: 10003;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100vh;
}

.vdp_vehicleBidInfo-slider-item {
    z-index: 10004;
    margin: 0 2rem;
    position: relative !important;
    min-height: 85rem;
    height: 100%;
    margin-bottom: 5rem !important;
}

    .vdp_vehicleBidInfo-slider-item:not(.active) {
        display: none !important;
    }

    .vdp_vehicleBidInfo-slider-item .modal-header, .vdp_vehicleBidInfo-slider-item h4 {
        padding-left: 0;
    }












#divPrebidPopup, #divRemovePrebidPopup, #divBuyNowPopup {
    background-color: unset;
    padding-left: unset;
    padding-bottom: unset;
}


#vdp_vehicleBidInfo-ko #actionBut {
    padding: 0px;
}

#vdp_vehicleBidInfo-ko .auctionStatus * {
    padding: 0;
    margin: 0;
}

#vdp_vehicleBidInfo-ko .OverlayArea {
    position: unset !important;
    width: unset;
}

#actionWrapper::after {
    content: "";
    display: block;
    clear: both;
}

/*.vdp_vehicleBidInfo-slider input[type="button"], .vdp_vehicleBidInfo-slider button {
    min-width: 120px;
    font-size: 14px;
}*/


#vdp_vehicleBidInfo-AN #actionButtons {
    clear: initial;
    position: relative;
}

#vdp_vehicleBidInfo-AN #modalOverlayactionButtons {
    top: .2rem;
}

    #vdp_vehicleBidInfo-AN #modalOverlayactionButtons img {
        margin-top: 0;
    }

#vdp_vehicleBidInfo-AN .PreBidContent, #vdp_vehicleBidInfo-AN .conditTableCell, #vdp_vehicleBidInfo-AN .conditLabel {
    padding: 0;
    font-weight: normal;
}

#vdp_vehicleBidInfo-TA #taConfirmationContainer {
    display: initial;
}

.actionBut li .conditTableRow {
    clear: initial;
    display: block;
}

.actionBut li .conditTableCell {
    display: unset;
    padding: .5rem 0;
    font-weight: 400;
}

    .actionBut li .conditTableCell:not(.conditLabel) {
        font-weight: 500;
    }

.actionBut li {
    display: block;
    text-align: unset;
    max-width: unset;
    min-width: unset;
    width: 100%;
    padding: 0.5rem !important;
}


#actionButtons li input {
    display: unset;
    width: 100%;
}



#actionButtons .auctionStatus > * {
    display: inline-block;
}



#taBuyNow-wrapper {
    padding: 1rem 0 0rem 0;
}


#vdp_vehicleBidInfo-transition {
    background-color: navajowhite;
    opacity: .5;
}


.vdp_vehicleBidInfo-slider .conditTableRow {
    width: 100%;
    display: table !important;
}

.vdp_vehicleBidInfo-header {
    width: 100%;
}

    .vdp_vehicleBidInfo-header .conditTableCell {
        width: 45%;
        padding: 0 !important;
    }

#divPreBidConfirm .nessage label {
    font-weight: bold;
    margin: 2rem 0;
}

#stockAuctionNote {
    position: absolute;
    top: 1rem;
}

/*#vdp_vehicleBidInfo-listview input[type='button'] {
    width: 100px !important;
}

#vdp_vehicleBidInfo-listview .btnRed {
    color: white;
    background-color: red;
}

#vdp_vehicleBidInfo-listview .btnBlue {
    color: white;
    background-color: blue;
}*/



#vdp_vehicleBidInfo-Prebid, #vdp_vehicleBidInfo-Watch {
    margin: .5rem 0;
}


#vdp_vehicleBidInfo-ko .data-list__value {
    text-align: right;
}

    #vdp_vehicleBidInfo-ko .data-list__value * {
        display: inline-block;
    }


#vdp_vehicleBidInfo-ko .data-list__item, #vdp_vehicleBidInfo-ko .data-list__item * {
    padding: 0;
    margin-right: 0;
}

    #vdp_vehicleBidInfo-ko .data-list__item label {
        text-align: right;
    }

.vdp_vehicleBidInfo-display {
    width: 100%;
    display: block;
}

    .vdp_vehicleBidInfo-display #taVDPWatch {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }








.vdp_vehicleBidInfo-slider-message, .vdp_vehicleBidInfo-slider-message * {
    font-size: 1.5rem;
    font-weight: 700;
}

.vdp_vehicleBidInfo-slider-footerNote, .vdp_vehicleBidInfo-slider-footerNote * {
    text-align: justify;
}

.vdp_vehicleBidInfo-slider-buttons {
    position: absolute !important;
    bottom: 1rem;
    left: 0rem;
    right: 0rem;
    height: 9rem;
}

    .vdp_vehicleBidInfo-slider-buttons button {
        min-width: 12rem;
    }

    .vdp_vehicleBidInfo-slider-buttons .cancel {
        float: left;
    }

    .vdp_vehicleBidInfo-slider-buttons .submit {
        float: right;
    }


.vdp_vehicleBidInfo-divider-bottom {
    border-bottom: 0.1rem solid #cccccc;
    margin-bottom: 2rem !important;
    padding-bottom: 1rem;
}

.vdp_vehicleBidInfo-divider-top {
    border-top: 0.1rem solid #cccccc;
    padding-top: 2rem !important;
}

.vdp_vehicleBidInfo-header .title {
    font-size: 3rem !important;
    margin-top: 0px !important;
}

.vdp_vehicleBidInfo-header .stockSummary {
    margin-bottom: 2rem;
}

    .vdp_vehicleBidInfo-header .stockSummary * {
        font-size: 2.5rem !important;
    }





.vehicleBid_TA {
    white-space: normal !important;
    word-wrap: break-word;
}



.taReserve-wrapper {
    min-width: 30rem;
}

.vehicleBid_TA .taOtherInfo .bidConfirmationNote {
    padding-top: 10px;
}


.vehicleBid_TA .taOtherInfo .taBuyNow {
    bottom: 10px;
}

.vehicleBid_TA span {
    white-space: normal !important;
    word-wrap: break-word;
}

.vehicleBid_TA .taStatusButtons {
    display: block !important;
}


    .vehicleBid_TA .taStatusButtons > *, .vehicleBid_TA .taBidArea {
        padding: 3px 0px;
        margin-bottom: 5px !important;
        display: block !important;
    }

.vehicleBid_TA .taBlock {
    display: table-row;
    background-color: #F8F7F7;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
}


.vehicleBid_TA #taConfirmationResponse {
    border-top: 1px #989898 solid;
}

.vehicleBid_TA .taConfirmationTitle {
}

.vehicleBid_TA .taConfirmationAction {
    display: block !important;
}

    .vehicleBid_TA .taConfirmationAction > * {
        display: inline-block !important;
        margin-right: 10px !important;
    }

.vehicleBid_TA .taBuyerMaxBidContent > * {
    vertical-align: middle;
}

.vehicleBid_TA .bidItemBuyerMaxBid {
    width: 80px;
    height: 2em;
    font-size: .9em !important;
    vertical-align: middle;
    margin: 0px 3px;
}


.vehicleBid_TA .taBuyNow {
    display: block;
    margin-top: 10px;
    border-top: white solid 5px;
}

.vehicleBid_TA .taOtherInfo {
    position: relative;
}



.vdp_vehicleBidInfo-Watch {
    margin-top: 1rem;
}




.taClosed {
    color: red;
    font-weight: bold;
}

.vdp_vehicleBidInfo-bid-status-list {
    width: 100%;
}

    .vdp_vehicleBidInfo-bid-status-list .data-list__label {
        text-align: right !important;
    }

    .vdp_vehicleBidInfo-bid-status-list .data-list__value, .vdp_vehicleBidInfo-bid-status-list label {
        text-align: left !important;
    }


.vdp_vehicleBidInfo-bid-Data-list {
    width: 100%;
}

    .vdp_vehicleBidInfo-bid-Data-list *, .vdp_vehicleBidInfo-bid-status-list * {
        font-size: 1.5rem !important;
        font-weight: 700;
        padding: 0;
        margin: 0;
    }

.data-list__value_red {
    color: #E00000;
}

.data-list__value_green {
    color: #238723 !important;
}

.data-list__value_orange {
    color: #ff7400 !important;
}

.data-list__value_black {
    color: unset;
}

.vdp_vehicleBidInfo-bid-input {
    padding: 2rem;
    border: 0.1rem solid #cccccc;
    background-color: #f2f2f2;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    width: 100%;
}

    .vdp_vehicleBidInfo-bid-input > * {
        display: block;
        text-align: left;
    }


.vdp_vehicleBidInfo-bid-input-value {
    background: white;
    border: 1px solid black;
    display: flex;
}

    .vdp_vehicleBidInfo-bid-input-value * {
        display: inline-block;
        padding: 0;
    }

    .vdp_vehicleBidInfo-bid-input-value *, .vdp_vehicleBidInfo-bid-input-value input:focus {
        box-shadow: inset 0 0 0 100px #ffffff;
        font-size: 1.8rem;
    }

    .vdp_vehicleBidInfo-bid-input-value input {
        border: none;
        /*width: 80% !important;*/
    }

    .vdp_vehicleBidInfo-bid-input-value span {
        margin-top: 2.2rem;
        padding: 0 1rem;
    }

@media (max-width: 600px) {
    .vdp_vehicleBidInfo-slider-wrapper {
        width: 100%;
    }
}

@media screen and (min-width:599px) {
    .vdp_vehicleBidInfo-slider-wrapper {
        width: 50rem;
    }
}