@font-face {
    font-family: 'Font Awesome';
    font-weight: normal;
    font-style: normal;
    src: url(fontawesome-webfont.ttf);
}
/*  Open Sans Family  */
@font-face {
    font-family: 'Open-Sans';
    font-style: normal;
    font-weight: 200;
    src: url('open-sans/OpenSans-Light.ttf');
}
@font-face {
    font-family: 'Open-Sans';
    font-style: italic;
    font-weight: 200;
    src: url('open-sans/OpenSans-LightItalic.ttf');
}
@font-face {
    font-family: 'Open-Sans';
    font-style: normal;
    font-weight: normal;
    src: url('open-sans/OpenSans-Regular.ttf');
}
@font-face {
    font-family: 'Open-Sans';
    font-style: italic;
    font-weight: normal;
    src: url('open-sans/OpenSans-Italic.ttf');
}
@font-face {
    font-family: 'Open-Sans';
    font-style: normal;
    font-weight: 600;
    src: url('open-sans/OpenSans-Semibold.ttf');
}
@font-face {
    font-family: 'Open-Sans';
    font-style: italic;
    font-weight: 600;
    src: url('open-sans/OpenSans-SemiboldItalic.ttf');
}
@font-face {
    font-family: 'Open-Sans';
    font-style: normal;
    font-weight: bold;
    src: url('open-sans/OpenSans-Bold.ttf');
}
@font-face {
    font-family: 'Open-Sans';
    font-style: italic;
    font-weight: bold;
    src: url('open-sans/OpenSans-BoldItalic.ttf');
}
@font-face {
    font-family: 'Open-Sans';
    font-style: normal;
    font-weight: 900;
    src: url('open-sans/OpenSans-ExtraBold.ttf');
}
@font-face {
    font-family: 'Open-Sans';
    font-style: italic;
    font-weight: 900;
    src: url('open-sans/OpenSans-ExtraBoldItalic.ttf');
}

/*  Open Sans Condensed Family  */

@font-face {
    font-family: 'Open-Sans Condensed';
    font-style: normal;
    font-weight: 200;
    src: url('open-sans-condensed/OpenSans-CondLight.ttf');
}
@font-face {
    font-family: 'Open-Sans Condensed';
    font-style: italic;
    font-weight: 200;
    src: url('open-sans-condensed/OpenSans-CondLightItalic.ttf');
}
@font-face {
    font-family: 'Open-Sans Condensed';
    font-style: normal;
    font-weight: bold;
    src: url('open-sans-condensed/OpenSans-CondBold.ttf');
}

/*  Roboto Family  */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 200;
    src: url(roboto/Roboto-Thin.ttf);
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 200;
    src: url(roboto/Roboto-ThinItalic.ttf);
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(roboto/Roboto-Light.ttf);
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url(roboto/Roboto-LightItalic.ttf);
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    src: url(roboto/Roboto-Regular.ttf);
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: normal;
    src: url(roboto/Roboto-Italic.ttf);
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(roboto/Roboto-Medium.ttf);
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url(roboto/Roboto-MediumItalic.ttf);
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    src: url(roboto/Roboto-Bold.ttf);
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: bold;
    src: url(roboto/Roboto-BoldItalic.ttf);
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url(roboto/Roboto-Black.ttf);
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url(roboto/Roboto-BlackItalic.ttf);
}

/*  Roboto Condensed Family  */

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url(roboto/RobotoCondensed-Light.ttf);
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    src: url(roboto/RobotoCondensed-LightItalic.ttf);
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: normal;
    src: url(roboto/RobotoCondensed-Regular.ttf);
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: normal;
    src: url(roboto/RobotoCondensed-Italic.ttf);
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: bold;
    src: url(roboto/RobotoCondensed-Bold.ttf);
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: bold;
    src: url(roboto/RobotoCondensed-BoldItalic.ttf);
}

/*  Roboto Slab Family  */

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 100;
    src: url('roboto-slab/RobotoSlab-Thin.ttf');
}
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 200;
    src: url('roboto-slab/RobotoSlab-Light.ttf');
}
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: normal;
    src: url('roboto-slab/RobotoSlab-Regular.ttf');
}
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: bold;
    src: url('roboto-slab/RobotoSlab-Bold.ttf');
}

