/**
 * @file
 * Styles for menus in BMW Dalers.
 */
.region-header {position: relative;}

/* This is needed to override ul.menu styles in menu.theme.css */
ul.menu {
  margin: 0;
  padding: 0;
  /*max-width: 175px;*/
}

ul.menu.d-block {
  max-width: 100%;
}

/* This is needed to override [dir="rtl"] ul.menu styles in menu.theme.css */
[dir="rtl"] ul.menu {
  margin: 0;
}

.menu-item--expanded {
  list-style-type: none;
  list-style-image: none;
}

.menu-item--expanded .menu {
  display: none;
}

.menu-item--expanded .menu .menu-item {
  width: 100%;
  padding-bottom: 0;
  padding-top: 15px;
}

.bmw-mobile-menu {
  margin-bottom: 0;
}
.bmw-mobile-menu-trigger {
  font-family: "BMW Type Web Bold",Arial,Roboto,"Helvetica Neue",Helvetica,sans-serif;
  display: inline-block;
  padding-left: 1.14286rem;
  margin-top: 1.07143rem;
  margin-bottom: 1.07143rem;
  background: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2217px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2017%2017%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2044.1%20%2841455%29%20-%20http%3A//www.bohemiancoding.com/sketch%20--%3E%0A%20%20%20%20%3Ctitle%3ECombined%20Shape%3C/title%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%0A%20%20%20%20%3Cdefs%3E%3C/defs%3E%0A%20%20%20%20%3Cg%20id%3D%22Dealer/Comp_Navigation%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Dealer/Navigation_Tablet%22%20transform%3D%22translate%28-18.000000%2C%20-41.000000%29%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22top-navigation-home_default%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22main%22%20transform%3D%22translate%2818.000000%2C%2039.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22btn_navigation%22%20transform%3D%22translate%280.000000%2C%202.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C7%20L17%2C7%20L17%2C10%20L0%2C10%20L0%2C7%20Z%20M0%2C0%20L17%2C0%20L17%2C3%20L0%2C3%20L0%2C0%20Z%20M0%2C14%20L17%2C14%20L17%2C17%20L0%2C17%20L0%2C14%20Z%22%20id%3D%22Combined-Shape%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E") no-repeat center left;
  -moz-background-size: 18px 17px;
  -o-background-size: 18px 17px;
  -webkit-background-size: 18px 17px;
  background-size: 18px 17px;
}
.bmw-mobile-menu-trigger.bmw-mobile-menu-main-menu.menu-open,
.bmw-mobile-menu-trigger.bmw-mobile-menu-main-menu:hover {
  background: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2217px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2017%2017%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2044.1%20%2841455%29%20-%20http%3A//www.bohemiancoding.com/sketch%20--%3E%0A%20%20%20%20%3Ctitle%3ECombined%20Shape%3C/title%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%0A%20%20%20%20%3Cdefs%3E%3C/defs%3E%0A%20%20%20%20%3Cg%20id%3D%22Dealer/Comp_Navigation%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Dealer/Navigation_Tablet%22%20transform%3D%22translate%28-18.000000%2C%20-41.000000%29%22%20fill%3D%22%230653b6%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22top-navigation-home_default%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22main%22%20transform%3D%22translate%2818.000000%2C%2039.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22btn_navigation%22%20transform%3D%22translate%280.000000%2C%202.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C7%20L17%2C7%20L17%2C10%20L0%2C10%20L0%2C7%20Z%20M0%2C0%20L17%2C0%20L17%2C3%20L0%2C3%20L0%2C0%20Z%20M0%2C14%20L17%2C14%20L17%2C17%20L0%2C17%20L0%2C14%20Z%22%20id%3D%22Combined-Shape%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E") no-repeat center left !important;
  color: #0653b6 !important;
}
.bmw-mobile-menu-trigger.shoppingTools {
}
.bmw-mobile-menu-trigger.search {
}
@media only screen {
  .bmw-mobile-menu-trigger {
    font-size: 1.07143rem;
    line-height: 120%;
  }
}
@media only screen and (min-width: 32.5625em) {
  .bmw-mobile-menu-trigger {
    font-size: 1.07143rem;
    line-height: 120%;
  }
}
@media only screen and (min-width: 61.3125em) {
  .bmw-mobile-menu-trigger {
    font-size: 1rem;
    line-height: 121.43%;
  }

  .bmw-main-menu .menu a {
    font-size: 1rem;
    line-height: 121.43%;
  }
}
.bmw-main-menu,.bmw-sub-menu {
  list-style-type: none;
  margin-left: 0;
}
@media only screen and (max-width: 32.5em) {
  ul.menu {
    margin: 0;
    padding: 0;
    max-width: 100%;
  }
  li.menu-item .bmw-mobile-menu-trigger.search {
    display: none;
  }
  .bmw-main-menu,.bmw-sub-menu {
    display: none;
    padding: 0;
    margin: 0 -1.42857rem;
  }
  .bmw-main-menu li,.bmw-sub-menu li {
    margin: 0;
    display: block;
    width: 100%;
    border-top: 1px solid #fff;
  }
  .bmw-main-menu#searchMenuMobile li, .bmw-sub-menu#searchMenuMobile li {
    border-top:none;
  }
  .bmw-main-menu li.has-submenu>a {
    background: url(../../images/icons/arrow_slider_right_60x60.png) no-repeat right 1.07143rem center;
    background-size: 2.14286rem 2.14286rem;
    border: none;
  }
  .bmw-main-menu li.active >a {
    background: url(../../images/icons/arrow_slider_right_60x60_active.png) no-repeat right 1.07143rem center;
    background-size: 2.14286rem 2.14286rem;
  }
  .bmw-main-menu li a,.bmw-sub-menu li a {
    display: block;
    width: 100%;
    padding: 1.07143rem 1.42857rem;
    font-family: "BMW Type Web Bold",Arial,Roboto,"Helvetica Neue",Helvetica,sans-serif;
  }
}
@media only screen and (max-width: 32.5em) {
  .bmw-main-menu li a,.bmw-sub-menu li a {
    font-size: 1.07143rem;
    line-height: 120%;
  }
}
@media only screen and (max-width: 32.5em) and (min-width: 32.5625em) {
  .bmw-main-menu li a,.bmw-sub-menu li a {
    font-size: 1.07143rem;
    line-height: 120%;
  }
}
@media only screen and (max-width: 32.5em) and (min-width: 61.3125em) {
  .bmw-main-menu li a,.bmw-sub-menu li a {
    font-size: 1rem;
    line-height: 121.43%;
  }
}
@media only screen and (min-width: 32.5625em) and (max-width: 61.25em) {
  .bmw-main-menu,.bmw-sub-menu {
    display: none;
    padding: 0;
    margin: 0 -3.21429rem;
  }
  .bmw-main-menu li,.bmw-sub-menu li {
    margin: 0;
    display: block;
    width: 100%;
    border-top: 1px solid #fff;
  }
  .bmw-main-menu#searchMenuMobile li, .bmw-sub-menu#searchMenuMobile li {
    border-top:none;
  }
  .bmw-main-menu li.has-submenu>a {
    background: url(../../images/icons/arrow_slider_right_60x60.png) no-repeat right 3.21429rem center;
    background-size: 2.14286rem 2.14286rem;
  }
  .bmw-main-menu li.has-submenu>a:hover {
    background: url(../../images/icons/arrow_slider_right_60x60_active.png) no-repeat right 3.21429rem center;
    background-size: 2.14286rem 2.14286rem;
  }
  .bmw-main-menu li.active >a {
    background: url(../../images/icons/arrow_slider_right_60x60_active.png) no-repeat right 3.21429rem center;
    background-size: 2.14286rem 2.14286rem;
  }
  .bmw-main-menu li a,.bmw-sub-menu li a {
    display: block;
    width: 100%;
    padding: 1.07143rem 3.21429rem;
    font-family: "BMW Type Web Bold",Arial,Roboto,"Helvetica Neue",Helvetica,sans-serif;
  }
}
@media only screen and (min-width: 32.5625em) and (max-width: 61.25em) {
  .bmw-main-menu li a,.bmw-sub-menu li a {
    font-size: 1.07143rem;
    line-height: 120%;
  }
}
@media only screen and (min-width: 32.5625em) and (max-width: 61.25em) and (min-width: 32.5625em) {
  .bmw-main-menu li a,.bmw-sub-menu li a {
    font-size: 1.07143rem;
    line-height: 120%;
  }
}
@media only screen and (min-width: 32.5625em) and (max-width: 61.25em) and (min-width: 61.3125em) {
  .bmw-main-menu li a,.bmw-sub-menu li a {
    font-size: 1rem;
    line-height: 121.43%;
  }
}
.bmw-main-menu {
  margin-bottom: 0;
}
.bmw-main-menu a {
  font-family: "BMW Type Web Bold",Arial,Roboto,"Helvetica Neue",Helvetica,sans-serif;
}
@media only screen {
  .bmw-main-menu a {
    font-size: 1.07143rem;
    line-height: 120%;
  }
}
@media only screen and (min-width: 61.3125em) {
  .bmw-main-menu a {
    font-size: 1.28571rem;
    line-height: 111%;
  }
}
.bmw-main-menu>li.active a,
.bmw-sub-menu>li.active a{
  color: #0653b6;
}
@media only screen and (min-width: 61.3125em) {
  .bmw-main-menu {
    margin-top: 33px;
    display: block;
    width: auto;
  }
  .bmw-main-menu li {
    position: relative;
    float: left;
    margin-right: 14px;
  }
}


