/* RESET Fonts */
@font-face {
    font-family: "NotoSans-Regular";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/harley-davidson/regular.woff2") format("woff2"), url("../fonts/harley-davidson/regular.woff") format("woff");
}
@font-face {
    font-family: "NotoSans-Italic";
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/harley-davidson/italic.woff2") format("woff2"), url("../fonts/harley-davidson/italic.woff") format("woff");
}
@font-face {
    font-family: "NotoSans-Bold";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/harley-davidson/bold.woff2") format("woff2"), url("../fonts/harley-davidson/bold.woff") format("woff");
}
@font-face {
    font-family: "Primary Font";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/harley-davidson/primary-font.woff2") format("woff2"), url("../fonts/harley-davidson/primary-font.woff") format("woff"), url("../fonts/harley-davidson/primary-font.otf") format("opentype");
    font-display: swap
}
@font-face {
    font-family: "Primary Font Heavy";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/harley-davidson/primary-heavy.woff2") format("woff2"), url("../fonts/harley-davidson/primary-heavy.woff") format("woff"), url("../fonts/harley-davidson/primary-heavy.otf") format("opentype");
    font-display: swap
}
@font-face {
    font-family: "Primary Font Bold";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/harley-davidson/primary-bold.woff2") format("woff2"), url("../fonts/harley-davidson/primary-bold.woff") format("woff"), url("../fonts/harley-davidson/primary-bold.otf") format("opentype");
    font-display: swap
}
@font-face {
    font-family: "Secondary Font Bold";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/harley-davidson/secondary-bold.woff2") format("woff2"), url("../fonts/harley-davidson/secondary-bold.woff") format("woff"), url("../fonts/harley-davidson/secondary-bold.otf") format("opentype");
    font-display: swap
}
:root {
    /*  color variables */
    --color-main: #FA6600;
    --color-main-secondary: #000;
    --color-active: #FA6600;
    --color-text: #000000;
    --color-text-lt: #b2b2b2;
    --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-family: "Primary Font", "NotoSans-Regular", sans-serif;
    letter-spacing: 0.5px;
    font-size: 16px;
    line-height: 1.5;
}
footer,
#footerBottom {
    color: var(--color-text-lt);
    border-color: #757575;
}
.model_block h2 .makeTitle {
    font-family: "Secondary Font Bold";
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
    font-family: "Secondary Font Bold";
    text-transform: uppercase;
    font-weight: normal;
}
.titlePage h1 {
    color: inherit;
    font-size: 32px;
}
#header_main {
    background: var(--color-bg-dk);
}
#header_content {
    background: #000;
}
.header-right .language li a {
    color: #fff;
    border: #fff solid 1px;
}
header .quickAccess .button {
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: var(--color-main);
    color: #fff;
    box-shadow: none;
}
header .quickAccess .button:hover {
    background-color: transparent;
    color: #fff;
    border: none;
}
.container-menu-right {
    background: #000;
}
.menulist li a {
    color: #fff;
    text-transform: uppercase;
    font-family: "Secondary Font Bold", sans-serif;
    letter-spacing: 0.5px;
    font-size: 17px;
}
.menulist li a:hover,
.menulist li a.active {
    color: #ffffff;
    text-decoration: none;
}
.menulist>li.active,
.menulist>li.active>a {
    color: #fff !important;
    background: #000 !important;
}
#footer {
    background: url(https://www.harley-davidson.com/etc/designs/h-d/images/global/page-background-v2.jpg) no-repeat;
    background-size: cover;
}
#footerBottom {
    background: none;
}
footer a,
footer .address a,
#footerBottom a,
.footer-legal,
#footer_links li a {
    color: var(--color-text-lt) !important;
}
footer h3 {
    color: #fff;
}
/* header */
.fixed-top {
    background: #000;
}
/* social links*/
.club a {
    font-family: "NotoSans-Bold", Arial, sans-serif;
}
.container-menu-right {
    background: #000;
}
.carousel {
    position: relative;
    background: #000;
    padding-bottom: 0;
}
#homesliderWrapper {
    background: #000 !important;
}
@media only screen and (min-width: 320px) and (max-width: 991px) {
    #header_main {
        background: #000;
    }
    header .quickAccess .button:hover {
        background-color: var(--color-main);
    }
    .menulist li a:hover,
    .menulist li a.active {
        color: var(--color-text);
    }
    .content-dealer-menu .content-submenu {
        background: #fff !important;
    }
    #header_mobile {
        background: #000;
    }
    .container-menu-right {
        background: #fff;
    }
    .menulist li a {
        color: var(--color-text)
    }
    #header_content .menulist>li.active .content-dealer-menu.collapse.in {
        background: #fff !important;
    }
    .container-menu-right {
        padding: 15px 30px;
    }
    .menulist>li.active,
    .menulist>li.active>a {
        color: var(--color-text) !important;
        background: #fff !important;
    }
    .menulist li a.active {
        color: var(--color-text) !important;
        text-decoration: none;
    }
    #header_mobile {
        background: var(--color-bg-dk);
    }
}
.model_block .car_img span.special:before {
    background-color: var(--color-main) !important;
}
.nav-showroom-motos .model_block.special {
    border-color: var(--color-main) !important;
}
body.full-page-event .signSquare {
    font-family:"Primary Font Bold";
}
.btn:hover, .btn:focus, button:hover, button:focus, .button:hover, .button:focus, .btn-primary:hover, .btn-primary:focus {
    background: #000;
    border-color: #000;
}