html.lt-ie8 .container {
  display: none;
}

[ng\:cloak],[ng-cloak],.ng-cloak{display:none !important}

body {
  -webkit-font-smoothing: antialiased;
	font-size: 14px;
  line-height: 17px;
	font-family: bmw_groupregular,arial,helvetica,sans-serif;
  color: #363636;
}

.img-promocion {
   max-width: 100%;
}

.container-fluid {
  max-width: 1680px;
}

.container-fluid-Image {
  max-width: 1680px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative; 
  background-image: url(../img/headers/{{rangeImage}}.jpg); 
  background-size: 100%;
  margin-bottom: 20px;
}

.image-header {
  margin-right: auto;
  margin-left: auto;
  display: none;
}

.image-modulos {
  position: absolute;
  top: 15px;
  left: 4%;
  width: 74px;
}

h1 {
  font-size: 35px;
  line-height: 100%;
  font-weight: normal;
  font-family: bmw_groupthin,arial,helvetica,sans-serif;
  color: #262626;
  margin: 28px 0 10px 0;
  letter-spacing: -1px;
}

h1.hack-br-hidden-xs br {
  display:none;
}

h2 {
  font-size: 20px;
  line-height: 100%;
  font-weight: normal;
  font-family: bmw_groupthin,arial,helvetica,sans-serif;
  color: #262626;
  margin-top: -2px;
  margin-bottom: 13px;
  letter-spacing: -.5px;
}

.price {
  font-size: 20px;
}

.promotion {
  font-family: bmw_grouplight,arial,helvetica,sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  margin-top: 20px;
  letter-spacing: -.8px;
}

.promotion strong.strong {
  font-family: bmw_grouplight,arial,helvetica,sans-serif;
}

.promotion span.price_amount {
  font-family: bmw_grouplight,arial,helvetica,sans-serif;
  font-size: 35px;
}

.promotion-img {
  max-width: 300px;
}

.popover {
  font-family: inherit;
  border-radius: 0px;
}

.popover:focus {
  outline: none;
}

.popover-content {
  font-size: 12px;
}

.popover-title {
  /*font-size: 10px;*/
  font-weight: bold;
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
  border-radius: 0;
}

a {
  color: #1C69D4;
}

a:hover, a:focus {
  color: #0653B6;
}

.instructions {
  line-height: 100%;
  font-size: 18px;
  font-family: bmw_groupbold,arial,helvetica,sans-serif;
  margin: 30px 0 30px 0;
}
span.required {
	color: #1C69D4;
}

.btn {
  border-radius: 0px;
  font-size: 14px;
  height: 40px;
  font-family: bmw_groupbold,arial,helvetica,sans-serif;
  line-height: 100%;
}

.btn-bmw {
  padding: 13px 10px;
  border: 0px;
  text-align: center;
  background: #1C69D4;
}

a.btn-bmw {
  color: #fff;
}

a.btn-bmw:hover, a.btn-bmw:focus {
  color: #fff;
  text-decoration: none;
}

.btn-primary {
  background: #1C69D4;
}

.btn-secondary {
  background: #666;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
  border-color: #0653B6;
  background: #0653B6;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active, .open>.dropdown-toggle.btn-secondary {
  border-color: #4d4d4d;
  background: #4d4d4d;
}

.form-control {
  border-radius: 0px;
}

label {
  font-weight: normal;
}

input[type=checkbox], input[type=radio] {
  margin: 2px 0 0;
}

.error-block {
	color: red;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
	color: #363636;
}

.has-error .form-control {
  border-color: #d9534f;
}

.aviso_privacidad {
  border: 1px solid #eee;
  padding: 20px;
  height: 200px;
  overflow: scroll;
  margin: 0 0 20px 0;
}

.legal {
  font-size: 12px;
  line-height: 16px;
}

