@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/dinpro/DINPro-Medium.woff2') format('woff2'),
    url('../fonts/dinpro/DINPro-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/dinpro/DINPro.woff2') format('woff2'),
    url('../fonts/dinpro/DINPro.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/dinpro/DINPro-MediumItalic.woff2') format('woff2'),
    url('../fonts/dinpro/DINPro-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/dinpro/DINPro-Italic.woff2') format('woff2'),
    url('../fonts/dinpro/DINPro-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/dinpro/DINPro-Light.woff2') format('woff2'),
    url('../fonts/dinpro/DINPro-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/dinpro/DINPro-LightItalic.woff2') format('woff2'),
    url('../fonts/dinpro/DINPro-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/dinpro/DINPro-BlackItalic.woff2') format('woff2'),
    url('../fonts/dinpro/DINPro-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/dinpro/DINPro-BoldItalic.woff2') format('woff2'),
    url('../fonts/dinpro/DINPro-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/dinpro/DINPro-Bold.woff2') format('woff2'),
    url('../fonts/dinpro/DINPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/dinpro/DINPro-Black.woff2') format('woff2'),
    url('../fonts/dinpro/DINPro-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* nohemi */
@font-face {
  font-family: 'Nohemi';
  src: url('../fonts/nohemi/Nohemi-Black.woff2') format('woff2'),
    url('../fonts/nohemi/Nohemi-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'Nohemi';
  src: url('../fonts/nohemi/Nohemi-ExtraBold.woff2') format('woff2'),
    url('../fonts/nohemi/Nohemi-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

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

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

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

@font-face {
  font-family: 'Nohemi';
  src: url('../fonts/nohemi/Nohemi-ExtraLight.woff2') format('woff2'),
    url('../fonts/nohemi/Nohemi-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nohemi';
  src: url('../fonts/nohemi/Nohemi-Regular.woff2') format('woff2'),
    url('../fonts/nohemi/Nohemi-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

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

body {
  font-family: "DIN Pro", sans-serif;
  font-weight: normal;
  font-style: normal;
}

.nav>li>a,
.mobile-sidebar-levels-2 .nav>li>ul>li>a {
  font-family: "DIN Pro", sans-serif;
  font-weight: 500;
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a,
.banner h1,
.banner h2 {
  font-family: "DIN Pro", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.nohemi-font,
.nohemi-font>* {
  font-family: "Nohemi", sans-serif !important;
}

.fw-regular,
.fw-regular>* {
  font-weight: normal !important;
}

.fw-100,
.fw-100>* {
  font-weight: 100 !important;
}

.fw-200,
.fw-200>* {
  font-weight: 200 !important;
}

.fw-300,
.fw-300>* {
  font-weight: 300 !important;
}

.fw-500,
.fw-500>* {
  font-weight: 500 !important;
}

.fw-600,
.fw-600>* {
  font-weight: 600 !important;
}

.fw-bold,
.fw-bold>* {
  font-weight: bold !important;
}

.fw-900,
.fw-900>* {
  font-weight: 900 !important;
}