:root {
    /*  color variables */
    --color-main: #0071b3;
    --color-main-red: #de0214;
    --color-main-red-active: #ac0212;
    --color-main-secondary: #005a92;
    --color-active: #005a92;
    --color-text: #373d45;
    --color-border-dk: #122b40;
    --color-border-lt: #ccc;
    --color-bg-dk: #425368;
    --color-bg-btn: #0071b3;
    --color-bg-lt: #e8ebed;
    --color-bg-lt2: #dfe5ea;
    /* --color-bg-lt:#e4dcd3; */
}
.logo img {
    height: 66px;
}
@font-face {
    font-family: ToyotaType-Black;
    src: url(../fonts/toyota/ToyotaType-Black.eot);
    src: url(../fonts/toyota/ToyotaType-Black.eot?#iefix) format('embedded-opentype'), url(../fonts/toyota/ToyotaType-Black.woff2) format('woff2'), url(../fonts/toyota/ToyotaType-Black.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block
}
@font-face {
    font-family: ToyotaType-Book;
    src: url(../fonts/toyota/ToyotaType-Book.eot);
    src: url(../fonts/toyota/ToyotaType-Book.eot?#iefix) format('embedded-opentype'), url(../fonts/toyota/ToyotaType-Book.woff2) format('woff2'), url(../fonts/toyota/ToyotaType-Book.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block
}
@font-face {
    font-family: ToyotaType-Regular;
    src: url(../fonts/toyota/ToyotaType-Regular.eot);
    src: url(../fonts/toyota/ToyotaType-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/toyota/ToyotaType-Regular.woff2) format('woff2'), url(../fonts/toyota/ToyotaType-Regular.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block
}
@font-face {
    font-family: ToyotaType-Light;
    src: url(../fonts/toyota/ToyotaType-Light.eot);
    src: url(../fonts/toyota/ToyotaType-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/toyota/ToyotaType-Light.woff2) format('woff2'), url(../fonts/toyota/ToyotaType-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block
}
@font-face {
    font-family: ToyotaType-Bold;
    src: url(../fonts/toyota/ToyotaType-Bold.eot);
    src: url(../fonts/toyota/ToyotaType-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/toyota/ToyotaType-Bold.woff2) format('woff2'), url(../fonts/toyota/ToyotaType-Bold.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block
}
@font-face {
    font-family: ToyotaType-SemiBold;
    src: url(../fonts/toyota/ToyotaType-Semibold.eot);
    src: url(../fonts/toyota/ToyotaType-Semibold.eot?#iefix) format('embedded-opentype'), url(../fonts/toyota/ToyotaType-Semibold.woff2) format('woff2'), url(../fonts/toyota/ToyotaType-Semibold.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block
}
/* @font-face {
    font-family: tci_digital_icons;
    src: url(../fonts/toyota/tci_digital_icons.ttf) format("truetype"), url(../fonts/toyota/tci_digital_icons.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
} */
body {
    font-size: 16px;
    font-family: "ToyotaType-Book", Helvetica, Arial, sans-serif;
    background: #fff;
    color: var(--color-text);
}
.model_block h2 .makeTitle {
    font-family: "ToyotaType-Bold";
}
h1,
.h1,
h2,
h3,
h4 {
    font-family: "ToyotaType-Bold";
    font-weight: normal;
}
p {
    font-family: "ToyotaType-Book";
}
#wrapper {
    background: #ffffff;
}
.content-description a,
.content-description a:hover,
.content-description a:visited,
.searchFormHeader li em,
.text-red1 {
    color: var(--color-main);
}
.carousel .btn-primary {
    background: var(--color-main-red);
    border-color: transparent;
}
.carousel .btn-primary:hover {
    background: var(--color-main-red-active);
}
.btn,
.btn:visited,
button:not(.react-multiple-carousel__arrow, .close),
button:visited,
.button,
.button:visited,
.btnSubmit,
.btnSubmit:visited,
.readmore,
.readmore:visited {
    padding: 9px 30px 11px;
    border: 2px solid transparent;
    border-radius: 6px;
    line-height: 1.2;
    transition: background .3s ease 0s, border .3s ease 0s;
}
header .button {
    border-radius: 4px;
}
.linkTitle:focus {
    background: var(--color-main-secondary);
}
.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 a {
    margin-left: 5px;
}
.header-top a.language {
    margin: 0;
    color: var(--color-main-red) !important;
}
.content-description h1 {
    font-size: 28px;
}
.content-description h2 {
    font-size: 24px;
}
.content-description h3 {
    font-size: 18px;
}
.content-description p {
    line-height: 1.3;
}
.menulist>li>a {
    line-height: 45px;
    border-bottom: transparent solid 5px;
    font-family: 'ToyotaType-SemiBold';
    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-main-red) 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) {
    .logo img {
        height: 56px;
    }
    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-bg-dk);
}
a.title-car-item h3 {
    background: var(--color-bg-dk);
}
.logoMaster img {
    height: 60px;
}

#footerBottom {
    background: #fff;
}
.group-price-cars .price-starting span.small {
    font-size: 10px;
}
.title-text-inventory {
    font-size: 12px;
}
@media only screen and (max-width: 991px) {
    .logoMaster {
        line-height: 45px;
        margin-top: 15px;
    }
    .group-price-cars .price-starting span {
    font-size: 20px;
}
    .group-price-cars .price-starting span.small {
        font-size: 9px;
    }
    .title-text-inventory {
        font-size: 10px;
    }
}
/* count down banner */
.countDownWrap {
    background-color: rgba(0, 0, 0, 0.7);
    margin: 0 auto;
}
.countDown .card .countLabel {
    background: var(--color-main-red);
}
.countDownWrap a.textBtn:hover {
    color: var(--color-main-red);
}

.menulist li a.menuItem i {
    margin-top: 5px;
}

/* -- book an appointment --*/
a.button.list-expand, a.button.list-expand:hover {
    background: var(--color-main-red) !important;
    border-color: var(--color-main-red) !important;
    font-size: 16px;
    line-height: 16px;
    min-height: 36px;
    font-weight:bold;
}

.content-appt-list a.icon:before, .cta-icon:before, .cta-icon:hover:before {
    filter: invert(11%) sepia(71%) saturate(5830%) hue-rotate(349deg) brightness(103%) contrast(110%);
}

.container-listing-newcar{
    min-height: auto !important;
}

/* new VDP form */
.group-links-newcars a:has(~ .form-compact), .group-links-newcars a:has(~ .form-compact):hover, .group-links-newcars a:has(~ .form-compact):visited{
    border-color: var(--color-main-red) !important;
    background: var(--color-main-red) !important;
}