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

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

body {
  -webkit-font-smoothing: antialiased;
	font-size: 13px;
  line-height: 16px;
	font-family: arial,helvetica,sans-serif;
  color: #363636;
  padding-bottom: 20px;
}

.container-fluid {
  max-width: 1200px;
  margin-top: 30px;
  margin-bottom: 30px;
}

h1 {
	font-size: 35px;
	line-height: 41px;
	font-weight: normal;
	font-family: bmw_groupligth,arial,helvetica,sans-serif;
  color: #262626;
  letter-spacing: -.45px;
  text-transform: uppercase;
  margin: 0px;
}

h2 {
	font-size: 25px;
	line-height: 29px;
	font-weight: normal;
	font-family: bmw_groupligth,arial,helvetica,sans-serif;
  color: #262626;
  margin: 0px;
}

a {
  color: #1C69D4;
}

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

.sugerencia {
  position: absolute;
  top: 20px;
  left: 65px;
  line-height: 21px;
  font-size: 18px;
  font-family: bmw_groupligth,arial,helvetica,sans-serif;
}

.instructions {
  line-height: 21px;
  font-size: 18px;
  font-family: bmw_groupligth,arial,helvetica,sans-serif;
}
span.required {
	color: #1C69D4;
}

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

.btn-primary {
  border: 0px;
  text-align: center;
  background: #1C69D4;
}

.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;
}

.form-control {
  border-radius: 0px;
}
.error-block {
	color: red;
}
.form-horizontal .control-label {
  font-weight: normal;
}
.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;
}

.form-horizontal .control-label {
    text-align: left;
  }

.aviso_privacidad {
  font-family: Arial,sans-serif;
  border: 1px solid #a9a9a9;
  padding: 20px;
  height: 120px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .container {
    margin: 0;
  }
  .form-horizontal .control-label {
    padding-right: 0px;
  }
  .form-group {
  	margin-bottom: 5px;
  }
  .inline-error-block {
    padding-left: 0px;
    padding-top: 7px;
  }
  .image {
    background-image: url(../img/arte-desktop.jpg);
    background-position-x: 0;
    background-position-y: 0;
    background-size: initial;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: white;
  }
}

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

.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;
}

/*
 * Datepicker element
 */
.datepicker.dropdown-menu {
  font-size: 12px;
  width: 250px;
  height: 270px;
}
.datepicker.dropdown-menu button {
  font-size: 12px;
  outline: none;
  border: 0px;
}
.datepicker.dropdown-menu tbody {
  height: 180px;
}
.datepicker.dropdown-menu tbody button {
  padding: 6px;
  font-size: 10px;
  height: 35px;
}
.datepicker.dropdown-menu tbody .btn-today {
    background-color: #efefef;
    color: #333;
}
.datepicker .btn-default.disabled, .datepicker .btn-default.disabled.active, .datepicker .btn-default.disabled.focus, .datepicker .btn-default.disabled:active, .datepicker .btn-default.disabled:focus, .datepicker .btn-default.disabled:hover, .datepicker .btn-default[disabled], .datepicker .btn-default[disabled].active, .datepicker .btn-default[disabled].focus, .datepicker .btn-default[disabled]:active, .datepicker .btn-default[disabled]:focus, .datepicker .btn-default[disabled]:hover {
  color: #ccc;
}
.datepicker .btn-default.disabled .text-muted, .datepicker .btn-default.disabled.active .text-muted, .datepicker .btn-default.disabled.focus .text-muted, .datepicker .btn-default.disabled:active .text-muted, .datepicker .btn-default.disabled:focus .text-muted, .datepicker .btn-default.disabled:hover .text-muted, .datepicker .btn-default[disabled] .text-muted, .datepicker .btn-default[disabled].active .text-muted, .datepicker .btn-default[disabled].focus .text-muted, .datepicker .btn-default[disabled]:active .text-muted, .datepicker .btn-default[disabled]:focus .text-muted, .datepicker .btn-default[disabled]:hover .text-muted {
  color: #ccc;
}
.datepicker.dropdown-menu.datepicker-mode-1 tbody button,
.datepicker.dropdown-menu.datepicker-mode-2 tbody button {
  height: 65px;
}

/*
 * Timepicker element
 */
.timepicker.dropdown-menu {
  padding: 0 4px;
  font-size: 12px;
}
.timepicker.dropdown-menu button {
  outline: none;
  border: 0px;
  font-size: 12px;
}
.timepicker.dropdown-menu tbody button {
  padding: 6px;
}

.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)
}

.container-fluid-Image {
  max-width: 1680px;
  padding-left: 0px;
  padding-right: 0px;
}

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

a {
  color: #1C69D4;
}

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

.instructions {
  line-height: 100%;
  font-size: 18px;
  font-family: bmw_groupligth,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_groupligth,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;
}



.carousel-indicators {
  top: 10px;
}



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


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

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


  .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 {
    right: 5%;
  }
}