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


/* Fonts */

@font-face {
font-family: 'Proxima Nova';
src: url('../font/ProximaNova-Reg.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Proxima Nova';
src: url('../font/ProximaNova-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}

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

@font-face {
  font-family: 'Extra Icons';
  src: url('../font/fontawesome-webfont.woff2') format('woff2');
  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;
}

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

#menu .gray img{
  display:none
}

#menu .topmenu .testdrivebutton #testdrive::after {
  content: "\e906";
}

#menu .topmenu .testdrivebutton #askoffer::after {
  content: "\e904";
}

#menu .topmenu .testdrivebutton .gray::after {
  content: "\e904";
}

#menu .topmenu .servicebtn #service::after {
  font-family: "Extra Icons";
  content: "\F073";
}


.headercontent {
  background: #212121 !important;
}


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

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


.prettybutton{
background:#636363;
border-radius: 2px;
}

.prettybutton:hover{
background:#4f4f4f;
}

.models2 .onemodel:hover {
  background: #fdfdfd;
  cursor: pointer;
}

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



#footer {
  background: #000;
  color:#bdbdbd;
}