@font-face {
    font-family: "Nioicon";
    src: url("/fonts/Nioicon.eot");
    src: url("/fonts/Nioicon.eot#iefix") format("embedded-opentype"),url("/fonts/Nioicon.ttf") format("truetype"),url("/fonts/Nioicon.woff") format("woff"),url("/fonts/Nioicon.svg#Nioicon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: 'Sharp-Grotesk-Black-05';
    src: url('/fonts/SharpGrotesk-Black05.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Black05.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Black-10';
    src: url('/fonts/SharpGrotesk-Black10.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Black10.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Black-15';
    src: url('/fonts/SharpGrotesk-Black15.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Black15.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Black-20';
    src: url('/fonts/SharpGrotesk-Black20.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Black20.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Black-25';
    src: url('/fonts/SharpGrotesk-Black25.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Black25.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Black-Italic-05';
    src: url('/fonts/SharpGrotesk-BlackItalic05.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-BlackItalic05.woff') format('woff');
    font-weight: 900;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Black-Italic-10';
    src: url('/fonts/SharpGrotesk-BlackItalic10.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-BlackItalic10.woff') format('woff');
    font-weight: 900;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Black-Italic-15';
    src: url('/fonts/SharpGrotesk-BlackItalic15.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-BlackItalic15.woff') format('woff');
    font-weight: 900;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Black-Italic-20';
    src: url('/fonts/SharpGrotesk-BlackItalic20.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-BlackItalic20.woff') format('woff');
    font-weight: 900;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Bold-15';
    src: url('/fonts/SharpGrotesk-Bold15.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Bold15.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Bold-05';
    src: url('/fonts/SharpGrotesk-Bold05.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Bold05.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Bold-10';
    src: url('/fonts/SharpGrotesk-Bold10.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Bold10.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Bold-25';
    src: url('/fonts/SharpGrotesk-Bold25.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Bold25.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Bold-20';
    src: url('/fonts/SharpGrotesk-Bold20.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Bold20.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Bold-Italic-05';
    src: url('/fonts/SharpGrotesk-BoldItalic05.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-BoldItalic05.woff') format('woff');
    font-weight: bold;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Bold-Italic-20';
    src: url('/fonts/SharpGrotesk-BoldItalic20.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-BoldItalic20.woff') format('woff');
    font-weight: bold;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Bold-Italic-15';
    src: url('/fonts/SharpGrotesk-BoldItalic15.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-BoldItalic15.woff') format('woff');
    font-weight: bold;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Bold-Italic-10';
    src: url('/fonts/SharpGrotesk-BoldItalic10.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-BoldItalic10.woff') format('woff');
    font-weight: bold;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Book-05';
    src: url('/fonts/SharpGrotesk-Book05.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Book05.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Book-10';
    src: url('/fonts/SharpGrotesk-Book10.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Book10.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Book-15';
    src: url('/fonts/SharpGrotesk-Book15.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Book15.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Book-20';
    src: url('/fonts/SharpGrotesk-Book20.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Book20.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Book-Italic-10';
    src: url('/fonts/SharpGrotesk-BookItalic10.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-BookItalic10.woff') format('woff');
    font-weight: normal;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Book-25';
    src: url('/fonts/SharpGrotesk-Book25.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Book25.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Book-Italic-05';
    src: url('/fonts/SharpGrotesk-BookItalic05.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-BookItalic05.woff') format('woff');
    font-weight: normal;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Light-10';
    src: url('/fonts/SharpGrotesk-Light10.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Light10.woff') format('woff');
    font-weight:-300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Light-15';
    src: url('/fonts/SharpGrotesk-Light15.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Light15.woff') format('woff');
    font-weight:-300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Book-Italic-20';
    src: url('/fonts/SharpGrotesk-BookItalic20.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-BookItalic20.woff') format('woff');
    font-weight: normal;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Book-Italic-15';
    src: url('/fonts/SharpGrotesk-BookItalic15.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-BookItalic15.woff') format('woff');
    font-weight: normal;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Light-05';
    src: url('/fonts/SharpGrotesk-Light05.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Light05.woff') format('woff');
    font-weight:-300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Light-20';
    src: url('/fonts/SharpGrotesk-Light20.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Light20.woff') format('woff');
    font-weight:-300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Light-25';
    src: url('/fonts/SharpGrotesk-Light25.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Light25.woff') format('woff');
    font-weight:-300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Medium-05';
    src: url('/fonts/SharpGrotesk-Medium05.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Medium05.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Light-Italic-10';
    src: url('/fonts/SharpGrotesk-LightItalic10.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-LightItalic10.woff') format('woff');
    font-weight:-300;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Light-Italic-15';
    src: url('/fonts/SharpGrotesk-LightItalic15.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-LightItalic15.woff') format('woff');
    font-weight:-300;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Light-Italic-20';
    src: url('/fonts/SharpGrotesk-LightItalic20.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-LightItalic20.woff') format('woff');
    font-weight:-300;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Medium-15';
    src: url('/fonts/SharpGrotesk-Medium15.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Medium15.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Medium-10';
    src: url('/fonts/SharpGrotesk-Medium10.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Medium10.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Light-Italic-05';
    src: url('/fonts/SharpGrotesk-LightItalic05.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-LightItalic05.woff') format('woff');
    font-weight:-300;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-SemiBold-05';
    src: url('/fonts/SharpGrotesk-SemiBold05.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-SemiBold05.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Medium-20';
    src: url('/fonts/SharpGrotesk-Medium20.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Medium20.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Medium-Italic-20';
    src: url('/fonts/SharpGrotesk-MediumItalic20.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-MediumItalic20.woff') format('woff');
    font-weight: 500;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Medium-Italic-10';
    src: url('/fonts/SharpGrotesk-MediumItalic10.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-MediumItalic10.woff') format('woff');
    font-weight: 500;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Medium-Italic-05';
    src: url('/fonts/SharpGrotesk-MediumItalic05.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-MediumItalic05.woff') format('woff');
    font-weight: 500;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Medium-Italic-15';
    src: url('/fonts/SharpGrotesk-MediumItalic15.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-MediumItalic15.woff') format('woff');
    font-weight: 500;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Medium-25';
    src: url('/fonts/SharpGrotesk-Medium25.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Medium25.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-SemiBold-20';
    src: url('/fonts/SharpGrotesk-SemiBold20.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-SemiBold20.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-SemiBold-10';
    src: url('/fonts/SharpGrotesk-SemiBold10.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-SemiBold10.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-SemiBold-15';
    src: url('/fonts/SharpGrotesk-SemiBold15.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-SemiBold15.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-SemiBold-25';
    src: url('/fonts/SharpGrotesk-SemiBold25.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-SemiBold25.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-SmBold-Italic-20';
    src: url('/fonts/SharpGrotesk-SemiBoldItalic20.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-SemiBoldItalic20.woff') format('woff');
    font-weight: 600;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Thin-05';
    src: url('/fonts/SharpGrotesk-Thin05.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Thin05.woff') format('woff');
    font-weight:-100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-SmBold-Italic-10';
    src: url('/fonts/SharpGrotesk-SemiBoldItalic10.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-SemiBoldItalic10.woff') format('woff');
    font-weight: 600;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-SmBold-Italic-05';
    src: url('/fonts/SharpGrotesk-SemiBoldItalic05.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-SemiBoldItalic05.woff') format('woff');
    font-weight: 600;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-SmBold-Italic-15';
    src: url('/fonts/SharpGrotesk-SemiBoldItalic15.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-SemiBoldItalic15.woff') format('woff');
    font-weight: 600;
    font-style:-Italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Thin-15';
    src: url('/fonts/SharpGrotesk-Thin15.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Thin15.woff') format('woff');
    font-weight:-100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Thin-25';
    src: url('/fonts/SharpGrotesk-Thin25.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Thin25.woff') format('woff');
    font-weight:-100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Thin-10';
    src: url('/fonts/SharpGrotesk-Thin10.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Thin10.woff') format('woff');
    font-weight:-100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sharp-Grotesk-Thin-20';
    src: url('/fonts/SharpGrotesk-Thin20.woff2') format('woff2'),
        url('/fonts/SharpGrotesk-Thin20.woff') format('woff');
    font-weight:-100;
    font-style: normal;
    font-display: swap;
}

/* SharpSans */
@font-face {
  font-family: 'SharpSans';
  src: url('/fonts/SharpSans-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SharpSans';
  src: url('/fonts/SharpSansTRIAL-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'SharpSans';
  src: url('/fonts/SharpSans-Book.woff') format('woff');
  font-weight: 450;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SharpSans';
  src: url('/fonts/SharpSansTRIAL-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SharpSans';
  src: url('/fonts/SharpSansTRIAL-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'SharpSans';
  src: url('/fonts/SharpSansTRIAL-Extrabold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}