@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@font-face {
  font-family:"poppins-black";
  src:url(/static/sites/c/customwork/fonts/Poppins/Poppins-Black.woff2) format("woff");
  font-style:normal;
}

:root {
  --page-bg: var(--color-neutral-0);
  --color-neutral-100: #f8f8f8;
  --btn-link-hover-color: #ff2f01;
  --input-border-color: var(--color-neutral-200);
  --input-focus-border-color: var(--color-neutral-500);
  --input-border-radius-base: 0;
}

body {font-size: 14px; font-family: "Montserrat", sans-serif;}
.index .page-bd p {font-size: 14px; color: #333;}
h4 {font-weight: 400;}
.text-primary {color: #ff2f01!important;}
.index .push {height: 0px!important;}
#ws-facet-browse-modal {top: 90px;}
.ui-dialog {width: 600px!important; border: 0;}
.ui-widget-overlay {background: #000; opacity: 0.7;}
.form-horizontal .form-group label {text-align: left;}
.sep-line {width: 40px; height: 3px; background: #f30; margin-top: 20px;}

/* HEADER */
.index .ddc-wrapper {padding-top: 0!important;}
.ddc-wrapper {width: 100%!important;}
.page-header.border-bottom {border: 0!important;}
.page-header.responsive-centered-nav .header-tel-container {display: none;}
.page-header.responsive-centered-nav .header-navigation .header-default .adr a .ddc-icon {font-size: 17px; color: var(--color-neutral-0);}
.page-header.responsive-centered-nav .header-navigation .header-default .org {font-size: 14px;}
.page-header.responsive-centered-nav .header-navigation .header-default .adr a {font-size: 12px; line-height: 1.2em;}
.page-header.responsive-centered-nav {height: 90px;}
.hasScrolled .page-header.responsive-centered-nav {min-height: 120px!important; height: 120px!important; transition: 1.25s; box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);}
.page-header.responsive-centered-nav .header-navigation {height: 90px; align-items: center; display: flex;}
.hasScrolled .page-header.responsive-centered-nav .header-navigation {height: 90px!important; align-items: center;}
.page-header.responsive-centered-nav .header-navigation .navigation-default .ddc-mega-menu-nav .dropdown-menu {top: 91px;}
.hasScrolled .page-header.responsive-centered-nav .header-navigation .navigation-default .ddc-mega-menu-nav .dropdown-menu {top: 89px;}
.page-header.responsive-centered-nav .header-navigation .header-default .header-logo img {margin: 0 auto;}
.hasScrolled .page-header.responsive-centered-nav .header-navigation .header-default .header-logo img {content: url(https://pictures.dealer.com/m/mbmotorsllcpreowned/0925/8f9a36bdffbf11fcb6182cbf1cb994f0x.jpg)!important;}

.page-header.responsive-centered-nav {box-shadow: none; border-bottom: 0;}
/* .hasScrolled .page-header.responsive-centered-nav .header-contact {display: none;} */
.srp .ddc-wrapper, .vdp .ddc-wrapper {padding-top: 120px!important;}

.page-header.responsive-centered-nav .header-navigation .header-default {width: 23%;}
.page-header.responsive-centered-nav .header-navigation .navigation-default {width: 57%;}
.page-header.responsive-centered-nav .mycars-default {width: 20%;}

@media (max-width: 1199.98px) {
.page-header.responsive-centered-nav .header-navigation .header-default {width: 33%;}
.page-header.responsive-centered-nav .header-navigation .navigation-default {width: 58%;}
.page-header.responsive-centered-nav .mycars-default {width: 8%;}
}

/* NAV */
.index .page-header.bg-white, .index .page-header.responsive-centered-nav .header-contact, .index .page-header.responsive-centered-nav {background-color: transparent!important; background: transparent;}
.page-header.bg-white, .page-header.responsive-centered-nav .header-contact, .page-header.responsive-centered-nav {background-color: #000!important; background: #000;}
.hasScrolled .page-header.bg-white, .hasScrolled .page-header.responsive-centered-nav .header-contact, .hasScrolled .page-header.responsive-centered-nav {background-color: #fff!important; background: #fff; transition: 4s;}
.page-header.responsive-centered-nav .header-navigation .header-default .adr a {display: flex; color: var(--color-neutral-0);}
.page-header.responsive-centered-nav .header-navigation .header-default .home-logolink {min-width: 130px;}
.page-header.responsive-centered-nav .header-navigation .navigation-default li.dropdown>a {font-size: 14px; font-weight: 700; color: var(--color-neutral-0); padding: 32px 10px;}
.page-header.responsive-centered-nav .nav-with-children .last:after {display: none;}
.page-header.responsive-centered-nav .header-navigation .navigation-default li.dropdown ul {font-size: 14px;}
.hasScrolled .page-header.responsive-centered-nav .header-navigation .navigation-default li.dropdown>a {color: var(--color-neutral-1000);}
.page-header.responsive-centered-nav .header-navigation .navigation-default li.dropdown>a:hover {color: #f30;}
.page-header.responsive-centered-nav .header-navigation .navigation-default .ddc-mega-menu-nav li.dropdown.open>a {color: #f30; border-bottom: 0px solid var(--color-neutral-0); font-weight: bold;}
.page-header.responsive-centered-nav .header-navigation .navigation-default .non-mega-menu li.dropdown ul {top: 70px;}
.non-mega-menu .nav-list>li ul li a:hover {color: #f50537;}
.hasScrolled .page-header.responsive-centered-nav .header-contact .vcard .tels, .hasScrolled .page-header.responsive-centered-nav .header-contact .vcard .adr, .hasScrolled .page-header.responsive-centered-nav .header-contact .vcard .adr a, .hasScrolled .page-header.responsive-centered-nav .header-contact .vcard .adr .ddc-icon {color: #000;}
.ddc-mega-menu-nav .inventory-featured-default .hproduct .description {line-height: 1; font-size: 12px;}

/* NAV Curtain */
.page-header.responsive-centered-nav .header-navigation .navigation-default .dropdown-menu {box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.page-header.responsive-centered-nav .header-navigation .ddc-mega-menu-nav .dropdown.open .caret:before {border-bottom-color: var(--color-neutral-0);}
.hasScrolled .page-header.responsive-centered-nav .header-navigation .ddc-mega-menu-nav .dropdown.open .caret:before {border-bottom-color: var(--color-primary-300);}
.navbar-nav>li>.dropdown-menu {background-color: #fff;}
.nav-links a:hover {background-color: #969696;}
.navigation-default .dropdown-menu h4 {color: #000;}
.navigation-default .dropdown-menu a:not(.btn) {color: #000;}
.navigation-default .dropdown-menu>li {border-left: 1px solid #999;}
.hours-default span.key, .hours-default span.value,
.ddc-mega-menu-nav .contact-form label,
.navbar-nav .alert.alert-info {color: #000;}
.hours-default .today span.key, .hours-default .today span.value {color: #fff;}
.ddc-mega-menu-nav .hours-default .today {background-color: var(--color-primary-500);}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #ccc; background-color: transparent;}
.navigation-default ul.dropdown-menu ul.nav-links li a:not(.btn), ul.ddc-nav-inline ul.nav-links li a:not(.btn), ul.nav ul.nav-links li a:not(.btn) {color: #000;}
.navigation-default ul.dropdown-menu ul.nav-links li a:not(.btn):hover, ul.ddc-nav-inline ul.nav-links li a:not(.btn):hover, ul.nav ul.nav-links li a:not(.btn):hover {color: var(--color-accent-0);}
.mega-menu-curtain {display: none;}

/* mycars */
.page-header.responsive-centered-nav .mycars-default {display: flex; justify-content: center;}
.page-header.responsive-centered-nav .mycars-default.ws-mycars-nav .ws-mycars-nav-wrapper .mycars-integration-navbar button,
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu>a .count:before, .page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu>a .label, .page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu>a:before, .page-header.responsive-centered-nav .mycars-default .ws-mycars-nav-wrapper .menu>a .count:before, .page-header.responsive-centered-nav .mycars-default .ws-mycars-nav-wrapper .menu>a .label, .page-header.responsive-centered-nav .mycars-default .ws-mycars-nav-wrapper .menu>a:before {color: #fff;}
.hasScrolled .page-header.responsive-centered-nav .mycars-default.ws-mycars-nav .ws-mycars-nav-wrapper .mycars-integration-navbar button,
.hasScrolled .page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu>a .count:before, .hasScrolled .page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu>a .label, .hasScrolled .page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu>a:before, .hasScrolled .page-header.responsive-centered-nav .mycars-default .ws-mycars-nav-wrapper .menu>a .count:before, .hasScrolled .page-header.responsive-centered-nav .mycars-default .ws-mycars-nav-wrapper .menu>a .label, .hasScrolled .page-header.responsive-centered-nav .mycars-default .ws-mycars-nav-wrapper .menu>a:before {color: #000;}

.ddc-composer .page-header.bg-white, .ddc-composer .page-header.responsive-centered-nav .header-contact, .ddc-composer .page-header.responsive-centered-nav, .ddc-composer .page-header.responsive-centered-nav .header-navigation {background: #000; background-color: #000;}

/* mycars opened */
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu.selected>a:before,
.page-header.responsive-centered-nav .mycars-default .mycars.mycars-integration-navbar .menu.selected>a .label {color: #333;}

/* fdbarfety PPR-051818 Hours on one line */
.nav-fragment .ddc-span12 {padding-left: 8px; padding-right: 8px; font-size: .99em;}
.ddc-composer .nav-fragment .ddc-span12 {padding-left: 0; padding-right: 0; font-size: .99em;}
.page-bd .hours-default {font-size: .9em;}
.page-bd .hours-default .today {font-size: .9em;}
.page-bd .hours-default .ddc-list-columns>li .key {width:36%;}
.page-bd .hours-default .ddc-list-columns>li .value {width:64%;}
.page-bd .hours-default.box.box-padding {padding: 16px 10px;}
.page-bd .hours-default.ddc-content .widget-heading {margin: 0 0 24px 10px;}
.page-bd .hours-default .today, .page-bd .ws-hours .today {background-color: var(--color-primary-800); color: #fff;}

/* Hero Slideshow */
.index [data-name="background-slideshow.1-3"] .slideshow-background .slick-slider .slide .placeholder-image {width: 100%;}
.index [data-name="background-slideshow.1-3"] .slideshow-background .slick-slider .slide .slide-background {background-size: cover; background-position: center;}
.index [data-name="background-slideshow.1-3"] .slide-background .container {width: 1200px!important;}
.responsive-type .page-bd .slide-content .display-2 {font-size: 80px; line-height: 80px; font-weight: 600;}
.responsive-type .page-bd .slide-content h3 {font-size: 23px; line-height: 23px; font-weight: 700; letter-spacing: 2px;}
.responsive-type .page-bd .text-content-container .custom-text-primary {font-family: "poppins-black"; font-size: 35px; line-height: 35px; letter-spacing: 0.8px; font-weight: 900;}
.responsive-type .page-bd .text-content-container .custom-text-primary span {font-family: "Montserrat", sans-serif; color: #fff; font-size: 35px; line-height: 35px; letter-spacing: 0.8px; font-weight: 400;}
.responsive-type .page-bd .slide-content .btn-default {color: #fff; border: 2px solid #fff; background: transparent; margin-top: 23px;}
.search-header {font-size: 14px; font-weight: 400; height: 20px; letter-spacing: 2px; line-height: 20px;}
/* gradient at the top of website hero to read the white font of contact header and nav better */
.index [data-name="background-slideshow.1-3"] .slideshow-background .slick-slider .slide .container {background: linear-gradient(0deg, rgba(255,255,255,0) 85%, rgba(0,0,0,0.20) 100%); width: 100%!important;}
@media (min-width: 1199.98px) and (max-width: 1899.99px) {.index [data-name="background-slideshow.1-3"] .slide-content .slide-content-box {padding-right: 8%;}}
@media (min-width: 1900px) {.index [data-name="background-slideshow.1-3"] .slide-content .slide-content-box {padding-right: 18%;}}

/* Slideshow Content - smaller screens */
.slideshow-background .slick-slider .flex.flex-mid-right {padding-bottom: 10%;}
@media (max-width: 1485px) {.slideshow-background .slick-slider .flex.flex-mid-right {padding-bottom: 20%;}}
@media (max-width: 1200px) {.slideshow-background .slick-slider .flex.flex-mid-right {padding-right: 7%; padding-bottom: 21%;}}
@media (max-width: 992px) {.slideshow-background .slick-slider .flex.flex-mid-right {padding-right: 14%; padding-bottom: 28%;}}
@media (max-width: 840px) {.slideshow-background .slick-slider .flex.flex-mid-right {padding-right: 6%; padding-bottom: 41%;}}
@media (max-width: 768px) {
  .slideshow-background .slick-slider .flex.flex-mid-right {padding-right: 23%;}
  .responsive-type .page-bd .text-content-container .custom-text-primary, .responsive-type .page-bd .text-content-container .custom-text-primary span {font-size: 28px;}
}

/* fdbarfety PPR-051818 Slideshow */
.slideshow-widgets-overlay-wrapper {bottom: 7%; left: inherit; width: 100%; z-index: 10; margin: 0 auto; height: 228px; top: 516px;}
.slideshow-widgets-overlay {background: rgba(0,0,0,0.60);}
.slideshow-widgets {width: 85%; margin: 0 auto;}
.slideShowWrap .slides img {margin: 0 auto;}

/* Hero slideshow controls */
.index [data-name="background-slideshow.1-3"] .slideControls {bottom: 26%; z-index: 10;}
.index [data-name="background-slideshow.1-3"] .slideControls .previousNext {position: relative; bottom: -16px; width: 100px; margin: 0 auto; float: right; right: 6px;}
.index [data-name="background-slideshow.1-3"] .slideControls .previousNext a {margin: 0; width: 48px; height: 48px; border: 0 solid transparent; border-radius: 0px; font-size: 2em; background-color: #373f44; opacity: .8;}
.index [data-name="background-slideshow.1-3"] .ddc-icon-carousel-arrow {background: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="%23373f44" opacity="0.8" d="M0 16c0 8.837 7.163 16 16 16s16-7.163 16-16c0-8.837-7.163-16-16-16s-16 7.163-16 16z"></path><path fill="%23373f44" opacity="0.05" d="M0 16c0 8.837 7.163 16 16 16s16-7.163 16-16c0-8.837-7.163-16-16-16s-16 7.163-16 16z"></path><path fill="%23fefff4" d="M18.621 16l-6.621-6.621 1.379-1.379 8 8-8 8-1.379-1.379z"></path></svg>') no-repeat center/cover;}

/* Hero slideshow pager controls flat */
.index [data-name="background-slideshow.1-3"] .slideControls .pager {margin: 0 auto; position: relative; top: 36px;}
.index [data-name="background-slideshow.1-3"] .slideControls .pager a {border-radius: 0; height: 7px; width: 40px; height: 3px; opacity: .5; transition: opacity .6s ease; background: #fff;}
.index [data-name="background-slideshow.1-3"] .slideControls .pager a.activeSlide {background: #f30;}

/* Hero Overlay Facets */
.index [data-name="background-slideshow.1-3"] [data-widget-name=ws-facet-browse] .facet-browse-container {max-width: 1565px;}
.ddc-composer.index .slideshow-widgets-overlay-wrapper {top: 850px!important;}
.facet-browse-container .facet-select .select-options:not(.hasScrolled .facet-browse-container .facet-select .select-options) {top: calc(-658% - 5px); bottom: 0;}
.facet-browse-container .facet-select.has-focus div.value div.select-options:not(.hasScrolled .facet-browse-container .facet-select.has-focus div.value div.select-options){box-shadow: none; border-bottom: 0;}

/* Testimonials Slideshow */
[data-name="background-slideshow.1-1"] .slideshow-background {background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(https://pictures.dealer.com/m/mbmotorsllcpreowned/0657/618d8bf88fcac635b9029083cf6b140fx.jpg)!important; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
@media only screen and (max-width: 1280px) {
 [data-widget-id="slideshow2"].slideshow-background:not(.no-resize) {height: 525px;}
 [data-widget-id="slideshow2"].slideshow-background .slick-slider .slide .slide-background {height: 525px;}
}

/* Welcome to mbmotors */
[data-widget-id="content8"] h2 {font-size: 30px; font-weight: 600; height: 33px; letter-spacing: 0.8px; line-height: 33px;}

/* Featured Vehicles */
.responsive-type .page-bd .inventory-featured-default h3.widget-heading {font-size: 40px; font-weight: 700; color: #333;}
.page-bd .inventory-featured-default .media {height: 240px;}
.page-bd .inventory-featured-default .description {min-height: 150px; line-height: 1.4;}
.page-bd .inventory-featured-default h3 {min-height: 40px;}
.page-bd .inventory-featured-default .pricing .label {width: 30%;}
.page-bd .inventory-featured-default .pricing .value {width: 70%; padding-right: 5px;}
.page-bd .inventory-featured-default .pricing {width: 50%;}
.page-bd .inventory-featured-default .description span {display: block; clear: both; line-height: 1.5;}
.page-bd .inventory-featured-default .description .separator {display: none;}
@media (max-width: 1024px) {.page-bd .inventory-featured-default .media {height: 160px;}}
@media (max-width: 1280px) {.page-bd .inventory-featured-default .media {height: 200px;}}
@media (max-width: 1366px) {.page-bd .inventory-featured-default .media {height: 220px;}}
@media (max-width: 1440px) {.page-bd .inventory-featured-default .media {height: 230px;}}

/* Carousel */
.carousel-control.left {background-image: none;}
.carousel-control.right {background-image: none;}
@media screen and (min-width: 768px) {.carousel-indicators {display: none;}}

/* footer */
.ddc-footer .container {width: 1400px!important; padding-bottom: 50px;}
@media (max-width: 768px) {.ddc-footer .container {width: 768px!important;}}
[data-name="footer-content-container-2"] .ws-hours .widget-heading h5 {color: #ff2f01; font-size: 14px; font-weight: 500;}
[data-name="footer-content-container-2"] .no-bull, [data-name="footer-content-container-2"] .no-bull a {list-style-type: none; padding: 0; font-size: 14px; font-weight:400; letter-spacing: 0.8px; line-height: 20px; line-height: 2; text-decoration: none;}
[data-name="footer-content-container-2"] a {text-decoration: none;}
@media (min-width: 768px) {.ddc-footer {background-image: url(https://pictures.dealer.com/m/mbmotorsllcpreowned/0257/1fd13d64589372903f2a52a8deb259fbx.jpg); background-size: 80%; background-position: 100% 70%; background-repeat: no-repeat; min-height: 510px;}}
.contact-no {font-size: 20px; font-weight: 600;}
.ddc-footer .ddc-content.credit .content, .ddc-footer .ddc-content.ddc-credit .content {min-width: 480px;}
.ddc-footer .credit {top: 20px;}
.ddc-footer a.ad-choices, .ddc-footer a.credit {top: 0; left: 20px;}
.content a.ad-choices img {position: absolute; left: 82px; top: 2px;}
.footer-header h4 {font-size: 18px; font-weight: 500; height: 22px; letter-spacing: 0.8px; line-height: 22px;}

/* fdbarfety - Fix ipad */
@media only screen and (min-device-width: 481px) and (max-device-width: 1366px) and (orientation:portrait) {.touch body {width: 1394px;}}
@media only screen and (min-device-width: 481px) and (max-device-width: 1366px) and (orientation:landscape) {.touch body {width: 1394px;}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {.touch .slideshow-background:not(.no-resize) {height: 520px;}}