@font-face {
    font-family: 'HK Grotesk Light Legacy';
    src: url(../fonts/hk-grotesk/HKGrotesk-LightLegacy.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-LightLegacy.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-LightLegacy.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-LightLegacy.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-LightLegacy.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-LightLegacy.svg#HKGrotesk-LightLegacy) format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'HK Grotesk';
    src: url(../fonts/hk-grotesk/HKGrotesk-Light.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-Light.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-Light.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-Light.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-Light.svg#HKGrotesk-Light) format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'HK Grotesk';
    src: url(../fonts/hk-grotesk/HKGrotesk-SemiBold.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-SemiBold.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-SemiBold.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-SemiBold.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-SemiBold.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-SemiBold.svg#HKGrotesk-SemiBold) format('svg');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'HK Grotesk';
    src: url(../fonts/hk-grotesk/HKGrotesk-BoldItalic.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-BoldItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-BoldItalic.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-BoldItalic.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-BoldItalic.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-BoldItalic.svg#HKGrotesk-BoldItalic) format('svg');
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'HK Grotesk Legacy';
    src: url(../fonts/hk-grotesk/HKGrotesk-RegularLegacy.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-RegularLegacy.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-RegularLegacy.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-RegularLegacy.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-RegularLegacy.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-RegularLegacy.svg#HKGrotesk-RegularLegacy) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'HK Grotesk';
    src: url(../fonts/hk-grotesk/HKGrotesk-LightItalic.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-LightItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-LightItalic.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-LightItalic.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-LightItalic.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-LightItalic.svg#HKGrotesk-LightItalic) format('svg');
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'HK Grotesk';
    src: url(../fonts/hk-grotesk/HKGrotesk-MediumItalic.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-MediumItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-MediumItalic.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-MediumItalic.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-MediumItalic.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-MediumItalic.svg#HKGrotesk-MediumItalic) format('svg');
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'HK Grotesk';
    src: url(../fonts/hk-grotesk/HKGrotesk-Regular.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-Regular.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-Regular.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-Regular.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-Regular.svg#HKGrotesk-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'HK Grotesk';
    src: url(../fonts/hk-grotesk/HKGrotesk-Bold.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-Bold.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-Bold.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-Bold.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-Bold.svg#HKGrotesk-Bold) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'HK Grotesk Light Legacy';
    src: url(../fonts/hk-grotesk/HKGrotesk-LightLegacyItalic.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-LightLegacyItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-LightLegacyItalic.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-LightLegacyItalic.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-LightLegacyItalic.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-LightLegacyItalic.svg#HKGrotesk-LightLegacyItalic) format('svg');
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'HK Grotesk Legacy';
    src: url(../fonts/hk-grotesk/HKGrotesk-BoldLegacy.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-BoldLegacy.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-BoldLegacy.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-BoldLegacy.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-BoldLegacy.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-BoldLegacy.svg#HKGrotesk-BoldLegacy) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'HK Grotesk SemiBold Legacy';
    src: url(../fonts/hk-grotesk/HKGrotesk-SemiBoldLegacy.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-SemiBoldLegacy.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-SemiBoldLegacy.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-SemiBoldLegacy.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-SemiBoldLegacy.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-SemiBoldLegacy.svg#HKGrotesk-SemiBoldLegacy) format('svg');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'HK Grotesk Medium Legacy';
    src: url(../fonts/hk-grotesk/HKGrotesk-MediumLegacy.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-MediumLegacy.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-MediumLegacy.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-MediumLegacy.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-MediumLegacy.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-MediumLegacy.svg#HKGrotesk-MediumLegacy) format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'HK Grotesk Legacy';
    src: url(../fonts/hk-grotesk/HKGrotesk-BoldLegacyItalic.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-BoldLegacyItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-BoldLegacyItalic.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-BoldLegacyItalic.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-BoldLegacyItalic.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-BoldLegacyItalic.svg#HKGrotesk-BoldLegacyItalic) format('svg');
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'HK Grotesk';
    src: url(../fonts/hk-grotesk/HKGrotesk-SemiBoldItalic.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-SemiBoldItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-SemiBoldItalic.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-SemiBoldItalic.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-SemiBoldItalic.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-SemiBoldItalic.svg#HKGrotesk-SemiBoldItalic) format('svg');
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'HK Grotesk Medium Legacy';
    src: url(../fonts/hk-grotesk/HKGrotesk-MediumLegacyItalic.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-MediumLegacyItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-MediumLegacyItalic.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-MediumLegacyItalic.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-MediumLegacyItalic.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-MediumLegacyItalic.svg#HKGrotesk-MediumLegacyItalic) format('svg');
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'HK Grotesk SmBold Legacy';
    src: url(../fonts/hk-grotesk/HKGrotesk-SemiBoldLegacyItalic.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-SemiBoldLegacyItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-SemiBoldLegacyItalic.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-SemiBoldLegacyItalic.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-SemiBoldLegacyItalic.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-SemiBoldLegacyItalic.svg#HKGrotesk-SemiBoldLegacyItalic) format('svg');
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'HK Grotesk';
    src: url(../fonts/hk-grotesk/HKGrotesk-Medium.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-Medium.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-Medium.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-Medium.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-Medium.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-Medium.svg#HKGrotesk-Medium) format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'HK Grotesk Legacy';
    src: url(../fonts/hk-grotesk/HKGrotesk-LegacyItalic.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-LegacyItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-LegacyItalic.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-LegacyItalic.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-LegacyItalic.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-LegacyItalic.svg#HKGrotesk-LegacyItalic) format('svg');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'HK Grotesk';
    src: url(../fonts/hk-grotesk/HKGrotesk-Italic.eot);
    src: url(../fonts/hk-grotesk/HKGrotesk-Italic.eot?#iefix) format('embedded-opentype'), url(../fonts/hk-grotesk/HKGrotesk-Italic.woff2) format('woff2'), url(../fonts/hk-grotesk/HKGrotesk-Italic.woff) format('woff'), url(../fonts/hk-grotesk/HKGrotesk-Italic.ttf) format('truetype'), url(../fonts/hk-grotesk/HKGrotesk-Italic.svg#HKGrotesk-Italic) format('svg');
    font-weight: 400;
    font-style: italic
}

.quicklook .modal-dialog .modal-body .add-cart-detail h3.price, .sub-menu ul li, .font-grotesk, .titleAccount h1, .catalogue-list .container .occasion a h2, .catalogue-list h2, .catalogue-detail .price, #catalogue-list .backoff p, .catalogue-catlist a {
    font-family: 'HK Grotesk', sans-serif !important;
}

.static-page .content-account .content-page-terms a, .static-page .content-account .content-page-terms em, .static-page .content-account .content-page-terms strong {
    /*letter-spacing: .2em;*/
}

.text-green, .menu-header li:not(.hov-occasion):hover a, .sub-menu ul li a:hover, .static-page .content-account .content-page-terms strong, .contact-view .content-account .content-page-contact h1, .contact-view .content-account .store-locations .row .address h3 {
    color: #8cc63f !important;
}

.catalogue-catlist a, #catalogue-list .backoff p {
    font-weight: 600;
}