/*VIN PAGE popups*/
.pop-overlay {
    display:none;
    position:fixed;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
    background: url(../../images/pop-overlay.png); z-index: 3000;
}
.pop-overlay .pop-up {
    max-width:450px;
    width:inherit;
    overflow: scroll;
    position:absolute;
    padding: 0 0 34px;
    margin: 0;
    background-color:#fff;
    border-radius: 3px;
    /* Center the popup in the window: */
    left: 50%; top: 50%; transform: translate(-50%, -50%);
}
.pop-overlay .pop-up .pop-heading {
    position:relative;
    margin: 0 0 22px;
    padding: 16px;
    background: url(../../images/pop-heading.png) repeat-x 0 bottom;
    border-bottom: 1px solid #ccc;
    font: 700 18px/20px "Open Sans", arial, sans-serif;
    color:#00486a;
}
.pop-overlay .pop-up .pop-heading .close {
    position:absolute;
    top: 15px;
    right: 10px;
    color:#f16724;
    opacity: 100;
    -moz-opacity: 100;
    filter:alpha(opacity=100);
    font: 800 18px/20px "Open Sans", arial, sans-serif;
}
.pop-overlay .pop-up .pop-heading.error {
    background: #fee;
}
.pop-overlay .pop-up .pop-heading .message-body {
    display: inline-block;
    max-width: 400px;
}
@media screen and (max-width: 768px) {
    /* popup- mobile only */
    .pop-overlay .pop-up .pop-heading .message-body {
        display: inline-block;
        max-width: 400px;
    }
    .pop-overlay .pop-up .body {
        overflow: auto;
    }
}
@media screen and (min-width: 768px) {
    /* popup - desktop only */
    .pop-overlay .pop-up p {
        margin: 0 8px 25px 8px;
        text-align: center;
    }
    .pop-overlay .pop-up .field {
        float: left;
        display: inline;
        width: 113px;
        height: 38px;
        padding: 0 10px 0 36px;
        background: url(../../images/location-icon.png) no-repeat 11px center;
        margin: 0 24px 0 45px;
        box-shadow: inset 0 0 5px #ccc;
        font: 16px/38px "Open Sans", arial, sans-serif;
    }
    .pop-overlay .pop-up .submit, .submit-button {
        float: left;
        display: inline;
        width: 130px;
        height: 40px;
        border: 0;
        border-radius: 3px;
        text-transform: uppercase;
        font-size: 14px;
    }
}
/*End of VIN PAGE popups*/


/* ------------------------------------------------------------ *\
	VDP Popups
\* ------------------------------------------------------------ */

.popup__bottom {
    width: 100%;
    margin: 2.5rem auto auto;
    z-index: 9999999999999999;
}
.slider-synced-main .slider__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;        
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50%;
    object-position: 50%;
}
/*mobile/tablet screen*/
@media (min-width: 813px) and (max-width: 1023px){
    .popup__bottom{
        margin-top: 1rem;
    }
    .mfp-content {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}
@media (max-width: 812px){
    .mfp-content:has(.vdp-popup) .popup__bottom{
        margin-top: 6rem;
    }
}
@media (min-width: 1024px) {
    .mfp-content:has(.vdp-popup) .popup__bottom{
        margin-top: 8rem;
    }

    .popup__bottom{
        width: fit-content;
        margin-left: min(32.5rem, 33%);
        margin-right: auto;
    }
    .popup.popup--gallery{
        /*allow room for ads on left side*/
        margin-left: min(32.5rem, 33%);
    }
}
@media (min-width: 1024px) {
    .popup--gallery.popup,
    .popup--gallery .slick-slide,
    .popup--gallery .popup__body,
    .popup--gallery .gallery__wrapper,
    .popup-photo.slider-synced-main .slider__image img{
        /*height: 100%;*/
        height: min(70vh, 608px);
        width: min(110vh, 65vw, 1000px);
    }
}
@media(max-width: 1023px) {
    .popup__bottom, .popup__side{
        position: absolute;
        right: 0;
    }
    .popup__side {
        top: -6rem;
        width: 100%;
    }

    /*Side ad should be desktop only.*/
    #jam_vdp-photo-side-ad {
        display: none !important;
    }
}
.picture_index {
    padding: .5rem 0;
    background: #F8FAFB;
    text-align: center;
}
.popup__side {
    position: absolute;
    z-index: 9999999999999999;
}

