/* Colors */
:root {
  --primary: #462178;
  --secondary: #462178;
  --secondary-hover: #462178;
  --third: #b4b2a9;
  --third-hover: #c2c1ba;
  --input-fields: #f2efeb;
  --primaryBtn: #462178;
  --primaryBtn-hover: #462178;
  --secondaryBtn: #eb2b27;
  --secondaryBtn-hover: #006f8a;
  --tableHighlight: #f2efeb;
  --headings-font-family: "Rajdhani", Arial, sans-serif;
  --text-font-family: "Opensans", Tahoma, sans-serif;
}
/* Fonts */
/* rajdhani-300 - latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 300;
  src: local(''),
      url('../font/rajdhani-v10-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
      url('../font/rajdhani-v10-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rajdhani-regular - latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  src: local(''),
      url('../font/rajdhani-v10-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
      url('../font/rajdhani-v10-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rajdhani-500 - latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  src: local(''),
      url('../font/rajdhani-v10-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
      url('../font/rajdhani-v10-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rajdhani-600 - latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 600;
  src: local(''),
      url('../font/rajdhani-v10-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
      url('../font/rajdhani-v10-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rajdhani-700 - latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 700;
  src: local(''),
      url('../font/rajdhani-v10-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
      url('../font/rajdhani-v10-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'OpenSans';
  src: url('../font/open-sans-v23-latin-ext-regular.woff2') format('woff2'),
      url('../font/open-sans-v23-latin-ext-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../font/open-sans-v23-latin-ext-italic.woff2') format('woff2'),
      url('../font/open-sans-v23-latin-ext-italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../font/open-sans-v23-latin-ext-300.woff2') format('woff2'),
      url('../font/open-sans-v23-latin-ext-300.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../font/open-sans-v23-latin-ext-300.woff2') format('woff2'),
      url('../font/open-sans-v23-latin-ext-300italic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../font/open-sans-v23-latin-ext-600.woff2') format('woff2'),
      url('../font/open-sans-v23-latin-ext-600.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../font/open-sans-v23-latin-ext-600italic.woff2') format('woff2'),
      url('../font/open-sans-v23-latin-ext-600italic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../font/open-sans-v23-latin-ext-700.woff2') format('woff2'),
      url('../font/open-sans-v23-latin-ext-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../font/open-sans-v23-latin-ext-700italic.woff2') format('woff2'),
      url('../font/open-sans-v23-latin-ext-700italic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
}

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

/* Style */
.brand, .dealerlogo{
  height:35px;
}
.headercontent {
  background: #c8c8c8 !important;
}
#menu ul  li a, #menu ul li button{ 
  text-decoration:none;
  padding:10px 10px;
  margin:0 5px;
  font-size:18px;
  line-height:18px;
  font-family:"Rajdhani", Arial, Tahoma;
  font-weight: 600;
  color:#353535;
  background-color: transparent;
  text-transform: uppercase;
  transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  -moz-transition: all .2s;
  text-transform: uppercase;
}
#menu ul  li a:hover, #menu ul li button:hover{ 
  background-color:#c8c8c8;
  color: #060d3c;
}
#menu ul  .sel a{ 
  background-color:#c8c8c8;
  color: #060d3c;
}
#second .left ul li a, .leftmenu {
  font-size: 17px;
  line-height: 17px;
}
#rightmenu li a::before{
content:'';
width:22px;
height:auto;
margin-right: 20px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
#rightmenu .rightbuild::before{
background-image: url(/img/config.svg);
}
#rightmenu .rightoffer::before{
background-image: url(/img/askoffer.svg);
}
#rightmenu .rightdrive::before{
background-image: url(/img/testdrive.svg);
}
#rightmenu .rightservice::before{
background-image: url(/img/mechanic.svg);
}
#rightmenu .rightcontact::before{
background-image: url(/img/contact.svg);
}
#return-to-top{
transform:rotate(-90deg);
}
#return-to-top::before{
font-family: "iconfont";
content: "\e002";
font-size:2rem;
color:#fff;
}
#menu .topmenu .gray{
  margin: 2px 6px;
}
#menu .topmenu div button::after {
  content: "";
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width:22px;
  height:22px;
  }
#menu .topmenu .testdrivebutton #testdrive::after {
  background-image: url(/img/testdrive_top.svg);
}
#menu .topmenu .testdrivebutton #askoffer::after, #menu .topmenu .testdrivebutton #askoffer2::after {
  background-image: url(/img/askoffer_top.svg);
}
#menu .topmenu .servicebtn #service::after {
  background-image: url(/img/mechanic_top.svg);
}
.options .option {
  background-color: var(--tableHighlight);
  border: 2px solid var(--tableHighlight)
}
.price-switch a{
  font-family: var(--headings-font-family);
}
.red:hover {
  opacity: .8;
}
.prettybutton2l, .right a.prettybutton2{
  background: linear-gradient(to bottom, #5E5E5E 49%, #222222 50%) !important;
}
.prettybutton2:hover, .right a.prettybutton2:hover{
  background: linear-gradient(to bottom, #7d7d7d 49%, #282828 50%) !important;
}
.allmodels a:hover p {
  color: var(--primary) !important;
}
.fixedinfo button{
  background: #fff;
  color: #462178;
  font-weight: 500;
}
#footer {
  background: #1c1b1b;
}

#footer a:hover{
  color: #c8c8c8 !important;
}

#social a::before{
  font-family: "footer-icons";
  font-size: 36px;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  position: relative;
  text-transform: none;
}

#social a.facebook::before {
  content: "\E63A";
}

#social a.youtube::before {
  content: "\E63F";
}

#social a.instagram::before {
  content: "\E63C";
}

#social a.linkedin::before {
  content: "\E63D";
}

#social a.twitter::before{
  content: "\E677";
}

#social a.google::before{
  content: "\E63B";
}

.colorchoose {
width: initial !important;
}

@media (max-width:1020px){
  .brand, .dealerlogo{
    height:28px;
  }

  #menu ul li a, #menu ul li button{
    margin:0;
  }

  #menu .topmenu .gray{
    margin:0;
  }

  #menu .topmenu div button::after{
    width:18px;
    height:18px;
    filter:invert(1);
  }
}