footer {
  background-color: #8e8e8e;
  color: white;
  padding-top: 20px;
  padding-bottom: 10px;
  font-family: bmw_groupregular,arial,helvetica,sans-serif;
  margin-top: 40px;
}

footer a {
  color: white;
}

footer hr {
  border-color: #bbb;
}

footer a:hover {
  color: #1C69D4;
  text-decoration: none;
}

.carousel-indicators {
  top: 10px;
}

@media (max-width: 910px) {
 .image-modulos {
    display: none;
 }
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-right: 0px;
  }

  .form-group {
    margin-bottom: 5px;
  }

  .inline-error-block {
    padding-left: 0px;
    padding-top: 7px;
  }

  .image-modulos {
    width: 60px;
  }

  .carousel-indicators {
    bottom: 65px;
    top: inherit;
  }
  
}

@media (min-width: 992px) {
  
  .img-promocion {
     max-width: 750px;
  }

  h1.hack-br-hidden-xs br {
    display:inline;
  }

  .body {
    margin-left: 50px;
    margin-right: 50px;
  }

  .footer {
    margin-left: 50px;
    margin-right: 50px;
  }

  .header {
    border-top: 0px solid #8e8e8e;
  }

  .image-header {
    margin-right: auto;
    margin-left: auto;
    display: inherit;
  }

  /*.header-fix {
    position: relative; background-image: url(../img/header.jpg); background-size: 100%;
    margin-bottom: 20px;
  }*/

  /* .header-fix.header2 {
    position: relative; background-image: url(../img/header2.jpg); background-size: 100%;
  }

  .header-fix.header3 {
    position: relative; background-image: url(../img/header3.jpg); background-size: 100%;
  }

  .header-fix.header4 {
    position: relative; background-image: url(../img/header4.jpg); background-size: 100%;
  }

  .header-fix.header5 {
    position: relative; background-image: url(../img/header5.jpg); background-size: 100%;
  } */

  .claim {
    position: absolute;
    bottom: 0px;
    left: 65px;
  }

  .claim-top {
    top: 20px;
  }

  .claim h1 {
    color: #fff;
    margin-top: 10px;
  }

  .claim h2 {
    color: #fff;
  }

  .container {
    margin: 0;
  }

  .image-modulos {
    left: 5%;
  }
}

.browsehappy {
  position: relative;
  z-index: 2000;
  width: 100%;
  background: #e74c3c;
  color: #ffffff;
  font-size: 20px;
  font-family: sans-serif;
  height: 110px;
}

@media (min-width: 1200px) {
  h1 {
    font-size: 48px;
  }

  h2 {
    font-size: 25px;
  }

  .carousel-indicators {
    bottom: 90px;
    top: inherit;
  }
  
}

.browsehappy__inner {
  width: 850px;
  padding: 24px;
  margin: 0 auto;
}

.browsehappy__text {
  overflow: hidden;
  font-size: 18px;
  line-height: 17px;
}

.browsehappy__text p {
  margin: 10px 0 0px;
}

.browsehappy__link {
  float: right;
  padding-left: 24px;
}

.browsehappy__link  a {
  display: block;
  border: 1px solid #ffffff;
  padding: 21px 24px 20px;
  color: #ffffff;
  text-decoration: none;
  line-height: 1;
}

.descarga {
	font-size: 25px;
	line-height: 29px;
	font-weight: normal;
	font-family: bmw_groupligth,arial,helvetica,sans-serif;
  color: #ffffff;
  margin-left: 20px;
}

/***/

.cuadroMenu{
  display:inline-block;
  /*border: 1px solid red; */
  margin-left:0px;
  margin-right:10px;
  margin-top:0px;
  margin-bottom:10px;
  /*padding-left:10px;
  padding-right:10px;
  text-align:center;*/
  float:left;
  cursor: pointer;
}

.cuadroMenu2 h2{
   margin-top:15px;
}

.cuadroMenu2{
  
  padding-left:10px;
  padding-right:10px;
  text-align:center;
}
.recuadroAzul {
  height:5px;
  background-color: #1c69d4;
}

