/* Header */
.navbar-brand {
  min-width: 215px;
}
.navbar-brand .logo-box {
  position: absolute;
  top: -13px;
  /* background-color: #ffffff; */
  z-index: 100;
}
.collapseSupport {
  position: absolute;
  top: 0px;
  /* left: 247px; */
  z-index: 1;
  min-width: 260px;
}
.collapseSupport .card span {
  position: absolute;
  right: 5%;
  cursor: pointer;
}
.callsupportCollapse {
  font-size: 25px;
}
.carousel-control-prev,
.carousel-control-next {
  display: none;
}
.menu-on-fixed {
  margin-left: 180px;
  display: none;
}
.menu-top-fixed {
  position: fixed !important;
  top: 0;
  border-bottom: 1px solid #555555;
}
.menu-main-dealer {
  left: 0px !important;
  width: 300%;
}
.menu-main {
  position: relative;
  /* top: 75px; */
  z-index: 99;
  width: 100%;
  /* background-color: #000000; */
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  transition: all 0.9s ease;
}
#navbarNavCollapse {
  z-index: 1;
}
.menu-main .navbar {
  background-color: transparent !important;
  padding: 0rem 0rem;
}
.menu-main .navbar-nav li a {
  /* border-width: 1px !important;
    border-color: #ffffff !important; */
  border: none;
}
.menu-main .navbar-nav li:last-child {
  border-right: none;
}
.menu-main .navbar-nav li a:hover {
  text-decoration: underline;
}
ul.megamenu li a {
  font-size: 14px;
  padding: 15px 10px;
}
/* ul.megamenu li > ul.megamenu-child {
    display: block;
} */
ul.megamenu li:hover > ul.megamenu-child {
  display: block;
}
ul.megamenu li:last-child > ul.megamenu-child {
  left: auto;
  right: 0px;
}
ul.megamenu-child {
  border-top: 5px solid #d90000;
  background-color: #ffffff;
  right: auto;
  left: auto;
  z-index: 1;
  /* margin-top: 4px; */
  display: none;
}
ul.megamenu-child.row-col {
  right: 20%;
  /* left: -4%; */
}
/* ul.megamenu-child.last {
  right: 100px;
} */
ul.megamenu-child li {
  cursor: pointer;
  list-style-type: none;
  border-color: #000000 !important;
  border-width: 3px !important;
}
ul.megamenu-child li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  right: 0;
  height: 30px;
  background-repeat: no-repeat;
}
/*
ul.megamenu-child li a.news:before {
  background-image: url("../images/global/icon-news.jpeg");
}
ul.megamenu-child li a.event:before {
  background-image: url("../images/global/icon-event.jpeg");
}
ul.megamenu-child li a.press-release:before {
  background-image: url("../images/global/icon-press-release.jpeg");
}
ul.megamenu-child li a.award:before {
  background-image: url("../images/global/icon-award.jpeg");
}
ul.megamenu-child li a.form:before {
  background-image: url("../images/global/icon-form.jpeg");
}
ul.megamenu-child li a.testdrive:before {
  background-image: url("../images/global/icon-booking-services.jpeg");
}
ul.megamenu-child li a.services:before {
  background-image: url("../images/global/icon-services.jpeg");
}
ul.megamenu-child li a.warranty:before {
  background-image: url("../images/global/icon-warranty.jpeg");
}
ul.megamenu-child li a.workshop:before {
  background-image: url("../images/global/icon-workshop.jpeg");
}
ul.megamenu-child li a.career:before {
  background-image: url("../images/icon/icons8-job-seeker-30-red.png");
}
ul.megamenu-child li a.company:before {
  background-image: url("../images/icon/icons8-business-building-90.png");
}
ul.megamenu-child li a.technology:before {
  background-image: url("../images/icon/icons8-circuit-100.png");
}
ul.megamenu-child li a.manufacturing:before {
  background-image: url("../images/icon/icons8-manufacturing-90.png");
}
ul.megamenu-child li a.finddealer:before {
  background-image: url("../images/icon/icons8-search-64.png");
}
ul.megamenu-child li a.becomeevent:before {
  background-image: url("../images/icon/icons8-become-dealer-event-100.png");
}
ul.megamenu-child li a.testdriveevent:before {
  background-image: url("../images/icon/icons8-people-in-car-side-view-100.png");
} */
ul.megamenu-child li a.news,
ul.megamenu-child li a.event,
ul.megamenu-child li a.press-release,
ul.megamenu-child li a.award,
ul.megamenu-child li a.form,
ul.megamenu-child li a.services,
ul.megamenu-child li a.warranty,
ul.megamenu-child li a.workshop,
ul.megamenu-child li a.testdrive,
ul.megamenu-child li a.career,
ul.megamenu-child li a.company,
ul.megamenu-child li a.technology,
ul.megamenu-child li a.manufacturing,
ul.megamenu-child li a.finddealer,
ul.megamenu-child li a.becomeevent,
ul.megamenu-child li a.testdriveevent {
  margin-left: 10px;
}
ul.megamenu-child li:hover {
  border-color: #d90000 !important;
}
ul.megamenu-child li.vehicle-list {
  /* width: 50%;  */
  float: left;
}
.mobile-menu ul:first-child {
  border-top: 1px solid #cecece;
  margin-top: 10px;
}
.mobile-list-menu li:hover > a {
  text-decoration: underline;
}
.mobile-list-menu li a {
  font-size: 20px;
}
.btn-menu-mobile i,
.mobile-list-menu li i {
  font-size: 36px;
}
.mobile-list-menu li i {
  color: #9f9f9f;
}
.menu-aside {
  background-color: #d6deeb;
}
.menuMobileList {
  list-style-type: none;
  border-top: none !important;
}
.menuMobileList li {
  border-color: #000000 !important;
  border-width: 3px !important;
  cursor: pointer;
}
.menuMobileList li:hover {
  text-decoration: none !important;
  border-color: #d90000 !important;
}
.nav-item a.follow-dfsk-top {
  color: #d90000;
  font-size: 18px;
}
.nav-item a.follow-dfsk-top:hover {
  color: #555555;
}
.logo-desktop-small {
  position: relative;
  left: 60px;
  display: none;
  z-index: 2;
}
.menu-side-nav i {
  font-size: 18px !important;
}
.sidebar {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  z-index: 9004;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
}
.sidebar.active {
  visibility: visible;
  opacity: 1;
}
.sidebar_backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: all, 0.3s, ease-in-out, 0.3s;
  transition: all, 0.3s, ease-in-out, 0.3s;
}
.sidebar_content {
  position: absolute;
  min-width: 320px;
  background: white;
  top: 0;
  right: -100%;
  bottom: 0;
  -webkit-box-shadow: 0px 0px 14px 0px #999999;
  box-shadow: 0px 0px 14px 0px #999999;
  padding: 60px 40px;
  z-index: 10;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.sidebar_content.active {
  right: 0;
}
.sidebar_close {
  position: absolute;
  right: 27px;
  top: 17px;
  cursor: pointer;
}
.sidebar_close i {
  font-size: 40px;
}
ul.sidebar-list {
  list-style-type: none;
  padding: 0px;
}
ul.sidebar-list li a {
  padding: 10px 0px;
  display: block;
  text-transform: capitalize;
  font-size: 16px;
}
ul.sidebar-list li ul {
  padding-left: 20px;
}
ul.menu-plain {
  padding-right: 40px;
}
ul.menu-plain li {
  padding: 10px 0px;
}
ul.menu-plain li a {
  font-size: 18px !important;
}
.fa-times-thin:before {
  content: "\00d7";
}

/* book appt menu */
.book-appt {
  background-color: #d90000;
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
  .mobile-list-menu li a {
    font-size: 20px;
  }
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  .mobile-list-menu li a {
    font-size: 24px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  ul.megamenu li a {
    font-size: 12px;
  }
  .mobile-menu ul:first-child {
    border-top: none;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  ul.megamenu li a {
    font-size: 14px;
  }
}