/*@font-face{
  font-family:'BMW Group';
  font-display: fallback;
  src:url("../fonts/bmwgroup_bold-webfont.eot") format("embedded-opentype"),
  url("../fonts/bmwgroup_bold-webfont.woff") format("woff"),
  url("../fonts/bmwgroup_bold-webfont.woff2") format("woff2"),
  url("../fonts/bmwgroup_bold-webfont.ttf") format("truetype"),
  url("../fonts/bmwgroup_bold-webfont.svg") format("svg");
  font-weight: 700;
}

@font-face{
  font-family:'BMW Group';
  font-display: fallback;
  src:url("../fonts/bmwgroup_light-webfont.eot") format("embedded-opentype"),
  url("../fonts/bmwgroup_light-webfont.woff") format("woff"),
  url("../fonts/bmwgroup_light-webfont.woff2") format("woff2"),
  url("../fonts/bmwgroup_light-webfont.ttf") format("truetype"),
  url("../fonts/bmwgroup_light-webfont.svg") format("svg");
  font-weight: 300;
}

@font-face{
  font-family:'BMW Group';
  font-display: fallback;
  src:url("../fonts/bmwgroup_regular-webfont.eot") format("embedded-opentype"),
  url("../fonts/bmwgroup_regular-webfont.woff") format("woff"),
  url("../fonts/bmwgroup_regular-webfont.woff2") format("woff2"),
  url("../fonts/bmwgroup_regular-webfont.ttf") format("truetype"),
  url("../fonts/bmwgroup_regular-webfont.svg") format("svg");
  font-weight: 400;
}
*/
@font-face{
  font-family:'BMW TypeNext';
  font-display: fallback;
  src:url("../fonts/BMWTypeNextLatinTT-Thin.eot") format("embedded-opentype"),
  url("../fonts/BMWTypeNextLatinTT-Thin.woff") format("woff"),
  url("../fonts/BMWTypeNextLatinTT-Thin.woff2") format("woff2"),
  url("../fonts/BMWTypeNextLatinTT-Thin.ttf") format("truetype");
  font-weight: 300;
}

@font-face{
  font-family:'BMW TypeNext';
  font-display: fallback;
  src:url("../fonts/BMWTypeNextLatinTT-Light.eot") format("embedded-opentype"),
  url("../fonts/BMWTypeNextLatinTT-Light.woff") format("woff"),
  url("../fonts/BMWTypeNextLatinTT-Light.woff2") format("woff2"),
  url("../fonts/BMWTypeNextLatinTT-Light.ttf") format("truetype");
  font-weight: 400;
}

@font-face{
  font-family:'BMW TypeNext';
  font-display: fallback;
  src:url("../fonts/BMWTypeNextLatinTT-Regular.eot") format("embedded-opentype"),
  url("../fonts/BMWTypeNextLatinTT-Regular.woff") format("woff"),
  url("../fonts/BMWTypeNextLatinTT-Regular.woff2") format("woff2"),
  url("../fonts/BMWTypeNextLatinTT-Regular.ttf") format("truetype");
  font-weight: 500;
}

@font-face{
  font-family:'BMW TypeNext';
  font-display: fallback;
  src:url("../fonts/BMWTypeNextLatinTT-Bold.eot") format("embedded-opentype"),
  url("../fonts/BMWTypeNextLatinTT-Bold.woff") format("woff"),
  url("../fonts/BMWTypeNextLatinTT-Bold.woff2") format("woff2"),
  url("../fonts/BMWTypeNextLatinTT-Bold.ttf") format("truetype");
  font-weight: 700;
}



@media (min-width:1025px) {
	a.dealer-title {
	    font-size: 15px;
	}
}

@media (min-width:1220px) {
	a.dealer-title {
	    font-size: 18px;
	}
}

/* ========================================================================== 
*  Finance Services
* ========================================================================== */

.finance-content .block {
  display: flex;
  align-items: center;
  padding: 30px;
  border: solid 1px #ccc;
  height: 100%;
}
  
.finance-content .block p:last-child {
  margin-bottom: 0;
}
  
@media (max-width:1024px) {

  .finance-content .block {
    display: block;
    text-align: center;
  }
  
  .finance-content .block img {
    height: 80px;
    padding-right: 0;
    margin: 0 auto 20px;
  }
  
  .finance-menu ul li span.active {
    text-decoration: none;
    color: #000;
    border-left: #4D4D4D solid 4px;
    width: 100vw;
    margin-left: -30px;
    padding: 5px 0 5px 30px;
  }
  
}

/* FINANCE MENU */

.finance-menu .accord-head {
  display: flex;
  justify-content: space-between;
  padding: 20px 30px;
  cursor: pointer;
  margin: 0;
  font-weight: 600;
}
  
.finance-menu .accord-content {
  padding: 0 30px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-bottom: 1px solid #ccc;
}
  
.finance-menu .accord-container.active .accord-content {
  padding: 0 30px;
  max-height: 10000px;
}
  
.finance-menu .accord-head svg {
  fill: #000;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.finance-menu .accord-container.active .accord-head svg {
  transform: rotate(90deg);
}