.color-familia-modelos{
  color: #E6E6E6;
  font-size: 90px;
}

.lugar-modelos2{
  position: absolute;
  margin-top: 55px;
  margin-left: 12px; 
}

.thumbnail {
  border: 0px solid #8E8E8E;
  border-radius: 0px;
  height: 20%;
}

.thumbnail-model {
  margin-top: 5px;
  cursor: pointer;
  /*opacity: 0.1;*/
  background-color:transparent;
}

.img-thumbnail {
  border: 0px solid #8E8E8E;
  border-radius: 0px;
  background-color:transparent;
}

.thumbnail .caption {
  min-height: 52px;
}

.thumbnail .caption h1 {
  font-size: 16px;
  margin: 0px;
  line-height: 1.2;
}

.thumbnail-model:hover .caption h1{
  font-size: 18px;
  /*background-color: red;/*#8E8E8E;*/
}

.thumbnail-selected {
  margin-top: 10px;
  margin-bottom: 10px;
}

.thumbnail-selected .caption h1 {
  font-size: 26px;
  margin: 20px;
}

.H2formato1{
  font-size: 20px;
  color: #bbb;
}

.H2formato2{
  font-size: 20px;
  color: #000;
}

.recuadroInferior {
  height:5px;
  background-color: #fff;
}


.promotion1 {
  font-size: 31px;
  line-height: 100%;
  font-weight: normal;
  font-family: bmw_grouplight,arial,helvetica,sans-serif;
  color: #262626;
  margin-top: 20px;
  margin-bottom: 13px;
  letter-spacing: -.5px;
  text-decoration: none;
}

.subPromotion1 {
  font-size: 15px;
  line-height: 100%;
  font-weight: normal;
  font-family: bmw_grouplight,arial,helvetica,sans-serif;
  color: #262626;
  margin-top: 20px;
  margin-bottom: 13px;
  letter-spacing: -.5px;
  text-decoration: none;
}





 /*Los botones empiezan*/ 
.thumbnail1 {
  border: 1px solid #000;
  border-radius: 0px;
}

.thumbnail1-model {
  margin-top: 10px;
  cursor: pointer;
}

.img-thumbnail1 {
  border: 0px solid #000;
  border-radius: 0px;
}
  
  .thumbnail1 .caption {
  min-height: 32px;
}

.thumbnail1 .caption h1 {
  font-size: 16px;
  margin: 0px;
}

.thumbnail1-model:hover .caption {
  background-color: black;
  color: white;
}

.thumbnail1-selected {
  margin-top: 25px;
  margin-bottom: 25px;
}

.thumbnail1-selected .caption h1 {
  font-size: 16px;
  margin: 20px;
}

.black {
  background-color: black;
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
}

.black a {
  color: white;
  text-decoration: none;
}

.black a:hover, a:focus {
  color: white;
  text-decoration: underline;
}




