@font-face {
  font-family: 'Motorrad Regular';
  src: url(./../../fonts/Motorrad/BMWMotorrad-Regular.otf);
  font-weight: normal;
}

@font-face {
  font-family: 'Motorrad bold';
  src: url(./../../fonts/Motorrad/BMWMotorrad-Bold.otf);
  font-weight: bolder;
}

@font-face {
  font-family: 'Motorrad heavy';
  src: url(./../../fonts/Motorrad/BMWMotorrad_Heavy.ttf);
  font-weight: bolder;
}

@font-face {
  font-family: 'Motorrad Outline';
  src: url(./../../fonts/Motorrad/BMWMotorradOutline-Regular.otf);
  font-weight: normal;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

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

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

body {
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  line-height: 17px;
  font-family: 'Motorrad Regular', arial, helvetica, sans-serif;
  color: #363636;
  background-color: #F2F2F2;
}

.col-12 {
  margin: 0;
  padding: 0;
}

.motorrad-heavy {
  font-family: 'Motorrad heavy';
}

.motorrad-bold {
  font-family: 'Motorrad bold';
}

.motorrad-outline {
  font-family: 'Motorrad Outline';
}

.motorrad-headline {
  font-family: 'Motorrad heavy';
  font-size: 25px;
}

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

.list-group .list-group-item {
  background-color: #F2F2F2;
}

.list-group .list-group-item:hover {
  background-color: #fff;
}

.container-fluid.content {
  max-width: 1920px;
  padding: 0 7.5vw;
}

.padding-unificado{
  padding: 0 7.5vw;
}

.container-header .logo {
  position: absolute;
  top: 7.5vw;
  left: 7.5vw;
  height: 7.5vw;
}

.container-header .headline {
  position: absolute;
  top: calc(50% - 70px);
  left: 3vw;
  transform: translateY(-50%);
}

.logo {
  width: auto;
  height: 7.5vw;
}

.icon {
  width: 20px
}

#dropdown-menu {
  border-bottom: 2px solid transparent;
}

#dropdown-menu.open {
  border-bottom: 2px solid #000;
  transition: all ease-in-out .4s;
}

.selector.open>.icons .icon.down {
  display: none;
}

.selector.open>.icons .icon.up {
  display: block;
}

.selector:not(.open)>.icons .icon.down {
  display: block;
}

.selector:not(.open)>.icons .icon.up {
  display: none;
}

#menu-items-md {
  list-style: none;
  font-size: 25px;
}

#menu-items-md li {
  cursor: pointer;
}

#menu-items-md li.active {
  font-family: "Motorrad bold";
}

#menu-items {
  opacity: 0;
  display: none;
  transition: all ease-in-out .4s,
    display ease-in-out .4s allow-discrete;
}

#menu-items.open {
  opacity: 1;
  height: auto;
  display: block;

  @starting-style {
    opacity: 0;
    height: 0;
  }
}

.container-models {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}

.card.thumbnails {
  border: none;
  cursor: pointer;
  overflow: hidden;
}

.card {
  border: none;
}

.card .card-body p:nth-child(1) {
  font-size: 16px;
}

.card.thumbnails:hover>.card-body .indicator {
  border: 4px solid #0062ff;
  transition: all ease-out .5s;
}

.card.thumbnails:hover>img {
  transform: scale(1.1);
  transition: transform ease-out .5s;
}

.card.thumbnails img {
  transition: all ease-out .5s;
}

.card.thumbnails .card-body .indicator {
  border: 4px solid #919191;
  transition: all ease-out .5s;
}

.LegalNote h2 {
  font-size: 16px;
  text-transform: uppercase;
}

.footer {
  padding: 0 7.5%;
}

.footer img {
  width: 40%;
  margin: 35px 0;
}

.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,
.has-error .form-select{
  border-color: #d9534f;
}

span.required {
  color: #1C69D4;
}

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

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

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

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

.lh{
  line-height: initial;
}

/*Media query - Pequeña a Mediana*/
@media (width < 768px) {
  .container-models {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

/*Media query - Mediana a Grande*/
@media (768px <=width < 992px) {
  body{
    font-size: 20px;  
  }
  
  .container-fluid.content {
    padding: 0 3vw
  }
  .padding-unificado {
    padding: 0 3vw
  }
  
  .container-header .logo {
    top: 3vw;
    left: 3vw;
    height: 3vw;
  }

  .logo {
    width: auto;
    height: 3vw;
  }

  .container-models {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }

  .footer {
    padding: 0 3vw;
  }

  .footer img {
    width: 20%;
    margin: 35px 0;
  }
}

@media (width >=992px) {
  body{
    font-size: 20px;  
  }
  
  .container-fluid.content {
    padding: 0 3vw
  }
  .padding-unificado {
    padding: 0 3vw
  }
  
  .container-header .logo {
    top: 3vw;
    left: 3vw;
    height: 3vw;
  }

  .logo {
    width: auto;
    height: 3vw;
  }

  .footer {
    padding: 0 3vw;
  }

  .footer img {
    width: 20%;
    margin: 35px 0;
  }
}