.finance-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
  
.finance-menu ul li {
  margin-bottom: 20px;
  font-weight: 600;
  color: #a9a9a9;;
}
  
.finance-menu ul li.finance-title {
  padding-left: 26px;
  padding-right: 30px;
  width: 100vw;
  margin-left: -30px;
  border-left: solid 4px #262626;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  color: #262626;
  font-weight: 600;
  display: flex;
  align-items: center;
}
  
.finance-menu ul li a {
  color: #ccc;
  text-decoration: none;
}
  
.finance-menu ul li span {
  color: #ccc;
  text-decoration: none;
}
  
.finance-menu .wrapper {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.finance-menu ul li.finance-title-desktop {
  display: none;
}

.content-banner img {
  padding-bottom: 30px;
}

.finance-accordian .accord-head {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    font-size: 20px;
    cursor: pointer;
    margin: 0;
}
  
.finance-accordian .accord-content {
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-bottom: 1px solid #ccc;
}

.finance-accordian .accord-container.active .accord-content {
    padding: 0 20px 20px;
    max-height: 10000px;
}

@media (max-width:1024px) {  

  .finance-menu ul li span.active, .finance-menu ul li a.active {
      text-decoration: none;
      color: #000;
      border-left: #4D4D4D solid 4px;
      width: 100vw;
      margin-left: -30px;
      padding: 5px 0 5px 25px;
  }
  
}

@media (min-width:1025px) {
  
  .finance-content .block img {
    height: 160px;
    padding-right: 30px;
  }

  .finance-content.finance-content-small-img .block img {
    height: 80px;
    padding-right: 30px;
  }
  
  .finance-menu .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
  
  .finance-menu .accord-head {
    display: none;
  }
  
  .finance-menu ul {
    display: flex;
  }
  
  .finance-menu ul li {
    margin: 0;
  }
  
  .finance-menu ul li.finance-title {
    width: auto;
    margin: 0;
    padding: 0;
    border: none;
    display: none;
  }
  
  .finance-menu ul li.finance-title-desktop {
    padding: 10px 50px 10px 0;
    display: block;
    border-bottom: #fff solid 3px;
    color: #979797;
    border-right: 1px #ccc solid;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 30px;
  }
  
  .finance-menu ul li a, .finance-menu ul li span {
    color: #262626;
    padding: 20px 15px;
    display: block;
    border-bottom: #fff solid 3px;
  }
  
  .finance-menu ul li a:hover {
    text-decoration: none;
    color: #000;
    border-bottom: #4D4D4D solid 3px;
  }  
  
  .finance-menu ul li span.active, .finance-menu ul li a.active {
    text-decoration: none;
    color: #000;
    border-bottom: #4D4D4D solid 3px;
  }
  
  .finance-menu .accord-content {
    max-height: 1000px;
    padding: 0;
  }
  
  .content-banner {
    position: relative;
  }
  
  .content-banner-txt .banner-txt {
    position: absolute;
    top: 0;
    left: 0;
    padding: 60px;
    width: 75%;
    line-height: 1.5em;
  }
  
  .content-banner-txt .banner-txt .head-1, .content-banner-txt .banner-txt .head-2 {
    color: #fff;
  }
  
}
  
@media (min-width:1200px) {
    
  .finance-menu ul li a, .finance-menu ul li span {
    padding: 20px 20px;
    display: block;
    border-bottom: #fff solid 3px;
  }
    
}


/* Techincal Block
   ========================================================================== */

.technical-block {
    text-align: center;
    position: relative;
  }

  .tech-value {
    font-size: 40px;
    font-weight: 300;
    line-height: 3.75rem;
    color: #3E527A;
    padding: 20px 0;
  }

  .tech-unit {
    font-size: 20px;
  }

  .intro-content h2 {
    text-transform: none;
    color: #3E527A;
  }

  .intro-content p {
    font-size: 20px;
    line-height: 35px;
  }

  .nc-tabs-content video {
    display: block;
  }

  .accord-style-container {
    padding: 15px;
    background: linear-gradient(to right, rgba(58,93,144,.04), rgba(58,93,144,.16));
    margin-bottom: 10px;
  }

  .accord-style-container .accord-head {
    padding-left: 0;
    padding-right: 0;
  }

  .accord-style-container .accord-content {
    border-bottom: none;
    padding-left: 0;
    padding-right: 0;
  }

  .accord-style-container.active .accord-content {
    padding: 0 0px 20px;
  }

  .align-cent {
    align-items: center;
  }

  @media (min-width:1025px) {

    .technical-block:after {
      position: absolute;
      right: -10%;
      top: 0;
      background: linear-gradient(to top left, #0000 0, #0000 calc(50% - .8px), #3E527A 50%, #0000 calc(50% + .8px), #0000 100%);
      display: block;
      content: "";
      height: 140px;
      width: 3.5rem;
    }

    .technical-data .flex div:last-child .technical-block:after {
      display: none;
    } 

    .accord-style-container {
      padding: 25px;
    }
  }