.ds2-stage-presentation--keyvisual-cta.ds2-video-player--js-hide{display:none !important}
.ds2-basic-teaser{margin-bottom:75px;max-height:none}
.ds2-basic-teaser:hover,.ds2-basic-teaser:focus,.ds2-basic-teaser:active{cursor:pointer}
@media only screen and (min-width:981px){.ds2-basic-teaser{margin-bottom:90px}
}
.ds2-basic-teaser .ds2-slider{margin-right:0;margin-left:0}
.ds2-basic-teaser .ds2-cms-output{color:#262626}
.ds2-basic-teaser .ds2-button--offer{margin-bottom:0}
.ds2-basic-teaser .ds2-button--area{margin-bottom:15px}
.ds2-basic-teaser .ds2-linklist--item:last-child{margin-bottom:7.5px}
.ds2-basic-teaser .ds2-disclaimer{margin-top:15px}
.ds2-basic-teaser .ds2-disclaimer--list{margin-bottom:15px}
.ds2-basic-teaser--image{position:relative}
.ds2-basic-teaser--container{position:relative;padding:15px;border:1px solid #e6e6e6}
.ds2-basic-teaser--container .ds2-basic-teaser--image-container img{width:100%}
.ds2-basic-teaser--hiddenBorder{border:0}
.ds2-basic-teaser--image-container,.ds2-basic-teaser--slider{margin-bottom:15px}
html.csstransforms.csstransitions .ds2-component[data-image-zoom-effect="true"] .ds2-basic-teaser--image-container,html.csstransforms.csstransitions .ds2-component[data-image-zoom-effect="true"] .ds2-slider--img-outer{overflow:hidden}
html.csstransforms.csstransitions .ds2-component[data-image-zoom-effect="true"] .ds2-basic-teaser--image-container .ds2-basic-teaser--image,html.csstransforms.csstransitions .ds2-component[data-image-zoom-effect="true"] .ds2-basic-teaser--image-container>img,html.csstransforms.csstransitions .ds2-component[data-image-zoom-effect="true"] .ds2-slider--img-outer .ds2-basic-teaser--image,html.csstransforms.csstransitions .ds2-component[data-image-zoom-effect="true"] .ds2-slider--img-outer>img{transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
html.csstransforms.csstransitions .ds2-component[data-image-zoom-effect="true"] .ds2-basic-teaser--image-container .ds2-basic-teaser--image:hover,html.csstransforms.csstransitions .ds2-component[data-image-zoom-effect="true"] .ds2-basic-teaser--image-container .ds2-basic-teaser--image:focus,html.csstransforms.csstransitions .ds2-component[data-image-zoom-effect="true"] .ds2-basic-teaser--image-container>img:hover,html.csstransforms.csstransitions .ds2-component[data-image-zoom-effect="true"] .ds2-basic-teaser--image-container>img:focus,html.csstransforms.csstransitions .ds2-component[data-image-zoom-effect="true"] .ds2-slider--img-outer .ds2-basic-teaser--image:hover,html.csstransforms.csstransitions .ds2-component[data-image-zoom-effect="true"] .ds2-slider--img-outer .ds2-basic-teaser--image:focus,html.csstransforms.csstransitions .ds2-component[data-image-zoom-effect="true"] .ds2-slider--img-outer>img:hover,html.csstransforms.csstransitions .ds2-component[data-image-zoom-effect="true"] .ds2-slider--img-outer>img:focus{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.ds2-basic-teaser--component-link{display:block;margin-top:0;margin-bottom:0}
.ds2-basic-teaser--iframe-container{margin-bottom:30px}
.ds2-basic-teaser--iframe-container .ds2-iframe--player{margin-bottom:0}
.ds2-basic-teaser--iframe-container .ds2-iframe--fallback-container{margin-bottom:0;padding:15px}
.ds2-basic-teaser--iframe-container iframe{width:100%;border:0}
.slider-padding{padding:15px}
.large-6 .ds2-basic-teaser--title.ds2-long-headline{font-size:15px;line-height:22px;word-break:normal;padding-right:0}
@media only screen and (min-width:521px) and (max-width:980px){.large-6 .ds2-basic-teaser--title.ds2-long-headline{font-size:20px;line-height:27px;margin-top:-6px;margin-bottom:10px}
}
@media only screen and (min-width:981px){.large-6 .ds2-basic-teaser--title.ds2-long-headline{font-size:25px;line-height:32px;margin-top:-6px;margin-bottom:9px}
}
.large-3 .ds2-basic-teaser--title.ds2-long-headline{font-size:15px;line-height:22px;margin-top:-5px;margin-bottom:10px;word-break:normal;padding-right:0}
@media only screen and (min-width:521px){.large-3 .ds2-basic-teaser--title.ds2-long-headline{font-size:20px;line-height:27px;margin-top:-6px;margin-bottom:10px}
}
.ds2-offer-teaser{direction:ltr;border:1px solid #e6e6e6;height:auto !important}
.ds2-offer-teaser--container{direction:ltr}
.ds2-offer-teaser .ds2-basic-teaser--content-container .ds2-basic-teaser--title{margin-bottom:60px}





.ds2-linklist--item{
  margin-top:-4px;
  margin-bottom:10px;
  margin-right:15px;
  clear:left;
  list-style-type:none
  
}
.ds2-linklist--item:last-child{
  margin-bottom:11px
  
}
.ds2-link{
  margin:0;
  color:#262626; 
  text-decoration: none;
  
}
.ds2-link.ds2-icon{
  line-height:20px; 
  text-decoration:none;  
  
}
body:not(.ds2-market-bmw-m) .ds2-linklist--item .ds2-link:hover{
  color:#0653b6
  
}
body:not(.ds2-market-bmw-m) .ds2-linklist--item .ds2-link:hover::after{
  -webkit-transform:translateX(2px);
  -ms-transform:translateX(2px);
  transform:translateX(2px)
  
}
.image+.ds2-linklist .ds2-linklist--item{
  margin-top:0
}
.ds2-model-card .ds2-linklist--item .ds2-link.ds2-icon{
  font-weight:500
}
.ds2-linklist--item body:not(.ds2-market-bmw-m) .ds2-icon--arrow-big-d-grey-2:before{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20fill%3D%22%231c69d4%22%20d%3D%22M11.997%2017l2-2%206%206.002%206-6%202%202-8%208z%22%2F%3E%3C%2Fsvg%3E")}
.ds2-linklist--item body:not(.ds2-market-bmw-m) .ds2-icon--arrow-big-l-grey-2:before{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20fill%3D%22%231c69d4%22%20d%3D%22M23%2012l2%202-6%206%206%206-2%202-8-8z%22%2F%3E%3C%2Fsvg%3E")}
.ds2-linklist--item body:not(.ds2-market-bmw-m) .ds2-icon--arrow-big-r-grey-2:before{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20fill%3D%22%231c69d4%22%20d%3D%22M17%2028l-2-2%206-6-6-6%202-2%208%208z%22%2F%3E%3C%2Fsvg%3E")}
.ds2-linklist--item body:not(.ds2-market-bmw-m) .ds2-icon--arrow-big-u-grey-2:before{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20fill%3D%22%231c69d4%22%20d%3D%22M27.998%2023.002l-2%202-6-6-6%206-2-2%208-8z%22%2F%3E%3C%2Fsvg%3E")}

.ds2-link{font-size:15px;line-height:17px;letter-spacing:0;margin-top:-3px;margin-bottom:13px;position:relative;font-weight:normal;transition:all .25s ease;display:block}
.ds2-link .ds2-icon{margin-right:5px}

.icon-chevron-down-thick{
  display:inline-block;
  width:1rem; 
  height:1rem;
  padding:2;
  position:relative;
  top:.050rem;
  color:#002c5e;
  margin-right:.625rem
}
.icon{
  flex-shrink:0;
  margin-left:.375rem;
  margin-top:.25rem;
  width:1rem;
  height:1rem;
  position:relative;
  bottom:.225rem
}

.icon-chevron-down-thick1{
  display:inline-block;
  width:.5rem; 
  height:.5rem;
  padding:1;
  position:relative;
  top:1;
  color:#002c5e;
  margin-right:.625rem
}
.icon1{
  flex-shrink:0;
  margin-left:.370rem;
  margin-top:.25rem;
  width:1.2rem;
  height:1.2rem;
  position:relative;
  bottom:.26rem;
  transform:rotate(180deg)
}

.center-btn {
  display: flex;
  justify-content: center;
  gap: 40px;
}

.selected, .selected:hover {
  background-color: #1C69D4 !important;
  opacity: 0.9;
  color: #fff;
}