body.lb-disable-scrolling { overflow: hidden } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #000; filter: alpha(Opacity=80); opacity: .8; display: none } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: 400; outline: 0 } .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; border: 4px solid #fff } .lightbox a img { border: none } .lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; background-color: #fff } .lb-outerContainer:after { content: ""; display: table; clear: both } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0 } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading.gif) no-repeat } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10 } .lb-container>.nav { left: 0 } .lb-nav a { outline: 0; background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) } .lb-next, .lb-prev { height: 100%; cursor: pointer; display: block } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/prev.png) left 48% no-repeat; filter: alpha(Opacity=0); opacity: 0; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s } .lb-nav a.lb-prev:hover { filter: alpha(Opacity=100); opacity: 1 } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/next.png) right 48% no-repeat; filter: alpha(Opacity=0); opacity: 0; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s } .lb-nav a.lb-next:hover { filter: alpha(Opacity=100); opacity: 1 } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .lb-dataContainer:after { content: ""; display: table; clear: both } .lb-data { padding: 0 4px; color: #ccc } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em } .lb-data .lb-caption { font-size: 13px; font-weight: 700; line-height: 1em } .lb-data .lb-caption a { color: #4ae } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999 } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: 0; filter: alpha(Opacity=70); opacity: .7; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s } .lb-data .lb-close:hover { cursor: pointer; filter: alpha(Opacity=100); opacity: 1 } #accessories #accessories-slides { text-align: center; background-color: #efefef; margin: -15px auto 0; padding: 3em 0 1.75em } #accessories #accessories-slides strong { text-transform: uppercase } #accessories #accessories-images { margin: 40px auto; float: none; padding: 0 } #accessories .slick-dots li button:before { font-size: 10px } #accessories-get-quote { padding: 1.5em 2em; border-radius: 0; font-weight: 700; margin: 3em 0 0 } #accessories #accessories-images .accessory-image { cursor: pointer; max-height: 200px; border: 5px solid transparent; height: 100%; object-fit: cover } #accessories #accessories-images .accessory-image-wrapper { cursor: pointer; padding: 1.5em 1.5em 100px; background-color: #fff; margin: 1em; max-height: 325px } #accessories #accessories-images .slick-next:before, #accessories #accessories-images .slick-prev:before { color: #000 } #accessories #accessories-images .slick-slide { opacity: 1 } #accessories #accessories-images .slide-title { font-weight: 700 } #accessories #accessories-list { margin: 15px auto } #accessories #accessories-list .col-md-6 { padding: 0 } #accessories #accessories-list input[type=checkbox] { cursor: pointer; margin: 15px 10px 0 0 } #accessories #accessories-list label { margin: 5px; cursor: pointer } #accessories #accessories-list .accessory-info { cursor: pointer; color: #0384e4; text-decoration: underline } #accessories #accessories-list .accessory-info-price { margin-left: 5px } #accessories button.btn { white-space: initial } #accessories .info-wrapper { display: inline-block } #accessories .info-image { display: none } #accessories .accessories-wrapper { padding: 3em } @media (max-width:992px) { #accessories .accessories-wrapper { padding: 0; padding-right: 10px !important; padding-left: 10px !important } #accessories #accessories-slides { display: none } #modalAccessory .accessory-thumbs { text-align: center } #modalAccessory .accessory-thumbs img { float: none } #accessories .info-wrapper { cursor: pointer; width: 90%; background-color: #efefef; padding: 1em; margin: 1em auto } #accessories .info-image { margin-right: 1em; display: block; width: 100px; float: left } #accessories #accessories-list .accessory-info { display: block } #modalAccessory .accessory-modal-left, #modalAccessory .accessory-modal-right { width: auto } #accessories button { width: 100% } } #modalAccessory { font-size: 1.1rem; top: 50%; bottom: auto; transform: translateY(-50%) scale(1) } #modalAccessory .modal-content { border-radius: 0 } #modalAccessory .modal-body { max-height: 90vh; overflow-y: auto; padding: 0; margin: 0 } #modalAccessory .modal-body>.row { margin: auto } #modalAccessory .close { padding: 1.25em; position: fixed; right: 0; z-index: 5 } #modalAccessory .accessory-modal-left { height: 100%; min-height: 750px; width: 45%; float: left; padding: 1em; padding: 50px 15px; background-color: #f1f2f2 } #modalAccessory .accessory-modal-left .accessory-detail { overflow-y: auto; margin-top: 1em; max-height: 130px } #modalAccessory .accessory-modal-right { height: 100%; width: 55%; float: left; padding: 30px 15px } #modalAccessory .accessory-price { margin: 1em auto; text-align: left; padding: 10px } #modalAccessory .accessory-disclaimer, #modalAccessory .accessory-disclaimer-2 { font-size: .8em; color: #666; padding: 0 3em 1em } #modalAccessory .modal-body button { white-space: normal } #contact-us-form-button { width: 100%; border-radius: 0; padding: .75em; font-weight: 700; background-color: #4d81be; border-color: #4d81be } #modalAccessory .accessory-gallery { margin: 2em auto } #modalAccessory .accessory-gallery img { max-width: 100%; display: block; margin: auto } #modalAccessory .accessory-gallery iframe { width: 100%; height: 220px; display: block } #modalAccessory .accessory-thumbs { margin: 20px auto } #modalAccessory .accessory-thumbs img { display: inline-block; cursor: pointer; margin-top: 5px; margin-right: 5px; border: 1px solid transparent; padding: 1px; border-radius: 5px; width: 100px !important } #modalAccessory .accessory-thumbs img.selected { border: 1px solid #ccc; padding: 1px; border-radius: 5px; width: 100px !important } #modalAccessory .modal-dialog { max-width: 94%; width: 1000px; margin: auto } #modalAccessory #acc-message { height: 150px !important; width: 100% !important } #modalAccessory .form-horizontal .control-label { text-align: left } #modalAccessory .form-horizontal { padding: 20px 20px 0 } #modalAccessory .error { display: block; color: #dc0000; font-weight: 700; margin-left: 1em } #acc-message, #modalAccessory input { background-color: #f1f2f2; border: 0; box-shadow: none; color: #111; padding: 12px } #modalAccessory .error { color: red } #modalAccessory .loader { display: none; margin: auto; border: 16px solid #f3f3f3; border-top: 16px solid #3498db; border-radius: 50%; width: 120px; height: 120px; animation: accessories_spinner 2s linear infinite } #contact-us-form h3 { font-weight: 700; font-size: 24px } .jeep .gcss-colors-background-primary { background-color: #fff !important } .jeep .gcss-colors-background-secondary { background-color: #e7e7e7 !important } .jeep .gcss-colors-background-tertiary { background-color: #d1d1d1 !important } .jeep .gcss-colors-background-quaternary { background-color: #fff !important } .jeep .gcss-colors-background-gutter { background-color: #fff !important } .jeep .gcss-colors-background-semi-opaque { background-color: #fff !important } .jeep .gcss-colors-element-primary { background-color: #ffba00 !important } .jeep .gcss-colors-element-secondary { background-color: #636363 !important } .jeep .gcss-colors-element-tertiary { background-color: #000 !important } .jeep .gcss-colors-element-accent { background-color: #ffba00 !important } .jeep .gcss-colors-element-complementary { background-color: #eaab00 !important } .jeep .gcss-colors-element-subdued { background-color: #bfbfbf !important } .jeep .gcss-colors-element-subdued-dark { background-color: #bfbfbf !important } .jeep .gcss-colors-element-subdued-light { background-color: #fff !important } .jeep .gcss-colors-element-error { background-color: #aa0c0c !important } .jeep .gcss-colors-element-positive { background-color: #137703 !important } .jeep .gcss-colors-element-warning { background-color: #b34400 !important } .jeep .gcss-colors-element-disclosure-bubble { background-color: #3e3e3e !important } .jeep .gcss-colors-element-disclosure-panel { background-color: #fff !important } .jeep .gcss-colors-element-bottom-navigation-previous { background-color: #636363 !important } .jeep .gcss-colors-element-heading { color: #000 !important } .jeep .gcss-colors-text-body-primary { color: #000 !important } .jeep .gcss-colors-text-body-secondary { color: #636363 !important } .jeep .gcss-colors-text-body-tertiary { color: #636363 !important } .jeep .gcss-colors-text-element-primary { color: #000 !important } .jeep .gcss-colors-text-element-secondary { color: #fff !important } .jeep .gcss-colors-text-element-subdued { color: #e7e7e7 !important } .jeep .gcss-colors-text-disclosure-bubble { color: #fff !important } .jeep .gcss-colors-text-disclosure-panel { color: #000 !important } .jeep .gcss-colors-line-primary { border-color: #bfbfbf !important } .chrysler .gcss-colors-background-primary { background-color: #fff !important } .chrysler .gcss-colors-background-secondary { background-color: #e7e7e7 !important } .chrysler .gcss-colors-background-tertiary { background-color: #d1d1d1 !important } .chrysler .gcss-colors-background-quaternary { background-color: #fff !important } .chrysler .gcss-colors-background-gutter { background-color: #e3e3e3 !important } .chrysler .gcss-colors-background-semi-opaque { background-color: #fff !important } .chrysler .gcss-colors-element-primary { background-color: #063e77 !important } .chrysler .gcss-colors-element-secondary { background-color: #fff !important } .chrysler .gcss-colors-element-tertiary { background-color: #3a57a0 !important } .chrysler .gcss-colors-element-accent { background-color: #063e77 !important } .chrysler .gcss-colors-element-complementary { background-color: #063e77 !important } .chrysler .gcss-colors-element-subdued { background-color: #bfbfbf !important } .chrysler .gcss-colors-element-subdued-dark { background-color: #bfbfbf !important } .chrysler .gcss-colors-element-subdued-light { background-color: #fff !important } .chrysler .gcss-colors-element-error { background-color: #aa0c0c !important } .chrysler .gcss-colors-element-positive { background-color: #137703 !important } .chrysler .gcss-colors-element-warning { background-color: #b34400 !important } .chrysler .gcss-colors-element-disclosure-bubble { background-color: #3e3e3e !important } .chrysler .gcss-colors-element-disclosure-panel { background-color: #fff !important } .chrysler .gcss-colors-element-bottom-navigation-previous { background-color: #fff !important } .chrysler .gcss-colors-element-heading { color: #000 !important } .chrysler .gcss-colors-text-body-primary { color: #000 !important } .chrysler .gcss-colors-text-body-secondary { color: #000 !important } .chrysler .gcss-colors-text-body-tertiary { color: #636363 !important } .chrysler .gcss-colors-text-element-primary { color: #fff !important } .chrysler .gcss-colors-text-element-secondary { color: #3a57a0 !important } .chrysler .gcss-colors-text-element-subdued { color: #e7e7e7 !important } .chrysler .gcss-colors-text-disclosure-bubble { color: #fff !important } .chrysler .gcss-colors-text-disclosure-panel { color: #000 !important } .chrysler .gcss-colors-line-primary { border-color: #bfbfbf !important } .dodge .gcss-colors-background-primary { background-color: #fff !important } .dodge .gcss-colors-background-secondary { background-color: #e7e7e7 !important } .dodge .gcss-colors-background-tertiary { background-color: #d1d1d1 !important } .dodge .gcss-colors-background-quaternary { background-color: #fff !important } .dodge .gcss-colors-background-gutter { background-color: #fff !important } .dodge .gcss-colors-background-semi-opaque { background-color: #fff !important } .dodge .gcss-colors-element-primary { background-color: #d50000 !important } .dodge .gcss-colors-element-secondary { background-color: #fff !important } .dodge .gcss-colors-element-tertiary { background-color: #d50000 !important } .dodge .gcss-colors-element-accent { background-color: #d50000 !important } .dodge .gcss-colors-element-complementary { background-color: #b50000 !important } .dodge .gcss-colors-element-subdued { background-color: #bfbfbf !important } .dodge .gcss-colors-element-subdued-dark { background-color: #bfbfbf !important } .dodge .gcss-colors-element-subdued-light { background-color: #fff !important } .dodge .gcss-colors-element-error { background-color: #aa0c0c !important } .dodge .gcss-colors-element-positive { background-color: #137703 !important } .dodge .gcss-colors-element-warning { background-color: #b34400 !important } .dodge .gcss-colors-element-disclosure-bubble { background-color: #3e3e3e !important } .dodge .gcss-colors-element-disclosure-panel { background-color: #fff !important } .dodge .gcss-colors-element-bottom-navigation-previous { background-color: #fff !important } .dodge .gcss-colors-element-heading { color: #000 !important } .dodge .gcss-colors-text-body-primary { color: #000 !important } .dodge .gcss-colors-text-body-secondary { color: #636363 !important } .dodge .gcss-colors-text-body-tertiary { color: #636363 !important } .dodge .gcss-colors-text-element-primary { color: #fff !important } .dodge .gcss-colors-text-element-secondary { color: #b60000 !important } .dodge .gcss-colors-text-element-subdued { color: #e7e7e7 !important } .dodge .gcss-colors-text-disclosure-bubble { color: #fff !important } .dodge .gcss-colors-text-disclosure-panel { color: #000 !important } .dodge .gcss-colors-line-primary { border-color: #bfbfbf !important } .ram .gcss-colors-background-primary { background-color: #fff !important } .ram .gcss-colors-background-secondary { background-color: #f0f0f0 !important } .ram .gcss-colors-background-tertiary { background-color: #d1d1d1 !important } .ram .gcss-colors-background-quaternary { background-color: #fff !important } .ram .gcss-colors-background-gutter { background-color: #e3e3e3 !important } .ram .gcss-colors-background-semi-opaque { background-color: #fff !important } .ram .gcss-colors-element-primary { background-color: #880d00 !important } .ram .gcss-colors-element-secondary { background-color: #141414 !important } .ram .gcss-colors-element-tertiary { background-color: #880d00 !important } .ram .gcss-colors-element-accent { background-color: #d44e00 !important } .ram .gcss-colors-element-complementary { background-color: #601212 !important } .ram .gcss-colors-element-subdued { background-color: #bfbfbf !important } .ram .gcss-colors-element-subdued-dark { background-color: #bfbfbf !important } .ram .gcss-colors-element-subdued-light { background-color: #fff !important } .ram .gcss-colors-element-error { background-color: #aa0c0c !important } .ram .gcss-colors-element-positive { background-color: #137703 !important } .ram .gcss-colors-element-warning { background-color: #b34400 !important } .ram .gcss-colors-element-disclosure-bubble { background-color: #3e3e3e !important } .ram .gcss-colors-element-disclosure-panel { background-color: #fff !important } .ram .gcss-colors-element-bottom-navigation-previous { background-color: #414141 !important } .ram .gcss-colors-element-heading { color: #000 !important } .ram .gcss-colors-text-body-primary { color: #000 !important } .ram .gcss-colors-text-body-secondary { color: #636363 !important } .ram .gcss-colors-text-body-tertiary { color: #636363 !important } .ram .gcss-colors-text-element-primary { color: #fff !important } .ram .gcss-colors-text-element-secondary { color: #fff !important } .ram .gcss-colors-text-element-subdued { color: #e7e7e7 !important } .ram .gcss-colors-text-disclosure-bubble { color: #fff !important } .ram .gcss-colors-text-disclosure-panel { color: #000 !important } .ram .gcss-colors-line-primary { border-color: #bfbfbf !important } .fiat .gcss-colors-background-primary { background-color: #fff !important } .fiat .gcss-colors-background-secondary { background-color: #e7e7e7 !important } .fiat .gcss-colors-background-tertiary { background-color: #d1d1d1 !important } .fiat .gcss-colors-background-quaternary { background-color: #fff !important } .fiat .gcss-colors-background-gutter { background-color: #fff !important } .fiat .gcss-colors-background-semi-opaque { background-color: #fff !important } .fiat .gcss-colors-element-primary { background-color: #e70000 !important } .fiat .gcss-colors-element-secondary { background-color: #fff !important } .fiat .gcss-colors-element-tertiary { background-color: #000 !important } .fiat .gcss-colors-element-accent { background-color: #e70000 !important } .fiat .gcss-colors-element-complementary { background-color: #870a30 !important } .fiat .gcss-colors-element-subdued { background-color: #bfbfbf !important } .fiat .gcss-colors-element-subdued-dark { background-color: #bfbfbf !important } .fiat .gcss-colors-element-subdued-light { background-color: #fff !important } .fiat .gcss-colors-element-error { background-color: #e70000 !important } .fiat .gcss-colors-element-positive { background-color: #137703 !important } .fiat .gcss-colors-element-warning { background-color: #b34400 !important } .fiat .gcss-colors-element-disclosure-bubble { background-color: #3e3e3e !important } .fiat .gcss-colors-element-disclosure-panel { background-color: #fff !important } .fiat .gcss-colors-element-bottom-navigation-previous { background-color: #ececec !important } .fiat .gcss-colors-element-heading { color: #000 !important } .fiat .gcss-colors-text-body-primary { color: #000 !important } .fiat .gcss-colors-text-body-secondary { color: #636363 !important } .fiat .gcss-colors-text-body-tertiary { color: #636363 !important } .fiat .gcss-colors-text-element-primary { color: #fff !important } .fiat .gcss-colors-text-element-secondary { color: #e70000 !important } .fiat .gcss-colors-text-element-subdued { color: #e7e7e7 !important } .fiat .gcss-colors-text-disclosure-bubble { color: #fff !important } .fiat .gcss-colors-text-disclosure-panel { color: #000 !important } .fiat .gcss-colors-line-primary { border-color: #bfbfbf !important } @font-face { font-family: bmwhead; src: url(/wp-content/themes/pm-flex-theme/fonts/bmw/BMWMotorrad-Bold.ttf) } .vlp-banner-item { display: flex; align-items: flex-start; background: #fff; padding: 20px; font-family: bmwhead !important; gap: 25px; margin-bottom: 20px; background-color: #f1f1f1 } .vlp-image-container { flex: 0 0 280px; margin-left: auto } .vlp-image { width: 100%; height: auto; display: block } .vlp-details-main { text-align: left } .vlp-vehicle-title { font-size: 18px; font-weight: 700; margin: 0 0 5px 0; text-transform: uppercase; font-family: bmwhead !important } .vlp-headline { font-size: 22px; font-weight: 900; margin: 0 0 10px 0; font-family: bmwhead !important; line-height: 100% } .vlp-meta { font-size: 12px; color: #555; margin-bottom: 2px } .vlp-meta span { margin-right: 15px } .vlp-pricing-grid { margin-right: auto; display: flex; gap: 20px; border-left: 1px dashed #ccc; padding-left: 20px } .vlp-pricing-col { flex: 1 } .vlp-label-blue { color: #06f; font-weight: 700; font-size: 12px; letter-spacing: 1px } .vlp-price-main { font-size: 22px; font-weight: 700; margin: 5px 0; font-family: bmwhead !important; line-height: 100% } .vlp-price-sub { font-size: 12px; line-height: 1.4; margin-bottom: 10px } .vlp-disclosure-link { font-size: 12px; color: #06f; text-decoration: none; cursor: pointer } .vlp-disclosure-content { font-size: 10px; color: #777; margin-top: 10px; padding: 10px; background: #f9f9f9; border-radius: 4px; line-height: 1.4 } .vlp-actions { margin-top: 10px; display: flex; align-items: center; gap: 15px } .vlp-btn-claim { background: #111; color: #fff; border: none; padding: 10px 25px; border-radius: 20px; font-weight: 700; cursor: pointer } .vlp-btn-claim-link { text-decoration: none } .vlp-expiration { font-size: 11px; color: #666 } @media (max-width:992px) { .vlp-banner-item { flex-direction: column } .vlp-pricing-grid { border-left: none; padding-left: 0; border-top: 1px dashed #ccc; padding-top: 20px; width: 100% } .vlp-image-container { flex: 0 0 } } .vlp-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6) } .vlp-modal-overlay { display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); align-items: center; justify-content: center } .vlp-modal-box { background-color: #fff; padding: 30px; border-radius: 4px; width: 90%; max-width: 600px; max-height: 80vh; display: flex; flex-direction: column; box-shadow: 0 10px 25px rgba(0, 0, 0, .5) } .vlp-modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 15px } #vlp-modal-label { margin: 0; font-size: 20px; color: #111; font-weight: 700 } .vlp-modal-close { font-size: 30px; cursor: pointer; color: #999; line-height: 1 } .vlp-modal-close:hover { color: #000 } .vlp-modal-body { overflow-y: auto; font-size: 14px; line-height: 1.6; color: #333 } .vdp-personalization-banner-offer-item { padding: 20px 10px 30px 10px } .vdp-personalization-banner-offer-item .offer-wrapper { max-width: 300px; width: 100%; margin: auto; text-align: left } .vdp-personalization-banner-offer-item .offer-mainrow { display: flex; flex-direction: column; gap: 25px } .vdp-personalization-banner-offer-item .offer-image-column img { height: 120px; object-fit: contain } .vdp-personalization-banner-offer-item .offer-details-column { display: flex; flex-direction: column; flex: 1 } .vdp-personalization-banner-offer-item .offer-vehicledetails { display: flex; flex-direction: column } .vdp-personalization-banner-offer-item .offer-vehiclename-row .vehiclename { font-family: bmwhead, sans-serif !important; font-size: 22px; letter-spacing: -.2px; margin-bottom: 4px; color: #000; line-height: 110% } .vdp-personalization-banner-offer-item .offer-vinmsrp-row { display: flex; align-items: center; gap: 16px; justify-content: flex-start } .vdp-personalization-banner-offer-item .offer-msrpinfo, .vdp-personalization-banner-offer-item .offer-vininfo { font-size: 12px; color: #555; font-family: bmwbody, sans-serif } .vdp-personalization-banner-offer-item .offer-disclosure .disclosure-toggle a { font-size: 12px; color: #06f; font-family: bmwbody, sans-serif } .vdp-personalization-banner-offer-item .offer-cta { margin-top: 10px } .vdp-personalization-banner-offer-item .offer-cta a { background: #111; color: #fff; border: none; padding: 10px 25px; border-radius: 20px; font-weight: 700; cursor: pointer; display: inline-block; transition: all 180ms ease-in-out } .vdp-personalization-banner-offer-item .offer-cta a:hover { transform: translateY(-1px) } .vdp-personalization-banner-offer-item .offer-info-row { display: flex; justify-content: center; gap: 24px; border-top: 1px dashed #ccc; padding-top: 20px; margin-top: 20px } .vdp-personalization-banner-offer-item .offer-label { color: #06f; font-weight: 700; font-size: 12px; letter-spacing: .5px; text-transform: uppercase } .vdp-personalization-banner-offer-item .offer-value { font-size: 22px; font-weight: 700; margin: 4px 0; font-family: bmwhead, sans-serif; line-height: 100% } .vdp-personalization-banner-offer-item .offer-monthly { font-family: bmwbody, sans-serif; font-size: 12px } @media only screen and (min-width:768px) { .vdp-personalization-banner-offer-item .offer-vehiclename-row .vehiclename { font-size: 26px } } @media only screen and (min-width:1200px) { .vdp-personalization-banner-offer-item .offer-wrapper { max-width: 100% } .vdp-personalization-banner-offer-item .offer-mainrow { flex-direction: row; gap: 20px; align-items: center } .vdp-personalization-banner-offer-item .offer-details-column { flex-direction: row; gap: 16px; align-items: center } .vdp-personalization-banner-offer-item .offer-vehiclename-row .vehiclename { font-size: 22px } .vdp-personalization-banner-offer-item .offer-image-column img { width: 160px !important; height: 90px } .vdp-personalization-banner-offer-item .offer-info-row { justify-content: flex-start; padding-top: 0; margin-top: 0; border-top: 0; border-left: 1px dashed #ccc; padding-left: 16px; gap: 16px } } @media only screen and (min-width:1200px) and (max-width:1799px) { .vdp-personalization-banner-offer-item .offer-wrapper { flex-direction: column; align-items: start; gap: 4px } .vdp-personalization-banner-offer-item .offer-msrpinfo, .vdp-personalization-banner-offer-item .offer-vininfo { font-size: 11px; color: #555; font-family: bmwbody, sans-serif; line-height: 120% } .vdp-personalization-banner-offer-item .offer-info-row { flex-direction: column; min-width: 190px } } @media only screen and (min-width:1800px) { .vdp-personalization-banner-offer-item .offer-image-column img { width: 210px !important; height: 90px } } #accessories #accessories-slides { background-color: inherit; padding: 0 } #inventory-display-container>.container { width: 100%; padding: 0 } #vehicle-display { padding: 0 } #inventory-display-container>.container>.col-sm-12 { padding: 0 } @media (min-width:1800px) { .container { width: 1692px } } .vdp-mark3 div { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 170% } .vdp-mark3.maserati-theme div { font-family: univers, sans-serif !important } .vdp-mark3 .compare-btn, .vdp-mark3 h1, .vdp-mark3 h2, .vdp-mark3 h3, .vdp-mark3 h4, .vdp-mark3 h5, .vdp-mark3 h6, .vdp-mark3 li, .vdp-mark3 ol, .vdp-mark3 p, .vdp-mark3 span, .vdp-mark3 ul { padding: 0; margin: 0; line-height: 170%; font-family: 'Open Sans', sans-serif; font-size: 14px } .vdp-mark3.maserati-theme .compare-btn, .vdp-mark3.maserati-theme h1, .vdp-mark3.maserati-theme h2, .vdp-mark3.maserati-theme h3, .vdp-mark3.maserati-theme h4, .vdp-mark3.maserati-theme h5, .vdp-mark3.maserati-theme h6, .vdp-mark3.maserati-theme li, .vdp-mark3.maserati-theme ol, .vdp-mark3.maserati-theme p, .vdp-mark3.maserati-theme span, .vdp-mark3.maserati-theme ul { font-family: univers, sans-serif !important } .vdp-mark3 a { outline: 0 } .vdp-mark3 .fa { margin-right: 5px } .vdp-mark3.default-theme .bg-color-1 { background-color: #495057 } .vdp-mark3.default-theme.maserati-theme .bg-color-1 { background-color: #666 } .vdp-mark3.default-theme .bg-color-2, .vdp-mark3.default-theme .mark3-left-column .area_b_btn { background-color: #e8e9ea } .vdp-mark3.default-theme.maserati-theme .bg-color-2, .vdp-mark3.default-theme.maserati-theme .mark3-left-column .area_b_btn { background-color: #ebebeb } .vdp-mark3.default-theme .bg-color-3 { background-color: #f8f9fa } .vdp-mark3.default-theme.maserati-theme .bg-color-3 { background-color: #fff } .vdp-mark3.default-theme .bg-color-4 { background-color: #fff } .vdp-mark3.default-theme .bg-color-5, .vdp-mark3.default-theme .mark3-left-column .area_b_btn i { background-color: #f0f1f2 } .vdp-mark3.default-theme.maserati-theme .bg-color-5, .vdp-mark3.default-theme.maserati-theme .mark3-left-column .area_b_btn i { background-color: #f2f1f0 } .vdp-mark3.default-theme .ore-bg-color { background-color: #ffae00 } .jg-orange, .vdp-mark3.default-theme .eprice-bg-color { background-color: #f75302 !important } .eprice-btn, .jg-orange, .online-retail-experience-btn p, .vdp-mark3.default-theme .text-color-1 { color: #fff } .vdp-mark3.default-theme .mark3-left-column .area_b_btn, .vdp-mark3.default-theme .text-color-2, .vdp-mark3.default-theme h2#vehicle-name-title { color: #495057 } .vdp-mark3.default-theme.maserati-theme .mark3-left-column .area_b_btn, .vdp-mark3.default-theme.maserati-theme .text-color-2, .vdp-mark3.default-theme.maserati-theme h2#vehicle-name-title { color: #333 } .vdp-mark3.default-theme .mark3-left-column .area_b_btn i, .vdp-mark3.default-theme .text-color-3 { color: #637679 } .vdp-mark3.default-theme.maserati-theme .mark3-left-column .area_b_btn i, .vdp-mark3.default-theme.maserati-theme .text-color-3 { color: #666 } .vdp-mark3.default-theme .text-color-4 { color: #bfc5cb } .vdp-mark3.default-theme.maserati-theme .text-color-4 { color: #b6b6b6 } .vdp-mark3.default-theme .border-color-1 { border-color: #e8e9ea } .vdp-mark3.default-theme.maserati-theme .border-color-1 { border-color: #ebebeb } #cta-buttons-left .cta-button, .vdp-mark3.default-theme .info-badge, .vdp-mark3.default-theme .mark3-compare-btn, .vdp-mark3.default-theme .mark3-share-btn, .vdp-mark3.default-theme .mark3-save-btn { background-color: #666; color: #fff } .cta-button.pm-bg-white, .cta-button.pm-bg-white:hover { color: #333 } .vdp-mark3.dark-theme .bg-color-1, .vdp-mark3.dark-theme .mark3-left-column .area_b_btn { background-color: #111 } .vdp-mark3.dark-theme.maserati-theme .bg-color-1, .vdp-mark3.dark-theme.maserati-theme .mark3-left-column .area_b_btn { background-color: #000 } .vdp-mark3.dark-theme .bg-color-2 { background-color: #191919 } .vdp-mark3.dark-theme.maserati-theme .bg-color-2 { background-color: #000 } .vdp-mark3.dark-theme .bg-color-3 { background-color: #292929 } .vdp-mark3.dark-theme.maserati-theme .bg-color-3 { background-color: #333 } .vdp-mark3.dark-theme .bg-color-4 { background-color: #fff } .vdp-mark3.dark-theme .mark3-left-column .bg-color-4 { background-color: #191919 } .vdp-mark3.dark-theme.maserati-theme .mark3-left-column .bg-color-4 { background-color: #060d1d } .vdp-mark3.dark-theme .bg-color-5, .vdp-mark3.dark-theme .mark3-left-column .area_b_btn i { background-color: #414141 } .vdp-mark3.dark-theme.maserati-theme .bg-color-5, .vdp-mark3.dark-theme.maserati-theme .mark3-left-column .area_b_btn i { background-color: #b6b6b6 } .vdp-mark3.dark-theme .ore-bg-color { background-color: #ffae00 } .vdp-mark3.dark-theme .eprice-bg-color { background-color: #f75302 } .vdp-mark3.dark-theme .text-color-1 { color: #fff } .vdp-mark3.dark-theme .mark3-right-column .text-color-2 { color: #222 } .vdp-mark3.dark-theme.maserati-theme .mark3-right-column .text-color-2 { color: #000 } .vdp-mark3.dark-theme .mark3-left-column .area_b_btn, .vdp-mark3.dark-theme .mark3-left-column .text-color-2, .vdp-mark3.dark-theme .mark3-left-column .text-color-2 div, .vdp-mark3.dark-theme h2#vehicle-name-title, .vdp-mark3.dark-theme ul.text-color-2 li { color: #fff } .vdp-mark3.dark-theme .mark3-fixed-price-stack .text-color-2 { color: #fff } .vdp-mark3.dark-theme .mark3-fixed-vehicle-name.text-color-2 { color: #222 } .vdp-mark3.dark-theme.maserati-theme .mark3-fixed-vehicle-name.text-color-2 { color: #060d1d } .vdp-mark3.dark-theme .mark3-left-column .area_b_btn i, .vdp-mark3.dark-theme .mark3-left-column .text-color-3 { color: #999 } .vdp-mark3.dark-theme.maserati-theme .mark3-left-column .area_b_btn i, .vdp-mark3.dark-theme.maserati-theme .mark3-left-column .text-color-3 { color: #666 } .vdp-mark3.dark-theme .text-color-4 { color: #bfc5cb } .vdp-mark3.dark-theme.maserati-theme .text-color-4 { color: #b6b6b6 } .vdp-mark3.dark-theme .border-color-1 { border-color: #393939 } .vdp-mark3.dark-theme.maserati-theme .border-color-1 { border-color: #ebebeb } .vdp-mark3.dark-theme .border-color-2 { border-color: #e8e9ea } .vdp-mark3.dark-theme.maserati-theme .border-color-2 { border-color: #ebebeb } .vdp-mark3.dark-theme .info-badge, .vdp-mark3.dark-theme .mark3-compare-btn, .vdp-mark3.dark-theme .mark3-share-btn, .vdp-mark3.dark-theme .mark3-save-btn { background-color: #666 } .margin-top-20 { margin-top: 20px } .margin-top-40 { margin-top: 40px } .margin-btm-4 { margin-bottom: 4px } .margin-btm-10 { margin-bottom: 10px } .eprice-btn:hover, .jg-orange:hover { color: #fff } .eprice-btn, .online-retail-experience-btn, .round-corners { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .hover-opacity { opacity: 1; transition: opacity .3s } .hover-opacity:hover { opacity: .5 } .clear { clear: both } .mark3-panels { padding: 30px 20px } @media(min-width:1200px) { .mark3-panels { padding: 35px } } @media(min-width:1800px) { .mark3-panels { padding: 50px } } .vdp-mark3 .vdp-mark3-header { padding: 12px 15px 14px } .vdp-mark3 .vdp-quick-links { float: right } .vdp-mark3 .vdp-quick-links .qlinks { display: none; cursor: pointer } .vdp-mark3 .vdp-quick-links .qlinks.qlink-6 { display: inline } .vdp-mark3 .vdp-quick-links .qlinks.qlink-6 span { display: none } @media (min-width:768px) { .vdp-mark3 .vdp-quick-links .qlinks.qlink-6 span { display: inline } } @media (min-width:992px) { .vdp-mark3 .vdp-quick-links { display: block } .vdp-mark3 .vdp-quick-links .qlinks { margin-left: 15px; text-decoration: none } .vdp-mark3 .vdp-quick-links .qlinks:hover { color: #fff } .vdp-mark3 .vdp-quick-links .qlink-1, .vdp-mark3 .vdp-quick-links .qlink-2, .vdp-mark3 .vdp-quick-links .qlink-5, .vdp-mark3 .vdp-quick-links .qlink-6 { display: inline-block } } @media (min-width:1200px) { .vdp-mark3 .vdp-mark3-header { padding: 20px } .vdp-mark3 .vdp-quick-links .qlinks { margin-left: 30px } .vdp-mark3 .vdp-quick-links .qlink-3, .vdp-mark3 .vdp-quick-links .qlink-4 { display: inline-block } } .mark3-vimg-item .pre-order-banner { text-align: center; background-color: #4287f5; color: #fff; padding: 5px 0; font-size: 1.5em; font-weight: 700 } .mark3-vimg-item img.hardcoded-watermark { width: 25% !important; height: auto !important; position: absolute; z-index: 1; top: 5px; left: 5px } .vdp-mark3 .slick-slider img { width: 100% } .vdp-mark3 .slick-dots { position: static; margin-bottom: 0 } .vdp-mark3 .slick-dotted.slick-slider { margin-bottom: 0 } .vdp-mark3 .slick-dots li button { padding: 0 } .vdp-mark3 .slick-list .slick-track { display: flex } .vdp-mark3 .slick-slider .slick-nav-custom { border: 0; background-color: transparent; position: absolute; z-index: 9999; top: 50%; color: #fff; font-size: 36px; outline: 0 } .vdp-mark3 .mark3-similar-vehicles.slick-slider .slick-nav-custom { top: 25% } .vdp-mark3 .slick-slider .slick-prev-custom { left: 0 } .vdp-mark3 .slick-slider .slick-next-custom { right: 0 } .lb-data .lb-close { position: absolute; top: -40px; right: 0; margin-right: 20px } .vdp-mark3 .mark3-counter-container { padding: 15px } .vdp-mark3 .mark3-video { float: right } .vdp-mark3 .mark3-carousel { height: 1px; overflow: hidden; padding: 4px; margin: 0; width: 100% } .vdp-mark3 .mark3-carousel-all-images .mark3-vimg-item { display: inline-block; width: 33.33%; padding: 4px } .vdp-mark3 .mark3-carousel-all-images .mark3-vimg-item img { width: 100% } .vdp-mark3 .mark3-close-gallery { display: none } .vdp-mark3 .mark3-close-gallery { cursor: pointer; margin-left: 15px } .vdp-mark3 .mark3-watch-video { cursor: pointer; display: inline-block } @media (min-width:992px) { .vdp-mark3 .mark3-view-all-images, .vdp-mark3 .mark3-watch-video { cursor: pointer; display: inline-block; margin-left: 15px } } .vdp-mark3 .vdp-mark3-body { background-color: #fff; margin-top: 30px; margin-bottom: 25px } .vdp-mark3 .mark3-price-item.pricing-divider, .vdp-mark3 .mark3-right-divider { border: 0; border-bottom: 3px solid #f8f9fa; margin: 0; padding: 0; margin-top: 30px; margin-bottom: 30px; transition: margin-top .5s, margin-bottom .5s; line-height: 0; font-size: 0 } .vdp-mark3.maserati-theme .mark3-price-item.pricing-divider, .vdp-mark3.maserati-theme .mark3-right-divider { border: 0; border-bottom: 3px solid #f2f1f0; margin: 0; padding: 0; margin-top: 30px; margin-bottom: 30px; transition: margin-top .5s, margin-bottom .5s; line-height: 0; font-size: 0 } .mark3-price-item.incentive { cursor: pointer } #vehicle-display .conditional a.mark3-price-label { color: #333 } .vdp-mark3 .mark3-left-divider { border: 0; border-bottom: 3px solid #f8f9fa; margin: 0; padding: 0; margin-top: 30px; margin-bottom: 30px } .vdp-mark3.maserati-theme .mark3-left-divider { border: 0; border-bottom: 3px solid #ebebeb; margin: 0; padding: 0; margin-top: 30px; margin-bottom: 30px } .mark3-right-column { position: relative; width: 100% } .mark3-right-column .mark3-section-title { margin-bottom: 10px } .mark3-review-push-section.dark-theme { background-color: #fff } .review-entry { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important } .mark3-right-column .mark3-cta-above-group { margin-top: 10px } .mark3-right-column .mark3-cta-above-group a { padding: 10px 20px 12px; cursor: pointer; text-decoration: none; display: block } .mark3-right-column .mark3-price-item { margin-bottom: 5px } .mark3-right-column .mark3-price-item a, .mark3-right-column .mark3-price-item span { width: 47%; display: inline-block; line-height: 130% } .mark3-right-column .mark3-price-item span.double-dagger-tooltip { width: 0% !important } .mark3-right-column .mark3-price-item.conditional .mark3-price-label, .mark3-right-column .mark3-price-item.incentive .mark3-price-label { cursor: pointer; text-decoration: underline } .mark3-right-column .mark3-price-item .mark3-price-value { text-align: right } .vlpm3VehiclePriceStack .final-price { font-weight: 700; border-top: 1px solid #000 } .base-price, .final-price { color: #495057 } .maserati-theme .base-price, .maserati-theme .final-price { color: #666 } .base-price { border: 0 } .mark3-price-item.base-price[data-index="0"] { padding-top: 0; border-top: none; margin-top: 0 } .base-price, .final-price, .mark3-right-column .mark3-price-item .mark3-price-label-focus, .mark3-right-column .mark3-price-item .mark3-price-value-focus { font-weight: 700 } .base-price .mark3-price-value, .final-price .mark3-price-value, .mark3-right-column .mark3-price-item .mark3-price-value-focus { font-size: 18px } .mark3-right-column .mark3-cta-group-primary { margin-bottom: 30px } .mark3-right-column .mark3-cta-group-primary .main-cta-icon, .mark3-right-eprice .main-cta-icon { font-size: 20px; margin-right: 10px; background-color: rgba(0, 0, 0, .2); -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; padding: 10px 11px; transition: padding .5s, font-size .5s } .online-retail-experience-btn, .online-retail-experience-content { width: 100%; border: none !important; background-color: #666 } .online-retail-experience-content i.fa { display: none } .cta-button { cursor: pointer } #cta-buttons-left .cta-button, .mark3-right-column .eprice-btn, .mark3-right-column .mark3-cta-main, .mark3-right-column .online-retail-experience-btn p { cursor: pointer; padding: 10px 25px 13px; display: block; font-size: 18px; font-weight: 700; text-decoration: none; text-align: left; transition: padding .5s; outline: 0; margin-bottom: 5px } .eprice-btn:focus, .eprice-btn:visited { color: #fff } .mark3-right-column .mark3-cta-group-secondary { margin-bottom: 10px } .mark3-right-column .mark3-cta-group-secondary .cta-button, .mark3-right-column .mark3-cta-group-secondary .mark3-cta-column { width: 49%; display: inline-block; text-align: left } .mark3-right-column .mark3-cta-group-secondary .mark3-cta-column a { cursor: pointer } .mark3-right-column .mark3-price-panel.mark3-price-sticky { z-index: 1; position: fixed; top: 0; width: 324px } .mark3-right-column .mark3-price-panel.mark3-price-sticky .mark3-price-item.pricing-divider, .mark3-right-column .mark3-price-panel.mark3-price-sticky .mark3-right-divider, .mark3-right-column .mark3-price-panel.mark3-price-sticky-bottom .mark3-price-item.pricing-divider, .mark3-right-column .mark3-price-panel.mark3-price-sticky-bottom .mark3-right-divider { margin-top: 10px; margin-bottom: 10px } .eprice-btn, .mark3-right-column .mark3-price-panel.mark3-price-sticky .mark3-cta-main, .mark3-right-column .mark3-price-panel.mark3-price-sticky-bottom .mark3-cta-main, .online-retail-experience-btn p { padding: 10px 25px } .mark3-right-column .mark3-price-panel.mark3-price-sticky .main-cta-icon, .mark3-right-column .mark3-price-panel.mark3-price-sticky-bottom .main-cta-icon { font-size: 14px; padding: 10px } .mark3-right-column .mark3-price-panel.mark3-price-sticky-bottom { position: absolute; bottom: 0; width: 324px } .mark3-right-column .mark3-right-dealer-address, .mark3-right-column .mark3-right-dealer-name, .mark3-right-column .mark3-right-dealer-phone { font-size: 18px } #cta-buttons-left .cta-button:hover, .mark3-right-column .eprice-btn:hover, .mark3-right-column .mark3-cta-main:hover, .mark3-right-column .mark3-price-panel.mark3-price-sticky .mark3-cta-main:hover, .online-retail-experience-btn p:hover { padding-left: 35px } #cta-buttons-left .mobile-only { display: none !important } .mark3-left-column p { padding-bottom: 15px } .mark3-left-column .mark3-vehicle-details li { list-style: none } .mark3-left-column .mark3-vehicle-details .mark3-save-compare { text-align: left; margin-bottom: 40px } .mark3-left-column .mark3-vehicle-details .mark3-save-compare .compare-btn, .mark3-left-column .mark3-vehicle-details .mark3-save-compare div { display: inline-block !important; padding: 8px 20px; cursor: pointer } .mark3-left-column .mark3-vehicle-details .mark3-save-compare .compare-btn { vertical-align: top; border: none; margin-left: 3px } .mark3-left-column .mark3-vehicle-details h2, h2#vehicle-name-title { font-weight: 700; font-size: 20px; line-height: 150% } h2#vehicle-name-title { border: none; margin: 0; text-transform: inherit } .mark3-left-column .mark3-left-cta-item { margin-bottom: 4px; line-height: 100% } .mark3-left-column .area_b_btn:hover, .mark3-left-column .mark3-left-cta-item:hover { opacity: .7 } .mark3-left-column .mark3-left-cta-box { display: block; text-decoration: none; cursor: pointer } .mark3-left-column .mark3-left-cta-box .mark3-left-cta-icon { display: inline-block; padding: 15px 15px; text-align: center; line-height: 100% } .mark3-left-column .mark3-left-cta-box .mark3-left-cta-icon i { font-size: 14px } .mark3-left-column .mark3-left-cta-box .mark3-left-cta-text { display: inline-block; padding: 15px; line-height: 100% } .mark3-left-cta-text.bg-color-2 { background-color: #666 !important; color: #fff !important } .mark3-left-cta-text.bg-color-2 strong { color: #fff !important } .mark3-left-cta-text.bg-color-2 i.fa { background-color: #666 !important; color: #fff !important } .mark3-left-column .area_b_btn { display: block; text-align: left; font-weight: 700; padding: 0; margin: 0 2px 4px 2px; font-size: 14px } .mark3-left-column .area_b_btn i { padding: 15px 18px 15px 15px; font-size: 14px; margin-right: 15px; pointer-events: none } .mark3-left-column .mark3-specs-group { margin-top: 10px } .mark3-left-column .mark3-specs-group .panel { border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 } .mark3-left-column .mark3-specs-group .panel a { text-decoration: none; display: block } .mark3-left-column .mark3-specs-group .panel i { display: inline-block; padding: 15px; margin-right: 15px } .mark3-left-column .mark3-panel-content { padding: 25px } .mark3-left-column .mark3-specs-list { padding-left: 15px } .mark3-left-column .mark3-specs-list li { border-bottom-width: 1px; list-style: square } .mark3-left-column .mark3-installed-options-list { padding-left: 20px } .mark3-left-column .mark3-installed-options-list li { list-style: square } .mark3-left-column .mark3-similar-vehicles .mark3-similar-vehicle-item { padding-right: 3px } .mark3-left-column .mark3-similar-vehicles div { outline: 0 } .mark3-left-column .mark3-similar-vehicles a { text-decoration: none } .mark3-left-column .mark3-similar-vehicles .mark3-similar-vehicle-text { text-align: center; padding: 20px 20px 25px } .mark3-disclaimer-section .mark3-disclaimer p { font-size: 12px } @media(max-width:768px) { #fixed-cta-group .no-mobile { display: none !important } } @media(min-width:768px) { .mark3-right-column { float: right; width: 45% } .mark3-left-column { float: left; width: 55% } .mark3-right-column .mark3-cta-group-secondary .cta-button, .mark3-right-column .mark3-cta-group-secondary .mark3-cta-column { width: 100%; margin-bottom: 10px; text-align: left } .mark3-right-column .mark3-cta-group-secondary { margin-bottom: 0 } .mark3-left-column .mark3-vehicle-details .mark3-save-compare { margin-bottom: 20px } } @media(min-width:992px) { .mark3-left-column .mark3-vehicle-details .mark3-save-compare { float: right; margin-bottom: 0 } .mark3-left-column .mark3-vehicle-details .mark3-save-compare .compare-btn, .mark3-left-column .mark3-vehicle-details .mark3-save-compare div { padding: 2px 10px } .mark3-right-column { float: right; width: 40% } .mark3-left-column { float: left; width: 60% } .mark3-right-column .mark3-cta-group-secondary { margin-bottom: 10px } .mark3-right-column .mark3-price-panel.mark3-price-sticky { width: 376px } .mark3-right-column .mark3-price-panel.mark3-price-sticky-bottom { width: 376px } .mark3-right-column .mark3-cta-group-secondary .cta-button, .mark3-right-column .mark3-cta-group-secondary .mark3-cta-column { width: 49%; margin-bottom: 0 } .mark3-left-column .mark3-left-cta-item { display: inline-block; width: 160px } .mark3-left-column .mark3-left-cta-box .mark3-left-cta-icon { width: 100%; padding: 30px 10px } .mark3-left-column .mark3-left-cta-box .mark3-left-cta-text { text-align: center; width: 100%; padding: 10px } .mark3-left-column .mark3-left-cta-box .mark3-left-cta-icon i { font-size: 36px } .mark3-left-column .mark3-panel-content { padding: 25px } .mark3-left-column .area_b_btn { width: 160px; text-align: center; padding: 0; line-height: 32px; display: inline-block; vertical-align: top } .mark3-left-column .area_b_btn i { width: 100%; font-size: 36px; display: block; padding: 30px 10px } } @media(min-width:1200px) { .mark3-right-column { float: right; width: 35% } .mark3-left-column { float: left; width: 65% } .eprice-btn, .mark3-right-column .mark3-cta-main { padding: 15px 25px 18px } .mark3-right-column .mark3-cta-group-primary .main-cta-icon { font-size: 24px; padding: 15px 17px } .mark3-right-column .mark3-price-panel.mark3-price-sticky { width: 399px } .mark3-right-column .mark3-price-panel.mark3-price-sticky-bottom { width: 399px } .mark3-left-column .mark3-panel-content { padding: 35px } .mark3-left-column .mark3-vehicle-details h2, h2#vehicle-name-title { font-size: 24px } .mark3-left-column .mark3-installed-options-list li { float: left; width: 33%; padding-right: 10px } } @media(min-width:1800px) { .mark3-right-column { float: right; width: 30% } .mark3-left-column { float: left; width: 70% } .mark3-right-column .mark3-price-panel.mark3-price-sticky { width: 498px } .mark3-right-column .mark3-price-panel.mark3-price-sticky-bottom { width: 498px } .mark3-left-column .mark3-vehicle-details h2 { font-size: 30px } } .mark3-fixed-price-stack { display: none; bottom: 40px; position: fixed; width: 100%; opacity: 0; z-index: 999 } .mark3-fixed-price-stack .mark3-fixed-vehicle-name { line-height: 100% } .mark3-fixed-price-stack .mark3-fixed-price-stack-container { padding: 15px; margin-bottom: 10px } .default-theme .mark3-fixed-price-stack .mark3-fixed-price-stack-container { box-shadow: 0 0 8px #ccc } .mark3-fixed-price-stack .mark3-fixed-vehicle-final-price, .mark3-fixed-price-stack .mark3-fixed-vehicle-final-price .mark3-price-label, .mark3-fixed-price-stack .mark3-fixed-vehicle-final-price .mark3-price-value { font-size: 18px } #stack-final-price .mark3-price-label { font-weight: 700 } .mark3-fixed-price-stack .mark3-fixed-cta-group { display: flex; margin-top: 5px; flex-wrap: wrap } .mark3-fixed-price-stack .mark3-fixed-cta-group .cta-button, .mark3-fixed-price-stack .mark3-fixed-cta-group .mark3-fixed-cta-item { min-width: 48%; margin: 1%; flex: 1; display: block; box-sizing: border-box } .mark3-fixed-price-stack .mark3-fixed-cta-group .online-retail-experience-content { justify-content: center } .mark3-fixed-price-stack .mark3-fixed-cta-group .online-retail-experience-btn p { padding: 0 } .mark3-fixed-price-stack .cta-button, .mark3-fixed-price-stack .mark3-fixed-cta-item { text-align: center !important; padding-top: 10px !important; padding-bottom: 10px !important; font-weight: 700 !important; font-size: 14px !important; color: #fff } .vdp-mark3 .mark3-scroll-message { position: fixed; bottom: 0; z-index: 999; left: 50%; opacity: 1; transition: opacity .5s, visibility .5s; display: none } .vdp-mark3 .mark3-scroll-message .mark3-scroll-text { padding: 15px; width: 180px; margin-left: -90px; text-align: center; margin-bottom: 10px; font-size: 12px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px } .vdp-mark3 .mark3-scroll-message.mark3-fade-out { opacity: 0; visibility: hidden } .mark3-modal button, .mark3-modal div { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; border: 0 } .mark3-modal .modal-content div, .mark3-modal .modal-content input, .mark3-modal .modal-content label, .mark3-modal .modal-content p.offer-up-to, .mark3-modal .modal-content ul { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 170%; padding: 0; margin: 0; color: #495057; cursor: default; font-weight: 400 } .maserati-theme .mark3-modal .modal-content div, .maserati-theme .mark3-modal .modal-content input, .maserati-theme .mark3-modal .modal-content label, .maserati-theme .mark3-modal .modal-content p.offer-up-to, .maserati-theme .mark3-modal .modal-content ul { font-family: univers, sans-serif !important; color: #333 } .mark3-modal .modal-content li { list-style: none } .mark3-modal div.modal-header { padding: 15px; background-color: #f8f9fa } .maserati-theme .mark3-modal div.modal-header { background-color: #f2f1f0 } .mark3-modal div.modal-header h3, .mark3-modal div.modal-header h4 { color: #495057; font-size: 14px; font-weight: 700 } .maserati-theme .mark3-modal div.modal-header h3, .maserati-theme .mark3-modal div.modal-header h4 { color: #333 } .mark3-modal div.modal-body { background-color: #fff } .mark3-modal div.modal-body .gform_body, .mark3-modal div.modal-body .panel { padding: 25px 20px } .mark3-modal div span { width: 100% !important; display: block } .mark3-modal div span.name_first input, .mark3-modal div span.name_last input, .mark3-modal div.form-group input, .mark3-modal div.form-group textarea, .mark3-modal div.ginput_container input, .mark3-modal div.ginput_container textarea { width: 100% !important; padding: 5px; background-color: #f8f9fa; border: 1px solid #f0f1f2; margin-bottom: 5px; cursor: text } .mark3-modal div.form-group input[type=checkbox], .mark3-modal div.ginput_container input[type=checkbox] { width: auto !important } .maserati-theme .mark3-modal div span.name_first input, .maserati-theme .mark3-modal div span.name_last input, .maserati-theme .mark3-modal div.form-group input, .maserati-theme .mark3-modal div.form-group textarea, .maserati-theme .mark3-modal div.ginput_container input, .maserati-theme .mark3-modal div.ginput_container textarea { background-color: #fff; border: 1px solid #f2f1f0 } .mark3-modal div span.name_first label, .mark3-modal div span.name_last label { font-size: 12px; margin-bottom: 4px; color: #bfc5cb } .maserati-theme .mark3-modal div span.name_first label, .maserati-theme .mark3-modal div span.name_last label { color: #f2f1f0 } .mark3-modal .gfield .gfield_label { margin-bottom: 4px } .mark3-modal div.ginput_container { margin-bottom: 4px } .mark3-modal input#incentives-form-button.gform_button, .mark3-modal input.gform_button, .mark3-modal input.gform_button[type=submit], .mark3-modal input.gform_button[type=submit]:hover { background-color: #495057 !important; font-weight: 700; color: #fff; padding: 15px; border: 0; width: 100% !important; cursor: pointer } .mark3-modal div.gform_footer { background-color: #fff; padding: 20px !important; margin: 0 !important; width: 100% !important } .mark3-modal .gform_wrapper .gform_footer { padding-left: 20px !important } .mark3-modal div.gform_footer p { padding-bottom: 25px } .mark3-modal span.gfield_required { display: inline; line-height: 170%; vertical-align: super; font-size: 12px; color: #495057 !important; margin-left: 0 } .maserati-theme .mark3-modal span.gfield_required { color: #666 !important } .video-slider .slick-dots { position: static } .mark3-modal .modal-content div.modal-incentive-details h4 { font-weight: 700; line-height: 150%; margin-bottom: 20px } .mark3-modal .modal-content div.modal-incentive-details { padding: 20px } .mark3-modal .modal-content div.modal-incentive-details .incentive-date { margin-top: 20px } .mark3-modal .modal-content div.modal-incentive-details ul { padding-left: 20px } .mark3-modal .modal-content div.modal-incentive-details li { list-style: disc } .mark3-modal .modal-content div.incentive-disclaimers { padding: 20px } .mark3-modal .modal-content div.incentive-disclaimers p { font-size: 12px; color: #777 } .maserati-theme .mark3-modal .modal-content div.incentive-disclaimers p { color: #666 } .mark3-modal .modal-content .incentive-form-title { padding: 0 20px; font-weight: 700; font-size: 14px; color: #637679 } .maserati-theme .mark3-modal .modal-content .incentive-form-title { color: #666 } .mark3-modal .modal-content .incentive-form-title hr { border: 0; border-bottom: 3apx solid #f8f9fa } .maserati-theme .mark3-modal .modal-content .incentive-form-title hr { border-bottom: 3apx solid #f2f1f0 } .vdp-mark3.default-theme .mark3-save-btn i.saved { color: #ffae00 } .vdp-mark3.default-theme.maserati-theme .mark3-save-btn i.saved { color: #0c2340 } .vdp-mark3 .mark3-vehicle-saved { background-color: #64b450; height: 0; overflow: hidden } .vdp-mark3.maserati-theme .mark3-vehicle-saved { background-color: #008cc6 } .mark3-vehicle-saved .mark3-saved-msg { padding: 12px 20px 14px; color: #fff } #stack-ws-container { font-weight: 700 } #stack-ws-container a { margin: auto; padding: 0 } .pm_video_btn_container { display: none !important } .gform_wrapper ul.gform_fields li.gfield { padding: 0 !important; margin-top: 0 } #offer-info .offer-up-to { font-weight: 700 !important } #offer-info a { color: #337ab7 } .maserati-theme #offer-info a { color: #008cc6 } #incentives-modal-form label { margin: 0 0 4px 0; margin-top: 0 !important; font-weight: 400 } #incentives-modal-form .form-group { margin: 0 0 4px 0; margin-top: 0 !important } #incentives-modal-form input:focus { outline: -webkit-focus-ring-color auto 1px !important } .mark3-third-party>hr:only-child { display: none } .mark3-carousel-group .slick-track { display: flex; justify-content: center } .mark3-carousel-group .slick-track:only-child .mark3-vimg-item { position: relative; max-width: 33.33% } .pm-bg-green { background-color: #5cb85c !important } .pm-bg-blue { background-color: #2c73df !important } .pm-bg-yellow { background-color: #ffae00 !important } .pm-bg-black { background-color: #333 !important } .pm-bg-white { background-color: #fff !important } .pm-bg-orange { background-color: #f0ad4e !important } .pm-bg-red { background-color: #d9534f !important } .pm-bg-black, .pm-bg-blue, .pm-bg-green, .pm-bg-orange, .pm-bg-red, .pm-bg-yellow { color: #fff } .monthly-payments .monthly-lease { font-size: 20px } .info-badge { padding: 5px 10px; font-size: 14px; text-align: center; vertical-align: middle; border-radius: 6px; margin-top: 5px; font-weight: 700; float: left } .bb2020 { margin: 10px } a.video { position: relative } a.video i { opacity: .85; z-index: 100; font-size: 60px; position: absolute; left: 25px; color: #fff } #pmvdpdata-section { margin: 40px 0 } #pmvdpdata-section .pmvdpdata-panel { border-radius: 0 !important; border: 0 !important; background: 0 0 !important } #pmvdpdata-section .panel-body { background: #f4f4f4 } .pmvdpdata-panel.panel-default>.panel-heading { padding: 0 !important; border: 0 !important; background: 0 0 } .pmvdpdata-panel .tab-content { background: #f4f4f4; padding: 24px } .pmvdpdata-panel .nav-tabs>li>a, .pmvdpdata-panel .nav-tabs>li>a:hover { color: #000; border: 0 !important; background-color: #e8e8e8; font-size: 22px; border-radius: 0; padding: 10px 20px; margin-right: 2px } .pmvdpdata-panel .nav-tabs>li.active>a, .pmvdpdata-panel .nav-tabs>li.active>a:focus, .pmvdpdata-panel .nav-tabs>li.active>a:hover { background-color: #f4f4f4 } .promotionTitle { font-weight: 700; font-size: 20px; margin-bottom: 15px } .promotion-section p { font-size: 16px } .promotion-section { margin-bottom: 30px } .bulletTitle { font-weight: 700; font-size: 16px; margin-bottom: 15px } .bullet-section ul li { font-size: 16px; list-style: disc !important; margin-left: 30px } .featuresTitle { font-weight: 700; font-size: 20px !important; margin-bottom: 15px } .features-section p { font-size: 16px } .features-block { margin-bottom: 40px } .features-block span.left { font-weight: 700 } .specificationsTitle { font-weight: 700; font-size: 20px; margin-bottom: 15px } .specifications-block { margin-bottom: 40px } .specifications-section ul li { font-size: 16px; list-style: disc !important; margin-left: 30px } @media only screen and (max-width:767px) { #pmvdpdata-section ul.nav.nav-tabs { display: block; margin-bottom: 12px !important } #pmvdpdata-section { padding: 0 !important } .pmvdpdata-panel .tab-content { padding: 12px !important } #vehicle-display ul li { width: 100% !important } .pmvdpdata-panel .nav-tabs>li.active>a, .pmvdpdata-panel .nav-tabs>li.active>a:focus, .pmvdpdata-panel .nav-tabs>li.active>a:hover { background-color: #545454 !important; color: #fff !important } } a.video { position: relative } a.video i { opacity: .85; z-index: 100; font-size: 60px; position: absolute; left: 25px; color: #fff } @media only screen and (max-width:767px) { .pmvdpdata-panel .tab-content { background: #f4f4f4; padding: 14px } .pmvdpdata-panel .nav-tabs>li { float: none } .pmvdpdata-panel .nav-tabs>li.active>a, .pmvdpdata-panel .nav-tabs>li.active>a:focus, .pmvdpdata-panel .nav-tabs>li.active>a:hover { background-color: #6e6e6e; color: #fff } #pmvdpdata-section .panel-body { margin-top: 20px } } .mark3-modal div span.name_first input, .mark3-modal div span.name_last input, .mark3-modal textarea { border: 1px solid #ccc !important } .mark3-modal div span.name_first label, .mark3-modal div span.name_last label { color: #495057 !important; font-weight: 700 !important } .mark3-modal .gform_fieldlabel_Name>div:first-child { font-weight: 700 } .detailed-specs-section .spec-type { padding-right: 20px; padding-bottom: 10px } .detailed-specs-section .spec-type table tr td { border: 0 !important } #vehicle-detailed-spec-accordion i.fa.fa-caret { float: right; display: none; text-align: right } #vehicle-detailed-spec-accordion i.fa.fa-caret.fa-caret-up { display: none } #vehicle-detailed-spec-accordion i.fa.fa-caret.fa-caret-down { display: inline-block } #vehicle-detailed-spec-accordion .faq-item.panel:has(.collapse.in) i.fa.fa-caret.fa-caret-up { display: inline-block } #vehicle-detailed-spec-accordion .faq-item.panel:has(.collapse.in) i.fa.fa-caret.fa-caret-down { display: none } #vehicle-detailed-spec-accordion .panel-title { display: inline-block } #vehicle-detailed-spec-accordion table.table.specs-table tr td { width: 50% } #vehicle-detailed-spec-accordion .panel-title { display: block } #vehicle-detailed-spec-accordion .panel-title a { display: block } #vehicle-detailed-spec-accordion .panel-heading .panel-title { padding: 0; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px } #vehicle-detailed-spec-accordion .panel-heading .panel-title a.accordion-toggle { padding: 10px 15px } #vehicle-detailed-spec-accordion .panel-heading { padding: 0; border-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; position: relative } #vehicle-detailed-spec-accordion i.fa.fa-caret { display: inline-block; position: absolute; right: 0; top: 0; padding: 10px 15px } div#vehicle-detailed-spec-accordion .specs-table { margin-bottom: 0 } @media (min-width:768px) { .detailed-specs-section .spec-type { width: 50%; display: inline-block; padding-right: 20px; padding-bottom: 10px } } .bfl-section { display: flex; align-items: center; justify-content: space-between; padding: 13px 0; border-bottom: 2px solid; flex-wrap: wrap } .bfl-section.bfl-hide { display: none } .bfl-section.bfl-buy .bfl-savings { text-align: left } .bfl-section.bfl-buy .bfl-savings .val { letter-spacing: -.8px; display: block; font-size: 24px; font-weight: 700 } .bfl-section.bfl-buy .bfl-savings .lbl { letter-spacing: -.8px; display: block; font-size: 16px; font-weight: 700; text-transform: uppercase } .bfl-section.bfl-buy .bfl-price { text-align: right } .bfl-section.bfl-buy .bfl-price .val { letter-spacing: -.8px; display: block; font-size: 26px; font-weight: 700 } .bfl-section.bfl-buy .bfl-price .lbl { letter-spacing: -.8px; display: block; font-size: 16px; font-weight: 700; color: #a8192c } .bfl-section.bfl-finance .bfl-monthly { text-align: left } .bfl-section.bfl-finance .bfl-monthly .val { letter-spacing: -.8px; display: block; font-size: 24px; font-weight: 700 } .bfl-section.bfl-finance .bfl-monthly .lbl { letter-spacing: -.8px; display: block; font-size: 16px; font-weight: 700; color: #a8192c } .bfl-section.bfl-finance .bfl-apr { text-align: center } .bfl-section.bfl-finance .bfl-apr .val { letter-spacing: -.8px; display: block; font-size: 24px; font-weight: 700; margin-left: 5px } .bfl-section.bfl-finance .bfl-apr .lbl { letter-spacing: -.8px; display: block; font-size: 16px; font-weight: 700 } .bfl-section.bfl-finance .bfl-totalmonths { text-align: right } .bfl-section.bfl-finance .bfl-totalmonths .val { letter-spacing: -.8px; display: block; font-size: 24px; font-weight: 700 } .bfl-section.bfl-finance .bfl-totalmonths .lbl { letter-spacing: -.8px; display: block; font-size: 16px; font-weight: 700 } .bfl-section.bfl-lease .bfl-monthly { text-align: left } .bfl-section.bfl-lease .bfl-monthly .val { letter-spacing: -.8px; display: block; font-size: 24px; font-weight: 700 } .bfl-section.bfl-lease .bfl-monthly .lbl { letter-spacing: -.8px; display: block; font-size: 16px; font-weight: 700; color: #a8192c } .bfl-section.bfl-lease .bfl-miles { text-align: center } .bfl-section.bfl-lease .bfl-miles .val { letter-spacing: -.8px; display: block; font-size: 22px; font-weight: 700 } .bfl-section.bfl-lease .bfl-miles .lbl { letter-spacing: -.8px; display: block; font-size: 16px; font-weight: 700 } .bfl-section.bfl-lease .bfl-totalmonths { text-align: right } .bfl-section.bfl-lease .bfl-totalmonths .val { letter-spacing: -.8px; display: block; font-size: 24px; font-weight: 700 } .bfl-section.bfl-lease .bfl-totalmonths .lbl { letter-spacing: -.8px; display: block; font-size: 16px; font-weight: 700 } .bfl-disc { width: 100%; flex: 0 0 100%; margin-top: 10px; text-align: center } .bfl-disc .txt.bfl-hide { display: none } .bfl-disc .togg { font-size: 14px; font-weight: 700; color: #343434; cursor: pointer } .bfl-disc .txt { font-size: 12px; line-height: 90%; color: #7a7a7a } .bfl-select-container { display: flex; align-items: center; justify-content: space-between; flex-flow: row; text-align: center } .bfl-select { width: 100%; border: 1px solid #ccc; font-size: 16px; font-weight: 400; color: #000; padding: 9px 0; cursor: pointer } .bfl-select.selected { background: #dedede } .vdpview .bfl-section { padding: 8pxpx 0; border-bottom: none } .vdpview .bfl-select-container { margin-top: 20px } .vdpview .bfl-section .lbl, .vdpview .bfl-section .val { line-height: 115% } .bfl-contact { width: 100% } .bfl-contact .val { font-size: 16px; font-weight: 700 } @media only screen and (max-width:1199px) { .bfl-select { font-size: 14px } .bfl-section.bfl-buy .bfl-price .lbl, .bfl-section.bfl-buy .bfl-savings .lbl, .bfl-section.bfl-finance .bfl-apr .lbl, .bfl-section.bfl-finance .bfl-monthly .lbl, .bfl-section.bfl-finance .bfl-totalmonths .lbl, .bfl-section.bfl-lease .bfl-miles .lbl, .bfl-section.bfl-lease .bfl-monthly .lbl, .bfl-section.bfl-lease .bfl-totalmonths .lbl { font-size: 13px } } #vehicle-display.pricing-locked .pricing-locked-details, #vehicle-display.pricing-unlocked .pricing-unlocked-details { display: block } #vehicle-display.pricing-locked .pricing-unlocked-details, #vehicle-display.pricing-unlocked .pricing-locked-details { display: none } #watchVehicleVideo div.modal-video-wrapper { text-align: center !important }