/* RESET Fonts */
@font-face {
    font-family: "VW Text";
    src: url("../fonts/volkswagen/VWTextWeb-Bold.eot?v=d10ed82b109762d20e5d8f797ec68c5a");
    src: url("../fonts/volkswagen/VWTextWeb-Bold.eot?#iefix&v=d10ed82b109762d20e5d8f797ec68c5a") format("embedded-opentype"),  url("../fonts/volkswagen/VWTextWeb-Bold.woff?v=97a09e10fd2f7d09c302416f446d8e44") format("woff"), url("../fonts/volkswagen/VWTextWeb-Bold.ttf?v=2c70956681984bbe4baad2973e894789") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "VW Text";
    src: url("../fonts/volkswagen/VWTextWeb-Regular.eot?v=d10ed82b109762d20e5d8f797ec68c5a");
    src: url("../fonts/volkswagen/VWTextWeb-Regular.eot?#iefix&v=d10ed82b109762d20e5d8f797ec68c5a") format("embedded-opentype"), url("../fonts/volkswagen/VWTextWeb-Regular.woff?v=97a09e10fd2f7d09c302416f446d8e44") format("woff"), url("../fonts/volkswagen/VWTextWeb-Regular.ttf?v=2c70956681984bbe4baad2973e894789") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "VW head";
    src: url("../fonts/volkswagen/VWHeadWeb-Bold.eot?v=44111871843d01683383547145bb5adf");
    src: url("../fonts/volkswagen/VWHeadWeb-Bold.eot?#iefix&v=44111871843d01683383547145bb5adf") format("embedded-opentype"), url("../fonts/volkswagen/VWHeadWeb-Bold.woff?v=b735f71c5c4e6775d6c172974ad2acab") format("woff"), url("../fonts/volkswagen/VWHeadWeb-Bold.ttf?v=34f728b5181655624d6b7ec558e01cde") format("truetype");
    font-weight: 700;
    font-style: normal
}

body {
    font-size: 14px;
    font-family: Helvetica,Arial,sans-serif;
    background: #eee;
    color: #000;
}

.model_block h2 .makeTitle {
    font-family: "VW head";
}

h1, .h1,
h2,
h3,
h4 {
    font-family: "VW head";
    font-weight: normal;
}

p {
    font-family: "VW Text";
    font-size: 14px;
}

#wrapper {
    background: #ffffff;
}

:root {
    /*  color variables */
    --color-main: #001e50;
    --color-main-secondary: #000000;
    --color-active: #00b0f0;
    --color-text: #000000;
    --color-border-dk: #122b40;
    --color-border-lt: #ccc;
    --color-bg-dk: #000;
    --color-bg-lt: #f1f1f1;
    /* --color-bg-lt:#e4dcd3; */
}

.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 {
    line-height: 45px;
    border-bottom: transparent solid 5px;
    font-family: 'VW head';
    font-weight: normal;
}

.menulist>li.active>a,
.menulist>li>a:hover {
    color: var(--color-text) !important;
    background: var(--color-bg-lt) !important;
    border-bottom: var(--color-active) solid 5px;
}

.container-block-top {
    height: 120px;
}

.content-dealer-menu {
    top: 210px;
}

#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;
    }

    .container-block-top {
        height: 90px;
    }

    .header-top li i {
        color: var(--color-text);
    }

    .menulist>li>a {
        line-height: 20px;
    }

    .content-dealer-menu {
        top: 0;
    }
}

.linkTitle {
    color: #fff;
    background: #000000;
    width: 100%;
    margin-top: 1px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 5px;
    font-size: 15px;
    line-height: 14px;
    min-height: 40px;
    text-align: center;
}

.iconWrap {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #eee;
}

.iconWrap i {
    font-size: 36px;
    color: var(--color-main);
}

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

.titlePage {
    background: var(--color-main-secondary);
}