/* 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: "Poppins", Arial, sans-serif;
    --text-font-family: "Poppins", Tahoma, sans-serif;
}


/* Fonts */

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

}

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

}

@font-face {
    font-family: 'Icons';
    src: url('../font/icons-fiat.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 */
.brand{
    height: 40px;
}

.prettybutton{
  color: #000;
  background-color: #fff;
}

#menu{
  box-shadow: 0 0 24px 0 rgba(0,0,0,0.23);
}

#menu ul li a, #menu ul li button{
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.65px;
}

#menu ul li a:hover, #menu ul li button:hover{
    color: #292b35;
}
#menu .topmenu div button::after {
    font-size: 22px;
    font-family: 'Fiat Pro Icons';
  }

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

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

 
.headercontent {
    background: #ededed !important;
  }


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

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

  .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: #fff;
  }