@font-face {
  font-family: 'Play';
  font-weight: 400;
  src: url('../fonts/Play-Regular/Play-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Play';
  font-weight: 700;
  src: url('../fonts/Play-Bold/Play-Bold.ttf') format('truetype');
}

/* =============================== */

@font-face {
  font-family: 'Segoe UI';
  font-weight: 400;
  src: url('../fonts/Segoe UI-Regular/Segoe_UI.eot');
  src: url('../fonts/Segoe UI-Regular/Segoe_UI.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Segoe UI-Regular/Segoe_UI.woff2') format('woff2'),
  url('../fonts/Segoe UI-Regular/Segoe_UI.woff') format('woff'),
  url('../fonts/Segoe UI-Regular/Segoe_UI.ttf') format('truetype'),
  url('../fonts/Segoe UI-Regular/Segoe_UI.svg#roboto_black') format('svg');
}

@font-face {
  font-family: 'Segoe UI';
  font-weight: 700;
  src: url('../fonts/Segoe UI-Bold/Segoe UI_Bold.eot');
  src: url('../fonts/Segoe UI-Bold/Segoe UI_Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Segoe UI-Bold/Segoe UI_Bold.woff') format('woff'),
  url('../fonts/Segoe UI-Bold/Segoe UI_Bold.ttf') format('truetype'),
}

@font-face {
  font-family: 'Segoe UI';
  font-weight: 600;
  src: url('../fonts/Segoe UI-Semibold/Segoe UI_Semibold.eot');
  src: url('../fonts/Segoe UI-Semibold/Segoe UI_Semibold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Segoe UI-Semibold/Segoe UI_Semibold.woff2') format('woff2'),
  url('../fonts/Segoe UI-Semibold/Segoe UI_Semibold.woff') format('woff'),
  url('../fonts/Segoe UI-Semibold/Segoe UI_Semibold.ttf') format('truetype'),
  url('../fonts/Segoe UI-Semibold/Segoe UI_Semibold.svg#roboto_black') format('svg');
}

@font-face {
  font-family: 'Segoe UI';
  font-weight: 300;
  src: url('../fonts/Segoe UI-Semilight/Segoe UI_Semilight.eot');
  src: url('../fonts/Segoe UI-Semilight/Segoe UI_Semilight.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Segoe UI-Semilight/Segoe UI_Semilight.woff2') format('woff2'),
  url('../fonts/Segoe UI-Semilight/Segoe UI_Semilight.woff') format('woff'),
  url('../fonts/Segoe UI-Semilight/Segoe UI_Semilight.ttf') format('truetype'),
  url('../fonts/Segoe UI-Semilight/Segoe UI_Semilight.svg#roboto_black') format('svg');
}

@font-face {
  font-family: FontAwesome; 
  src: url('../fonts/fontawesome/FontAwesome.otf'),
  url('../fonts/fontawesome/fontawesome-webfont.eot') format("embedded-opentype"),
  url('../fonts/fontawesome/fontawesome-webfont.svg') format("svg"),
  url('../fonts/fontawesome/fontawesome-webfont.ttf') format("truetype"),
  url('../fonts/fontawesome/fontawesome-webfont.woff') format("woff"),
  url('../fonts/fontawesome/fontawesome-webfont.woff2');
}