@media only screen and (min-width: 61.3125em) {
  .bmw-main-menu li {
    padding-bottom: .5rem;
  }
}
@media only screen and (min-width: 61.3125em) and (min-width: 61.3125em) {
  .bmw-main-menu li {
    padding-bottom: 0;
  }
}
.bmw-sub-menu {
  display: none;
  float:left;
}
.bmw-sub-menu.thirdLevel {
  border-left:1px solid #fff;
  padding-left:15px;
  margin-left:20px;
}
.bmw-sub-menu .menu-header a {
  text-align: center;
  color: #0653b6;
}
@media only screen and (max-width: 32.5em) {
  .bmw-sub-menu .menu-header a {
    background: url(../../images/icons/arrow_slider_left_60x60.png) no-repeat left 1.07143rem center;
    background-size: 2.14286rem 2.14286rem;
  }
}
@media only screen and (min-width: 32.5625em) and (max-width: 61.25em) {
  .bmw-sub-menu .menu-header a {
    background: url(../../images/icons/arrow_slider_left_60x60.png) no-repeat left 2.85714rem center;
    background-size: 2.14286rem 2.14286rem;
  }
}
@media only screen and (min-width: 61.3125em) {
  .bmw-sub-menu a {
    font-family: "BMW Type Web Bold",Arial,Roboto,"Helvetica Neue",Helvetica,sans-serif;
  }
}
@media only screen and (min-width: 61.3125em) {
  .bmw-sub-menu a {
    font-size: 1.07143rem;
    line-height: 120%;
  }
}
@media only screen and (min-width: 61.3125em) and (min-width: 32.5625em) {
  .bmw-sub-menu a {
    font-size: 1.07143rem;
    line-height: 120%;
  }
}
@media only screen and (min-width: 61.3125em) and (min-width: 61.3125em) {
  .bmw-sub-menu a {
    font-size: 1rem;
    line-height: 121.43%;
  }
}