/* RESET Fonts */
@font-face {
    font-family: "AvantGarde";
    src: url("../fonts/gabriel/AvantGarde-Book.eot");
    src: url("../fonts/gabriel/AvantGarde-Book.eot?#iefix") format("embedded-opentype"),
    url("../fonts/gabriel/AvantGardeITCbyBT-Book.otf") format("opentype"),
    url("../fonts/gabriel/AvantGardeITCbyBT-Book.svg") format("svg"),
    url("../fonts/gabriel/AvantGardeITCbyBT-Book.ttf") format("truetype"),
    url("../fonts/gabriel/AvantGardeITCbyBT-Book.woff") format("woff"),
    url("../fonts/gabriel/AvantGarde-Book.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "AvantGarde Demi";
    src:
    url("../fonts/gabriel/AvantGarde-Demi.ttf") format("truetype"),
    url("../fonts/gabriel/AvantGarde-Demi.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "AvantGarde Bold";
    src:
    url("../fonts/gabriel/AvantGarde-Bold.ttf") format("truetype"),
    url("../fonts/gabriel/AvantGarde-Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}


:root {
    /*  color variables */
    --color-main: #BE0A00;
    --color-main-secondary: #000;
    --color-active: #BE0A00;
    --color-text: #000000;
    --color-text-lt: #666666;
    --color-border-dk: #000000;
    --color-border-lt: #f2f2f2;
    --color-bg-lt: #eeeeee;
    --color-bg-dk: #222222;
    --color-bg-btn:#000000;
    /* --color-bg-lt:#e4dcd3; */
}

body {
    font-size: 14px;
    line-height: 1.4;
    font-family: "AvantGarde", Helvetica,Arial, sans-serif;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background:var(--color-bg-dk);
    letter-spacing: 0.5px;
}
#wrapper{
    background:#fff;
  }

footer {
    padding: 20px 0 0;
    background: var(--color-bg-lt);
    color:var(--color-text);
    max-width: 2560px;
    margin: 0 auto;
}
#footer_links li a {
    color:var(--color-text);
}
.address a, footer h3{
    color:var(--color-text);
}
.footer-legal {
    color:#fff;
}
.footerRight{
    text-align: right;
}
.footerRight div{
    display:inline-block;
    text-align:left;
}
#footerBottom{
    background: var(--color-bg-dk);
    border-top:var(--color-text-lt);
    padding: 20px 0 60px 0;
    border-top: 1px solid var(--color-text-lt);
    color: #fff;
}
.model_block h2 .makeTitle {
    font-family: "AvantGarde", Helvetica,Arial, sans-serif;
}

h1,
h2,
h3,
h4 {
    font-family: "AvantGarde Bold";
    color:#000;
    letter-spacing: 0.5px;
}
h2.ttl-
p {
    font-size: 16px;
    color:var(--color-text-lt);
}
.logo img {
    height: 60px;
}
.content-description a, .content-description a:hover, .content-description a:visited,
.searchFormHeader li em,
.text-red1{
  color: var(--color-main);
}
.form-demande .nav-details-cars li.active a, .form-demande .nav-details-cars li a:hover, .form-demande .nav-details-cars li a:focus,
.form-demande ul li.button .btnSubmit,
#details_container .nav-details-cars li.active a, #details_container .nav-details-cars li a:hover,
.st-inline-share-buttons .st-btn[data-network="sharethis"], .st-sticky-share-buttons .st-btn[data-network="sharethis"],
.st-inline-share-buttons .button,
.button.readMore,
.btnSubmit, .btnSubmit1{
    background-color: var(--color-main) !important;
}
a.button,
#myModalOccasion .container-button-popup .button.cta,
#myModalOccasion .container-button-popup .button:hover.cta,
.form-demande ul li.button{
    border-radius: 3px;
}
a.button:hover,
.button.cta:hover,
.button:hover.cta,
.form-demande ul li.button{
    background: var(--color-bg-dk);
}
.form-demande .nav-details-cars li.active::after{
    border-top: 10px solid var(--color-main) !important;
}
.nav-menu {
    border-bottom: none;
}
.burger .burger-menu, .burger .burger-menu:before, .burger .burger-menu:after  {
    background: var(--color-bg-dk);
}

header .quickAccess{
    padding: 1px 0;
}
header .quickAccess .button{
    border: none;
    border-radius: 3px;
}
header .quickAccess a{
    float: right;
    margin-left: 5px;
}
.header-right .language {
    margin: 8px 0 0 0;
}
.content-description h1 {
    font-size: 26px;
}
.content-description h3 {
    font-size: 18px;
}
.content-description p {
    font-size: 14px;
    line-height: 1.3;
}
.menulist li a{
    font-family: 'AvantGarde Demi';
    font-weight:normal;
}
.menulist>li>a{
    height: 50px;
    border-bottom:transparent solid 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
body.listing_pre-owned .menulist>li:first-child>a, .menulist>li.active>a{
    background: var(--color-main) !important;
    color:#fff !important;
}
.menulist>li>a:hover {
    color: var(--color-text) !important;
    background: var(--color-bg-lt) !important;
    border-bottom:var(--color-main) solid 5px;
}

#footerBottom a {
    color: var(--color-text);
}
p, #container-contact .content-details-page p {
    color: var(--color-text);
}
.menulist li.active a.link-submodel {
    color: var(--color-text);
}

@media only screen and (max-width: 991px) {
    header .container-block-top .header-right{
        visibility: hidden;
    }
    #header_content{
        overflow: inherit;
    }
    .linkTitle {
        font-size: 12px !important;
    }
    .header-top li i {
        color: var(--color-text);
    }
    .menulist>li>a {
        line-height: 20px;
    }

}

#header_content .menulist > li .content-links > li:hover > a {
    background: var(--color-main) !important;
}
.titlePage {
    background: var(--color-main-secondary);
}