.popup {
    max-width: 48rem;
    background: #fff;
    margin: 0 auto;
}
/*small screen*/
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup {
        max-width: 33.5rem;
    }
}
.popup .popup__head {
    position: sticky;
    top: 0;

    padding: 1.6rem 2.4rem;
    border-bottom: 0.1rem solid #D2D5D7;
    background: #F8FAFB;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup .popup__head {
        padding: 1.7rem 2.4rem 1.8rem;
    }
}
.popup .popup__head h4 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin: 0 1rem 0 0;
    font-size: 2rem;
    line-height: 1.36;
    letter-spacing: -0.02em;
    overflow: hidden;
    /* white-space: nowrap; */
    /*text-overflow: ellipsis;*/
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup .popup__head h4 {
        font-size: 1.8rem;
        line-height: 1.36;
    }
}
.popup .popup__close {
    display: inline-block;
    text-decoration: none;
    color: #727577;
    position: relative;
}
.popup .popup__close:before {
    content: "";
    position: absolute;
    inset: -0.5rem -0.5rem;
    border: 0.2rem solid currentColor;
    border-radius: 0.4rem;
    opacity: 0;
}
.popup .popup__close:focus:before {
    opacity: 1;
}
.popup .popup__message {
    min-height: 21.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 1rem 2.4rem 3rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup .popup__message {
        min-height: 20.9rem;
    }
}
.popup .popup__message-inner {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}
.popup .popup__message-inner .ico-check-circle {
    color: #DD390C;
    display: block;
    margin: 0 auto 1.4rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup .popup__message-inner .ico-check-circle {
        margin-bottom: 0.8rem;
    }
}
.popup .popup__message-inner h4 {
    font-weight: 400;
    font-size: 2rem;
    line-height: 1.6;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup .popup__message-inner h4 {
        font-size: 1.6rem;
        line-height: 1.5;
    }
}
.popup .popup__message-inner h4 br {
    display: none;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup .popup__message-inner h4 br {
        display: block;
    }
}
.popup .popup__message--alt {
    min-height: 16.5rem;
    padding: 1rem 2.4rem 0;
    /*padding-bottom: 0;*/
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup .popup__message--alt {
        min-height: auto;
        padding: 2.4rem 2.4rem 0;
    }
}
.popup .popup__message--alt h4 {
    margin-bottom: 0.3rem;
}
.popup .popup__message--alt h4 strong {
    font-weight: 600;
}
.popup .popup__message--alt .ico-check-circle {
    margin-bottom: 1.1rem;
}
.popup .popup__message--small {
    min-height: 13.8rem;
    padding: 1rem 2.4rem 2rem;
}
.popup .popup-30 {
    min-height: 30rem;
    padding: 1rem 2.4rem 2rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup .popup__message--small {
        min-height: auto;
        padding: 2rem 2.4rem 0;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup .popup__message--small .ico-check-circle {
        margin-bottom: 1.4rem;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup .popup__message--size1 {
        min-height: 18.8rem;
        padding-top: 1.3rem;
    }
}
.popup .popup__foot {
    padding: 1.7rem 1rem 2.4rem;
    border-top: 0.1rem solid #D2D5D7;
    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup .popup__foot {
        padding: 1.4rem 2.2rem 2.4rem;
    }
}
.popup .popup__foot h6 {
    font-size: 1.4rem;
    line-height: 1.14;
    font-weight: 700;
    color: #727577;
    margin-bottom: 1.5rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup .popup__foot h6 {
        margin-bottom: 1.3rem;
    }
}

.popup .popup__foot--small {
    padding: 1.4rem 1rem
}

.popup .popup__widgets-features {
    padding: 3.2rem 6.3rem 3rem 2.4rem
}

@media(max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .popup .popup__widgets-features {
        padding:2rem 3.3rem 2rem 2.4rem;
        max-height: 70vh;
        overflow: auto;
        min-height: 30rem
    }
}

.popup .popup__lists-features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 3rem 0 3rem 4rem;
    margin-right: -1rem
}

@media(max-width: 1199px) {
    .popup .popup__lists-features {
        margin-right:0;
        padding: 3rem 2.4rem
    }
}

@media(max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .popup .popup__lists-features {
        display:block;
        padding: 2rem 3.8rem;
        overflow: auto;
        max-height: 70vh;
        min-height: 20rem
    }
}

.popup .popup__lists-features ul {
    list-style-type: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    margin: 0
}

@media(max-width: 1023px) {
    .popup .popup__lists-features ul {
        -webkit-box-flex:0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

.popup .popup__lists-features li {
    position: relative;
    padding-left: 1rem
}

.popup .popup__lists-features li:before {
    content: "\002022";
    position: absolute;
    top: 0;
    left: 0
}

.popup .popup__related-products {
    padding: 0 .6rem 0 1.4rem;
    overflow: hidden;
    margin-bottom: 1.5rem
}

@media(max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .popup .popup__related-products {
        padding:2.7rem 0 0
    }
}

.popup .popup__related-products h4 {
    text-align: center;
    margin-bottom: 1.4rem
}

@media(max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .popup .popup__related-products h4 {
        margin-bottom:0
    }
}

.popup .popup__offers {
    padding: 2rem 2.4rem 2.8rem
}

@media(max-width: 1023px) {
    .popup .popup__offers {
        padding:2rem 1rem 2.5rem
    }
}

@media(max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .popup .popup__offers {
        padding:2.4rem 1.6rem 2.2rem
    }
}

.popup .popup__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .popup .popup__content {
        display:block
    }
}

.popup .popup__content-image {
    padding-top: 58.37%;
    background-size: cover;
    background-position: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37.3%;
    flex: 0 0 37.3%
}

@media(max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .popup .popup__content-image {
        display:none
    }
}

.popup .popup__content-inner {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 5.8rem 5.4rem 2.5rem 6rem
}

@media(max-width: 1023px) {
    .popup .popup__content-inner {
        padding:3rem 1.5rem 2.5rem
    }
}

@media(max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .popup .popup__content-inner {
        padding:2.7rem 2.4rem 2.4rem
    }
}

@media(max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .popup .popup__content-inner>p {
        padding-left:.5rem
    }
}

.popup .popup__paragraphs {
    font-size: 1.8rem;
    line-height: 1.78;
    margin-bottom: 2.4rem
}

@media(max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .popup .popup__paragraphs {
        font-size:1.6rem;
        line-height: 1.59;
        margin-bottom: 2.8rem
    }
}

.popup .popup__paragraphs p {
    margin-bottom: 1.8rem
}

@media(max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .popup .popup__paragraphs p {
        margin-bottom:1.6rem
    }
}

.popup .popup__paragraphs p:last-child {
    margin: 0
}

.popup .popup__content-actions {
    margin-bottom: 2.4rem
}

@media(max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .popup .popup__content-actions {
        margin-bottom:1.7rem
    }
}

.popup .popup__content-actions a {
    min-width: 29.1rem;
    padding: .8rem 1rem
}

@media(max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .popup .popup__content-actions a {
        min-width:auto;
        width: 100%
    }
}

.popup .popup__content-contacts {
    margin-bottom: 2.2rem
}

@media(max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .popup .popup__content-contacts {
        padding-left:.5rem;
        margin-bottom: 1.5rem
    }
}

.popup .popup__content-contacts h4 {
    font-size: 2.4rem;
    font-weight: 400;
    margin-bottom: .5rem
}

@media(max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .popup .popup__content-contacts h4 {
        font-size:2.1rem
    }
}

.popup .popup__content-contacts h4 a {
    text-decoration: none;
    position: relative;
    display: inline-block
}

.popup .popup__content-contacts h4 a:before {
    content: "";
    position: absolute;
    inset: -0.2rem -0.5rem;
    border: .2rem solid currentColor;
    border-radius: .4rem;
    opacity: 0
}

@media(hover: hover) {
    .popup .popup__content-contacts h4 a:focus-visible:before {
        opacity:1
    }

    .popup .popup__content-contacts h4 a:active {
        color: #333
    }

    .popup .popup__content-contacts h4 a:active:before {
        opacity: 0
    }
}

.popup .popup__content-contacts h5 {
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 0
}

@media(max-width: 767px),screen and (max-width:812px) and (orientation:landscape) {
    .popup .popup__content-contacts h5 {
        font-size:1.8rem;
        margin-bottom: .3rem
    }
}

.popup .popup__content-contacts h5 a {
    text-decoration: none;
    position: relative;
    display: inline-block
}

.popup .popup__content-contacts h5 a:before {
    content: "";
    position: absolute;
    inset: -0.2rem -0.5rem;
    border: .2rem solid currentColor;
    border-radius: .4rem;
    opacity: 0
}

@media(hover: hover) {
    .popup .popup__content-contacts h5 a:focus-visible:before {
        opacity:1
    }

    .popup .popup__content-contacts h5 a:active {
        color: #333
    }

    .popup .popup__content-contacts h5 a:active:before {
        opacity: 0
    }
}

/*  Popup large  */
.popup--large {
    max-width: 100rem;
}
@media (max-width: 500px){
    .popup--large {
        max-width: 44rem;
    }
}
@media (max-width: 500px){
    .popup--large {
        max-width: 44rem;
    }
}
@media (max-width: 767px){
    .popup--large {
        max-width: 55rem;
    }
}
@media (max-width: 1023px){
    .popup--large {
        max-width: 80rem;
    }
}
/*  Popup gallery  */
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup--gallery {
        max-width: none;
        margin: -5rem -2rem;
    }
}
.popup--gallery .popup__head {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 1.8rem 2.4rem 1.8rem 3rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup--gallery .popup__head {
        /*position: static;*/
        padding: 1rem 1.9rem 0.7rem;
    }
}
.popup--gallery .popup__head h4 {
    font-size: 2.4rem;
    line-height: 1;
    margin: .5rem 0;
}
.popup--gallery .popup__head .btn {
    padding: 0.8rem 0.5rem;
}
.popup--gallery .popup__close {
    margin-left: 2.3rem;
}
.popup--gallery .popup__body {
    display: flex;
    flex-direction: column;
    /*padding: 3.2rem 3.2rem 3.7rem;*/
    /*padding: 1.2rem 1.2rem 1.5rem;*/
    padding-bottom: 1.2rem;
}
@media (max-width: 1023px) {
    .popup--gallery .popup__body {
        padding: 2rem 2rem 2.5rem;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup--gallery .popup__body {
        padding: 0;
        padding-bottom: 0.6rem ;
    }
}
.popup--gallery .gallery__wrapper {
    text-align: center;
}
.popup--gallery .popup__gallery-image {
    margin-bottom: 3.2rem;
    display: block;
    position: relative;
}

.popup--gallery .popup__gallery-image--advert {
    /*margin: 2rem 3.75rem 2rem;*/
    margin: 0 auto 3.2rem;
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup--gallery .popup__gallery-image--advert {
        margin-bottom: 0.4rem;
    }
    .popup--gallery .popup__gallery-image {
        padding-top: 61.33%;
        margin-bottom: 0.4rem;
    }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup--gallery .popup__gallery-image:last-child {
        margin-bottom: 0;
    }
}
.popup--gallery .popup__gallery-image-actions {
    display: none;
    width: 3rem;
    position: absolute;
    top: 1.4rem;
    right: 0.9rem;
}
@media (max-width: 1023px) {
    .popup--gallery .popup__gallery-image-actions {
        display: block;
    }
}
.popup--gallery .popup__gallery-image-actions a + a {
    margin-top: 0.9rem;
}
.popup--gallery .popup__form {
    margin-left: -0.2rem;
    padding-right: 0.2rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup--gallery .popup__form {
        margin: 0;
        padding: 2rem 2rem 2.4rem;
    }
}
.popup--gallery .popup__btn-back {
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1.14;
    font-weight: 600;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.popup--gallery .popup__btn-back .ico-arrow-left-alt {
    margin-right: 0.8rem;
}

.popup--gallery .bottom-sticky-widget {
    display: none;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .popup--gallery .bottom-sticky-widget {
        display: block;
    }
}

/*End of VDP popups*/

.popup-shell {
    padding : 3.2rem 2.4rem 2.8rem;
}