/* ============================================================================================== */
/* GRAPHIC FONT FAMILY */
/* ============================================================================================== */

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-thin.woff2') format('woff2'), url('../woff/graphik-thin.woff') format('woff'),
    url('../ttf/graphik-thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-thinitalic.woff2') format('woff2'),
    url('../woff/graphik-thinitalic.woff') format('woff'), url('../ttf/graphik-thinitalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-extralight.woff2') format('woff2'),
    url('../woff/graphik-extralight.woff') format('woff'), url('../ttf/graphik-extralight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-extralightitalic.woff2') format('woff2'),
    url('../woff/graphik-extralightitalic.woff') format('woff'),
    url('../ttf/graphik-extralightitalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-light.woff2') format('woff2'), url('../woff/graphik-light.woff') format('woff'),
    url('../ttf/graphik-light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-lightitalic.woff2') format('woff2'),
    url('../woff/graphik-lightitalic.woff') format('woff'),
    url('../ttf/graphik-lightitalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-regular.woff2') format('woff2'), url('../woff/graphik-regular.woff') format('woff'),
    url('../ttf/graphik-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-regularitalic.woff2') format('woff2'),
    url('../woff/graphik-regularitalic.woff') format('woff'),
    url('../ttf/graphik-regularitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-medium.woff2') format('woff2'), url('../woff/graphik-medium.woff') format('woff'),
    url('../ttf/graphik-medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-mediumitalic.woff2') format('woff2'),
    url('../woff/graphik-mediumitalic.woff') format('woff'),
    url('../ttf/graphik-mediumitalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-semibold.woff2') format('woff2'), url('../woff/graphik-semibold.woff') format('woff'),
    url('../ttf/graphik-semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-semibolditalic.woff2') format('woff2'),
    url('../woff/graphik-semibolditalic.woff') format('woff'),
    url('../ttf/graphik-semibolditalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-bold.woff2') format('woff2'), url('../woff/graphik-bold.woff') format('woff'),
    url('../ttf/graphik-bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-condensedbold.woff2') format('woff2'),
    url('../woff/graphik-condensedbold.woff') format('woff'),
    url('../ttf/graphik-condensedbold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-stretch: condensed;
  font-display: block;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-bolditalic.woff2') format('woff2'),
    url('../woff/graphik-bolditalic.woff') format('woff'), url('../ttf/graphik-bolditalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-black.woff2') format('woff2'), url('../woff/graphik-black.woff') format('woff'),
    url('../ttf/graphik-black.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-blackitalic.woff2') format('woff2'),
    url('../woff/graphik-blackitalic.woff') format('woff'),
    url('../ttf/graphik-blackitalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-super.woff2') format('woff2'), url('../woff/graphik-super.woff') format('woff'),
    url('../ttf/graphik-super.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../woff2/graphik-superitalic.woff2') format('woff2'),
    url('../woff/graphik-superitalic.woff') format('woff'),
    url('../ttf/graphik-superitalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik Arabic';
  src: url('../woff2/graphikarabic-thin.woff2') format('woff2'),
    url('../woff/graphikarabic-thin.woff') format('woff'), url('../ttf/graphikarabic-thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik Arabic';
  src: url('../woff2/graphikarabic-extralight.woff2') format('woff2'),
    url('../woff/graphikarabic-extralight.woff') format('woff'),
    url('../ttf/graphikarabic-extralight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik Arabic';
  src: url('../woff2/graphikarabic-light.woff2') format('woff2'),
    url('../woff/graphikarabic-light.woff') format('woff'),
    url('../ttf/graphikarabic-light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik Arabic';
  src: url('../woff2/graphikarabic-regular.woff2') format('woff2'),
    url('../woff/graphikarabic-regular.woff') format('woff'),
    url('../ttf/graphikarabic-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik Arabic';
  src: url('../woff2/graphikarabic-medium.woff2') format('woff2'),
    url('../woff/graphikarabic-medium.woff') format('woff'),
    url('../ttf/graphikarabic-medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik Arabic';
  src: url('../woff2/graphikarabic-semibold.woff2') format('woff2'),
    url('../woff/graphikarabic-semibold.woff') format('woff'),
    url('../ttf/graphikarabic-semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik Arabic';
  src: url('../woff2/graphikarabic-bold.woff2') format('woff2'),
    url('../woff/graphikarabic-bold.woff') format('woff'), url('../ttf/graphikarabic-bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik Arabic';
  src: url('../woff2/graphikarabic-black.woff2') format('woff2'),
    url('../woff/graphikarabic-black.woff') format('woff'),
    url('../ttf/graphikarabic-black.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik Arabic';
  src: url('../woff2/graphikarabic-super.woff2') format('woff2'),
    url('../woff/graphikarabic-super.woff') format('woff'),
    url('../ttf/graphikarabic-super.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}