@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-thin.woff) format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-thinita.woff) format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-exlig.woff) format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-exligita.woff) format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-light.woff) format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-lightita.woff) format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb.woff) format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-ita.woff) format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-book.woff) format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-bookita.woff) format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-medi.woff) format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-mediita.woff) format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-bold.woff) format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-boldita.woff) format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-xbold.woff) format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-xboldita.woff) format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-black.woff) format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: KievitWeb;
  src: url(../woff/kievitweb-blackita.woff) format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: KievitWebItalic;
  src: url(../woff/kievitweb-ita.woff) format('woff');
  font-style: normal;
}

@font-face {
  font-family: KievitWebMedium;
  src: url(../woff/kievitweb-medi.woff) format('woff');
  font-style: normal;
}

@font-face {
  font-family: KievitWebMediumItalic;
  src: url(../woff/kievitweb-mediita.woff) format('woff');
  font-style: normal;
}

@font-face {
  font-family: KievitWebLight;
  src: url(../woff/kievitweb-light.woff) format('woff');
  font-style: normal;
}

@font-face {
  font-family: KievitWebLightItalic;
  src: url(../woff/kievitweb-lightita.woff) format('woff');
  font-style: normal;
}

@font-face {
  font-family: KievitWebBold;
  src: url(../woff/kievitweb-bold.woff) format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: KievitWebBook;
  src: url(../woff/kievitweb-book.woff) format('woff');
  font-style: normal;
}

@font-face {
  font-family: KievitWebBookItalic;
  src: url(../woff/kievitweb-bookita.woff) format('woff');
  font-style: normal;
}

@font-face {
  font-family: KievitWebExtraLight;
  src: url(../woff/kievitweb-exlig.woff) format('woff');
  font-style: normal;
}

@font-face {
  font-family: KievitWebExtraLightItalic;
  src: url(../woff/kievitweb-exligita.woff) format('woff');
  font-style: normal;
}

@font-face {
  font-family: KievitWebThin;
  src: url(../woff/kievitweb-thin.woff) format('woff');
  font-style: normal;
}

@font-face {
  font-family: KievitWebThinItalic;
  src: url(../woff/kievitweb-thinita.woff) format('woff');
  font-style: normal;
}