/*  Lato Family  */

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    src: url('lato/Lato-Hairline.ttf');
}
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 100;
    src: url('lato/Lato-HairlineItalic.ttf');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 200;
    src: url('lato/Lato-Thin.ttf');
}
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 200;
    src: url('lato/Lato-ThinItalic.ttf');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url('lato/Lato-Light.ttf');
}
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    src: url('lato/Lato-LightItalic.ttf');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: normal;
    src: url('lato/Lato-Regular.ttf');
}
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: normal;
    src: url('lato/Lato-Italic.ttf');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    src: url('lato/Lato-Semibold.ttf');
}
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 600;
    src: url('lato/Lato-SemiboldItalic.ttf');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: bold;
    src: url('lato/Lato-Bold.ttf');
}
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: bold;
    src: url('lato/Lato-BoldItalic.ttf');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 800;
    src: url('lato/Lato-Heavy.ttf');
}
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 800;
    src: url('lato/Lato-HeavyItalic.ttf');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url('lato/Lato-Black.ttf');
}
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 900;
    src: url('lato/Lato-BlackItalic.ttf');
}

/*  Uni Sans Family  */

@font-face {
    font-family: 'Uni Sans';
    font-weight: 200;
    font-style: normal;
    src: url(uni-sans/Uni-Sans-Thin.otf);
}
@font-face {
    font-family: 'Uni Sans';
    font-weight: 200;
    font-style: italic;
    src: url(uni-sans/Uni-Sans-Thin-Italic.otf);
}
@font-face {
    font-family: 'Uni Sans';
    font-weight: 800;
    font-style: normal;
    src: url(uni-sans/Uni-Sans-Heavy.otf);
}
@font-face {
    font-family: 'Uni Sans';
    font-weight: 800;
    font-style: italic;
    src: url(uni-sans/Uni-Sans-Heavy-Italic.otf);
}

/*  Exo Family  */

@font-face {
    font-family: 'Exo';
    font-style: normal;
    font-weight: 100;
    src: url(exo/Exo-Thin.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: italic;
    font-weight: 100;
    src: url(exo/Exo-ThinItalic.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: normal;
    font-weight: 200;
    src: url(exo/Exo-ExtraLight.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: italic;
    font-weight: 200;
    src: url(exo/Exo-ExtraLightItalic.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: normal;
    font-weight: 300;
    src: url(exo/Exo-Light.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: italic;
    font-weight: 300;
    src: url(exo/Exo-LightItalic.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: normal;
    font-weight: normal;
    src: url(exo/Exo-Regular.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: italic;
    font-weight: normal;
    src: url(exo/Exo-Italic.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: normal;
    font-weight: normal;
    src: url(exo/Exo-Regular.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: italic;
    font-weight: normal;
    src: url(exo/Exo-Italic.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: normal;
    font-weight: 500;
    src: url(exo/Exo-Medium.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: italic;
    font-weight: 500;
    src: url(exo/Exo-MediumItalic.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: normal;
    font-weight: 600;
    src: url(exo/Exo-SemiBold.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: italic;
    font-weight: 600;
    src: url(exo/Exo-SemiBoldItalic.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: normal;
    font-weight: bold;
    src: url(exo/Exo-Bold.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: italic;
    font-weight: bold;
    src: url(exo/Exo-BoldItalic.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: normal;
    font-weight: 800;
    src: url(exo/Exo-ExtraBold.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: italic;
    font-weight: 800;
    src: url(exo/Exo-ExtraBoldItalic.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: normal;
    font-weight: 900;
    src: url(exo/Exo-Black.ttf);
}
@font-face {
    font-family: 'Exo';
    font-style: italic;
    font-weight: 900;
    src: url(exo/Exo-BlackItalic.ttf);
}

/*  Fira Sans Family  */

@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 100;
    src: url(fira-sans/FiraSans-Thin.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 100;
    src: url(fira-sans/FiraSans-ThinItalic.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 200;
    src: url(fira-sans/FiraSans-ExtraLight.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 200;
    src: url(fira-sans/FiraSans-ExtraLightItalic.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: url(fira-sans/FiraSans-Light.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 300;
    src: url(fira-sans/FiraSans-LightItalic.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: normal;
    src: url(fira-sans/FiraSans-Regular.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: normal;
    src: url(fira-sans/FiraSans-Italic.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: url(fira-sans/FiraSans-Medium.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 500;
    src: url(fira-sans/FiraSans-MediumItalic.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    src: url(fira-sans/FiraSans-SemiBold.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 600;
    src: url(fira-sans/FiraSans-SemiBoldItalic.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: bold;
    src: url(fira-sans/FiraSans-Bold.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: bold;
    src: url(fira-sans/FiraSans-BoldItalic.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 800;
    src: url(fira-sans/FiraSans-Heavy.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 800;
    src: url(fira-sans/FiraSans-HeavyItalic.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 900;
    src: url(fira-sans/FiraSans-Ultra.otf);
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 900;
    src: url(fira-sans/FiraSans-HeavyItalic.otf);
}