/* RESET Fonts */
@font-face {
    font-family: 'MazdaTypeTT-Bold';
    src: url('../fonts/mazda/MazdaTypeTT-Bold.eot');
    src: url('../fonts/mazda/MazdaTypeTT-Bold?#iefix') format('embedded-opentype'),
    url('../fonts/mazda/MazdaTypeTT-Bold.woff2') format('woff2'),
    url('../fonts/mazda/MazdaTypeTT-Bold.woff') format('woff'),
    url('../fonts/mazda/MazdaTypeTT-Bold.ttf') format('truetype');
    }

    @font-face {
    font-family: 'MazdaTypeTT-Medium';
    src: url('../fonts/mazda/MazdaTypeTT-Medium.eot');
    src: url('../fonts/mazda/MazdaTypeTT-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/mazda/MazdaTypeTT-Medium.woff2') format('woff2'),
    url('../fonts/mazda/MazdaTypeTT-Medium.woff') format('woff'),
    url('../fonts/mazda/MazdaTypeTT-Medium.ttf') format('truetype');
    }

    @font-face {
    font-family: 'MazdaTypeTT-Regular';
    src: url('../fonts/mazda/MazdaTypeTT-Regular.eot');
    src: url('../fonts/mazda/MazdaTypeTT-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/mazda/MazdaTypeTT-Regular.woff2') format('woff2'),
    url('../fonts/mazda/MazdaTypeTT-Regular.woff') format('woff'),
    url('../fonts/mazda/MazdaTypeTT-Regular.ttf') format('truetype');
    }

:root {
    /*  color variables */
    --color-main: #000000;
    --color-main-secondary: #101010;
    --color-active: #910a2d;
    --color-text: #101010;
    --color-border-dk: #101010;
    --color-border-lt: #ccc;
    --color-bg-btn: #000000;
    --color-bg-dk: #0a0a0a;
    --color-bg-lt: #f5f5f5;
    --color-border-dk:#101010;
    /* --color-bg-lt:#e4dcd3; */
}

body {
    font-size: 16px;
    line-height: 1.4;
    font-family: MazdaTypeTT-Regular,helvetica,arial,sans-serif;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: var(--color-bg-dk);
}
#header_content {
    background: var(--color-bg-dk);
    color:#fff;
}
footer, #footerBottom {
    padding: 20px 0 0;
    background: var(--color-bg-dk);
    color: white;
    border-top: 2px solid var( --color-border-dk);
}
#footer_links li a, footer a, .footer-legal {
    color: white;
}
#footerBottom {
    padding: 20px 0 60px 0;
}
.model_block h2 .makeTitle {
    font-family: 'MazdaTypeTT-Bold';
}

h1, .h1,
h2,
h3,
h4 {
    font-family: 'MazdaTypeTT-Bold';
    font-weight: normal;
}
h1 {
    text-transform: uppercase;
    letter-spacing: 1px;
}
#wrapper {
    background: var(--color-bg-lt);
}
.header-right .language li a {
    color: #fff;
}
.fa-stack .nrFav{
    color: var(--color-text);
}
.header-right .language li a.active {
    background: var(--color-active);
    color: #fff;
    border: #fff solid 1px;
}

.logo img {
    height: 30px;
}
.header-d-address a, .header-d-phone a {
    color: #fff;
}

.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,
#details_container .nav-details-cars li.active a,
#details_container .nav-details-cars li a:hover
 {
    background-color: var(--color-main) !important;
}

a.button, .btn
#myModalOccasion .container-button-popup .button.cta,
#myModalOccasion .container-button-popup .button:hover.cta,
.form-demande ul li.button {
    border-radius: 3px !important;
}
.btn-primary{
    background:#fff !important;
    color:var(--color-text) !important;
    border:var(--color-text) solid 2px !important;
    text-transform: uppercase;
}
a.button:hover,
.button.cta:hover,
.button:hover.cta, .btn-primary:hover{
    background: var(--color-active) !important;
    border-color:var(--color-active) !important;
    color:#fff !important;
}
.modal-content .button{
    font-size: 16px;
    min-width:250px;
}
.form-demande .nav-details-cars li.active::after {
    border-top: 10px solid var(--color-main) !important;
}

.nav-menu {
    border-bottom: none;
    background:var(--color-bg-dk);
}
.menulist li a {
    font-family: "MazdaTypeTT-Medium", "Verdana", "sans-serif";
    font-weight: normal;
}
.menulist>li>a {
    line-height: 46px;
    border-bottom: transparent solid 4px;
    font-family: "MazdaTypeTT-Medium", "Verdana", "sans-serif";
    text-transform: uppercase;
    background:var(--color-bg-dk);
    color:#fff;
}
.menulist>li>a:hover, .menulist>li.active>a {
    color: #fff;
    border-bottom: var(--color-active) solid 4px;
}
.menulist>li.allDealer a{
    background: var(--color-bg-allDealer);   
}
.menulist>li.allDealer.active>a, .menulist>li.allDealer>a:hover {
    background: var(--color-active) !important;
    color:#fff;
}
.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 p {
    font-size: 16px;
    line-height: 1.3;
}

#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;
    }
    .fa-stack .nrFav {
        color: #fff;
    }
    #header_content {
        overflow: inherit;
    }

    .linkTitle {
        font-size: 12px !important;
    }

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

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

    .nav-menu {
        background:#fff;
    }
    .menulist li a{
        background: #fff;
        color: var(--color-text);
    }
    .menulist>li.active>a, .menulist>li>a:hover {
        color: var(--color-text);
    }
}

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

.titlePage {
    background: var(--color-bg-lt);
    border-bottom: var(--color-border-dk) solid 2px;
}
.titlePage h1 {
    color: var(--color-text);
}
.external-links a {
    color: #fff !important;
    display:block;
}
.logoMaster img{
    height:45px;
}

@media only screen and (max-width: 991px){

.logoMaster {
    line-height: 90px;
}
}
body.nav_fixed .nav-menu.fixed_top {
    background: var(--color-bg-dk) !important;
}
.row.sameHeight .formArea {
    background: #fff;
}
@media only screen and (max-width: 767px){
    #modalMazdaDealership .modal-dialog{
        height: calc(100% - 20px);
    }
    #modalMazdaDealership .modal-content{
        height: 100%;
    }
}

.model_block .mTitle {
    height: 80px;
    text-transform: uppercase;
}