@font-face {
  font-family: KievitWebBoldItalic;
  src: url(../woff/kievitweb-boldita.woff) format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: KievitWebExtraBold;
  src: url(../woff/kievitweb-xbold.woff) format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: KievitWebExtraBoldItalic;
  src: url(../woff/kievitweb-xboldita.woff) format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: KievitWebBlack;
  src: url(../woff/kievitweb-black.woff) format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: KievitWebBlackItalic;
  src: url(../woff/kievitweb-blackita.woff) format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: icomoon;
  src: url(../woff/icomoon.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HK Grotesk Pro';
  src: url(../woff/hkgroteskpro-light.woff) format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'HK Grotesk Pro';
  src: url(../woff/hkgroteskpro-extralight.woff) format('woff');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'HK Grotesk Pro Book';
  src: url(../woff/hkgroteskpro-book.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HK Grotesk Pro';
  src: url(../woff/hkgroteskpro-regular.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HK Grotesk Pro';
  src: url(../woff/hkgroteskpro-medium.woff) format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'HK Grotesk Pro';
  src: url(../woff/hkgroteskpro-thin.woff) format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'HK Grotesk Pro';
  src: url(../woff/hkgroteskpro-bold.woff) format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'HK Grotesk Pro';
  src: url(../woff/hkgroteskpro-semibold.woff) format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'HK Grotesk Pro Hairline';
  src: url(../woff/hkgroteskpro-hairline.woff) format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'SSTJapanese';
  src: url(../woff2/38cd8e_1_0.woff2) format('woff2'), url(../woff/38cd8e_1_0.woff) format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'SSTJapanese';
  src: url(../woff2/38cd8e_2_0.woff2) format('woff2'), url(../woff/38cd8e_2_0.woff) format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'SSTJapanese';
  src: url(../woff2/38cd8e_0_0.woff2) format('woff2'), url(../woff/38cd8e_0_0.woff) format('woff');
  font-weight: 700;
}

@font-face {
  font-family: 'SSTJapanese-Light';
  src: url(../woff2/38cd8e_1_0.woff2) format('woff2'), url(../woff/38cd8e_1_0.woff) format('woff');
}

@font-face {
  font-family: 'SSTJapanese-Regular';
  src: url(../woff2/38cd8e_2_0.woff2) format('woff2'), url(../woff/38cd8e_2_0.woff) format('woff');
}

@font-face {
  font-family: 'SSTJapanese-Bold';
  src: url(../woff2/38cd8e_0_0.woff2) format('woff2'), url(../woff/38cd8e_0_0.woff) format('woff');
}

@font-face {
  font-family: 'CindieMono-A';
  src: url(../woff2/cindie-mono-a.woff2) format('woff2'), url(../woff/cindie-mono-a.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CindieMono-B';
  src: url(../woff2/cindie-mono-b.woff2) format('woff2'), url(../woff/cindie-mono-b.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CindieMono-C';
  src: url(../woff2/cindie-mono-c.woff2) format('woff2'), url(../woff/cindie-mono-c.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CindieMono-D';
  src: url(../woff2/cindie-mono-d.woff2) format('woff2'), url(../woff/cindie-mono-d.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CindieMono-E';
  src: url(../woff2/cindie-mono-e.woff2) format('woff2'), url(../woff/cindie-mono-e.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CindieMono-F';
  src: url(../woff2/cindie-mono-f.woff2) format('woff2'), url(../woff/cindie-mono-f.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINNextW01-CondensedBol';
  src: url(../woff2/258804c2-9ca6-4856-bad7-67cde4f087b4.woff2) format('woff2'),
    url(../woff/0c0418fe-d324-4ab2-978a-e8201c646ca1.woff) format('woff');
}

@font-face {
  font-family: 'Trade Gothic Next W01';
  src: url(../woff2/d4eef5b1-2f4a-42d6-ae2d-6220d71243be.woff2) format('woff2'),
    url(../woff/57625f96-ca80-4602-9644-ec1803cb3ba3.woff) format('woff');
}

@font-face {
  font-family: 'TradeGothicNextW01-Ital';
  src: url(../woff2/e41c3ce6-57bc-473c-aaf0-9e0e771bf6c8.woff2) format('woff2'),
    url(../woff/3bde4253-d238-40b7-b813-eea7bdd9e80d.woff) format('woff');
}

@font-face {
  font-family: 'TradeGothicNextW01-Cond';
  src: url(../woff2/a8816340-0294-4243-8519-b2ccf08ca174.woff2) format('woff2'),
    url(../woff/eb20bf3e-7a5c-4c98-8bc5-f38c1b3dd9f2.woff) format('woff');
}

@font-face {
  font-family: 'TradeGothicNextW01-Bold_693232';
  src: url(../woff2/b559a389-e9a7-4140-80af-cc5f64350983.woff2) format('woff2'),
    url(../woff/a43fe47f-004d-4b6d-9a72-23de9e08f66e.woff) format('woff');
}

@font-face {
  font-family: 'TradeGothicNextW01-BdCn';
  src: url(../woff2/fd65fac5-f7ce-4a4b-ac7e-4d234fa01b0c.woff2) format('woff2'),
    url(../woff/e66e3237-f0dc-4885-90eb-b71e55d0c057.woff) format('woff');
}

/* SharpGrotesk Begin */
@font-face {
  font-family: SharpGrotesk;
  src: url(../otf/sharpgrotesk-black-15.otf) format('opentype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: SharpGrotesk;
  src: url(../otf/sharpgrotesk-blackitalic-15.otf) format('opentype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: SharpGrotesk;
  src: url(../otf/sharpgrotesk-bold-15.otf) format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: SharpGrotesk;
  src: url(../otf/sharpgrotesk-bolditalic-15.otf) format('opentype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: SharpGrotesk;
  src: url(../otf/sharpgrotesk-semibold-15.otf) format('opentype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: SharpGrotesk;
  src: url(../otf/sharpgrotesk-semibolditalic-15.otf) format('opentype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: SharpGrotesk;
  src: url(../otf/sharpgrotesk-medium-15.otf) format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: SharpGrotesk;
  src: url(../otf/sharpgrotesk-mediumitalic-15.otf) format('opentype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: SharpGrotesk;
  src: url(../otf/sharpgrotesk-book-15.otf) format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: SharpGrotesk;
  src: url(../otf/sharpgrotesk-bookitalic-15.otf) format('opentype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: SharpGrotesk;
  src: url(../otf/sharpgrotesk-light-15.otf) format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: SharpGrotesk;
  src: url(../otf/sharpgrotesk-lightitalic-15.otf) format('opentype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: SharpGrotesk;
  src: url(../otf/sharpgrotesk-thin-15.otf) format('opentype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: SharpGrotesk;
  src: url(../otf/sharpgrotesk-thinitalic-15.otf) format('opentype');
  font-weight: 100;
  font-style: italic;
}
/* SharpGrotesk End */

/* SharpGrotesk-20 Begin */
@font-face {
  font-family: 'SharpGrotesk-20';
  src: url(../otf/sharpgrotesk-black-20.otf) format('opentype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'SharpGrotesk-20';
  src: url(../otf/sharpgrotesk-blackitalic-20.otf) format('opentype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'SharpGrotesk-20';
  src: url(../otf/sharpgrotesk-bold-20.otf) format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'SharpGrotesk-20';
  src: url(../otf/sharpgrotesk-bolditalic-20.otf) format('opentype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'SharpGrotesk-20';
  src: url(../otf/sharpgrotesk-semibold-20.otf) format('opentype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'SharpGrotesk-20';
  src: url(../otf/sharpgrotesk-semibolditalic-20.otf) format('opentype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'SharpGrotesk-20';
  src: url(../otf/sharpgrotesk-medium-20.otf) format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'SharpGrotesk-20';
  src: url(../otf/sharpgrotesk-mediumitalic-20.otf) format('opentype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'SharpGrotesk-20';
  src: url(../otf/sharpgrotesk-book-20.otf) format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'SharpGrotesk-20';
  src: url(../otf/sharpgrotesk-bookitalic-20.otf) format('opentype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'SharpGrotesk-20';
  src: url(../otf/sharpgrotesk-light-20.otf) format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'SharpGrotesk-20';
  src: url(../otf/sharpgrotesk-lightitalic-20.otf) format('opentype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'SharpGrotesk-20';
  src: url(../otf/sharpgrotesk-thin-20.otf) format('opentype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'SharpGrotesk-20';
  src: url(../otf/sharpgrotesk-thinitalic-20.otf) format('opentype');
  font-weight: 100;
  font-style: italic;
}
/* SharpGrotesk-20 End */