/* Colors */

:root {
    --primary: #000;
    --secondary: #000;
    --secondary-hover: #0001;
    --third: #d9d9d9;
    --third-hover: #4d4d4d;
    --input-fields: #f3f3f3;
    --primaryBtn: transparent;
    --primaryBtn-hover: #000;
    --secondaryBtn: #000;
    --secondaryBtn-hover: #0001;
    --tableHighlight: #f3f3f3;
    --headings-font-family: "Sequel", Arial, sans-serif;
    --text-font-family: "Helvetica Neue", Tahoma, sans-serif;
}


/* Fonts */

@font-face {
  font-family: 'Sequel';
  src: url('../font/sequel100black-45-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('../font/HelveticaNeueRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Fiat Icons';
  src: url('../font/fiat.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Icons';
    src: url('../font/icomoon.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: "iconfont";
  src: url("../font/iconfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* Style */

#onlyfrontpagefix::before {
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 67px;
  background: linear-gradient(0,rgba(0,0,0,0) 0,#1c1f2a 100%);
  transition: background .2s ease-in-out;
  z-index:10;
}

.brand{
    height: 40px;
}

#menu ul li a{
    font-size: 11px;
    color:#fff;
    text-transform: uppercase;
}

#menu .topmenu div button::after {
    font-size: 22px;
    font-family: 'Icons';
  }

  #menu .gray img{
    display:none
  }
  
  #menu .topmenu .testdrivebutton #testdrive::after {
    content: "\E928";
  }
  
  #menu .topmenu .testdrivebutton #askoffer::after {
    content: "\E93E";
  }

  #menu .topmenu .testdrivebutton .gray::after {
    content: "\E93E";
}
  
  #menu .topmenu .servicebtn #service::after {
    content: "\E96F";
  }
  

 
.headercontent {
    background: #292b35 !important;
  }


  #rightmenu #conf {
    margin: 0 -6px -5px -6px;
}

#menu ul li{
    display:flex;
    align-items: center;
}

  .prettybutton{
    color: #000;
    border: 1px solid #000;
    background-color: #fff;
  }

  .prettybutton:hover{
    border-color: #000;
    background: #000 !important;
    color: #fff !important;
  }


  .models2 .model-info{
    padding:8px
  }

  .models2 .onemodel{
    text-align: left;
  }

  .models2 .onemodel img{
    transition: transform .5s ease;
  }

  .models2 .onemodel:hover .model-info img{
    transform:scale(1.07);
  }

  

  #footer {
    background: #292b35;
  }