@font-face{
    font-family:"OpenSans";
    font-weight: 400;
    font-style: normal;
    src: local("../fonts/OpenSans/OpenSans-Regular.ttf"),
    url("../fonts/OpenSans/OpenSans-Regular.ttf") format('truetype');
}
@font-face{
    font-family:"OpenSans";
    font-weight: bold;
    font-style: normal;
    src: local("../fonts/OpenSans/OpenSans-Bold.ttf"),
    url("../fonts/OpenSans/OpenSans-Bold.ttf") format('truetype');
}
@font-face{
    font-family:"OpenSans";
    font-weight: bold;
    font-style: italic;
    src: local("../fonts/OpenSans/OpenSans-BoldItalic.ttf"),
    url("../fonts/OpenSans/OpenSans-BoldItalic.ttf") format('truetype');
}
@font-face{
    font-family:"OpenSans";
    font-weight: 800;
    font-style: normal;
    src: local("../fonts/OpenSans/OpenSans-ExtraBold.ttf"),
    url("../fonts/OpenSans/OpenSans-ExtraBold.ttf") format('truetype');
}
@font-face{
    font-family:"OpenSans";
    font-weight: 800;
    font-style: italic;
    src: local("../fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf"),
    url("../fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf") format('truetype');
}
@font-face{
    font-family:"OpenSans";
    font-weight: 400;
    font-style: italic;
    src: local("../fonts/OpenSans/OpenSans-Italic.ttf"),
    url("../fonts/OpenSans/OpenSans-Italic.ttf") format('truetype');
}
@font-face{
    font-family:"OpenSans";
    font-weight: 300;
    font-style: normal;
    src: local("../fonts/OpenSans/OpenSans-Light.ttf"),
    url("../fonts/OpenSans/OpenSans-Light.ttf") format('truetype');
}
@font-face{
    font-family:"OpenSans";
    font-weight: 300;
    font-style: italic;
    src: local("../fonts/OpenSans/OpenSans-LightItalic.ttf"),
    url("../fonts/OpenSans/OpenSans-LightItalic.ttf") format('truetype');
}
@font-face{
    font-family:"OpenSans";
    font-weight: 600;
    font-style: normal;
    src: local("../fonts/OpenSans/OpenSans-SemiBold.ttf"),
    url("../fonts/OpenSans/OpenSans-Semibold.ttf") format('truetype');
}
@font-face{
    font-family:"OpenSans";
    font-weight: 600;
    font-style: italic;
    src: local("../fonts/OpenSans/OpenSans-SemiBoldItalic.ttf"),
    url("../fonts/OpenSans/OpenSans-SemiboldItalic.ttf") format('truetype');
}


/*AVENIR*/
@font-face{
    font-family:"Avenir";
    font-weight: 400;
    font-style: normal;
    src: local("../fonts/Avenir/Avenir-Book.ttf"),
    url("../fonts/Avenir/Avenir-Book.ttf") format('truetype');
}
@font-face{
    font-family:"Avenir";
    font-weight: 600;
    font-style: normal;
    src: local("../fonts/Avenir/Avenir-Heavy.ttf"),
    url("../fonts/Avenir/Avenir-Heavy.ttf") format('truetype');
}
@font-face{
    font-family:"Avenir";
    font-weight: 600;
    font-style: italic;
    src: local("../fonts/Avenir/Avenir-HeavyOblique.ttf"),
    url("../fonts/Avenir/Avenir-HeavyOblique.ttf") format('truetype');
}
@font-face{
    font-family:"Avenir";
    font-weight: 800;
    font-style: normal;
    src: local("../fonts/Avenir/Avenir-Black.ttf"),
    url("../fonts/Avenir/Avenir-Black.ttf") format('truetype');
}
@font-face{
    font-family:"Avenir";
    font-weight: 800;
    font-style: italic;
    src: local("../fonts/Avenir/Avenir-BlackOblique.ttf"),
    url("../fonts/Avenir/Avenir-BlackOblique.ttf") format('truetype');
}
@font-face{
    font-family:"Avenir";
    font-weight: 400;
    font-style: italic;
    src: local("../fonts/Avenir/Avenir-BookOblique.ttf"),
    url("../fonts/Avenir/Avenir-BookOblique.ttf") format('truetype');
}
@font-face{
    font-family:"Avenir";
    font-weight: 300;
    font-style: normal;
    src: local("../fonts/Avenir/Avenir-Light.ttf"),
    url("../fonts/Avenir/Avenir-Light.ttf") format('truetype');
}
@font-face{
    font-family:"Avenir";
    font-weight: 300;
    font-style: italic;
    src: local("../fonts/Avenir/Avenir-LightOblique.ttf"),
    url("../fonts/Avenir/Avenir-LightOblique.ttf") format('truetype');
}
@font-face{
    font-family:"Avenir";
    font-weight: 500;
    font-style: normal;
    src: local("../fonts/Avenir/Avenir-Medium.ttf"),
    url("../fonts/Avenir/Avenir-Medium.ttf") format('truetype');
}
@font-face{
    font-family:"Avenir";
    font-weight: 500;
    font-style: italic;
    src: local("../fonts/Avenir/Avenir-MediumOblique.ttf"),
    url("../fonts/Avenir/Avenir-MediumOblique.ttf") format('truetype');
}


/*METAPRO*/
@font-face{
    font-family:"MetaPro";
    font-weight: 400;
    font-style: normal;
    src: local("../fonts/MetaPro/MetaPro-Book.otf"),
    url("../fonts/MetaPro/MetaPro-Book.otf") format('opentype');
}
@font-face{
    font-family:"MetaPro";
    font-weight: 400;
    font-style: italic;
    src: local("../fonts/MetaPro/MetaPro-BookItalic.otf"),
    url("../fonts/MetaPro/MetaPro-BookItalic.otf") format('opentype');
}
@font-face{
    font-family:"MetaPro";
    font-weight: bold;
    font-style: normal;
    src: local("../fonts/MetaPro/MetaPro-Bold.otf"),
    url("../fonts/MetaPro/MetaPro-Bold.otf") format('opentype');
}
@font-face{
    font-family:"MetaPro";
    font-weight: bold;
    font-style: italic;
    src: local("../fonts/MetaPro/MetaPro-BoldItalic.otf"),
    url("../fonts/MetaPro/MetaPro-BoldItalic.otf") format('opentype');
}
@font-face{
    font-family:"MetaPro";
    font-weight: 800;
    font-style: normal;
    src: local("../fonts/MetaPro/MetaPro-Black.otf"),
    url("../fonts/MetaPro/MetaPro-Black.otf") format('opentype');
}
@font-face{
    font-family:"MetaPro";
    font-weight: 800;
    font-style: italic;
    src: local("../fonts/MetaPro/MetaPro-BlackItalic.otf"),
    url("../fonts/MetaPro/MetaPro-BlackItalic.otf") format('opentype');
}
@font-face{
    font-family:"MetaPro";
    font-weight: 500;
    font-style: normal;
    src: local("../fonts/MetaPro/MetaPro-Medium.otf"),
    url("../fonts/MetaPro/MetaPro-Medium.otf") format('opentype');
}
@font-face{
    font-family:"MetaPro";
    font-weight: 500;
    font-style: italic;
    src: local("../fonts/MetaPro/MetaPro-Mediumtalic.otf"),
    url("../fonts/MetaPro/MetaPro-MediumItalic.otf") format('opentype');
}
@font-face{
    font-family:"MetaPro";
    font-weight: normal;
    font-style: normal;
    src: local("../fonts/MetaPro/MetaPro-Normal.otf"),
    url("../fonts/MetaPro/MetaPro-Normal.otf") format('opentypee');
}
@font-face{
    font-family:"MetaPro";
    font-weight: normal;
    font-style: italic;
    src: local("../fonts/MetaPro/MetaPro-NormalItalic.otf"),
    url("../fonts/MetaPro/MetaPro-NormalItalic.otf") format('opentypee');
}


/*PT SERIF*/
@font-face{
    font-family:"Pt-Serif-Web";
    font-weight: 400;
    font-style: normal;
    src: local("../fonts/Pt-Serif-Web/Pt-Serif-Web-Regular.ttf"),
    url("../fonts/Pt-Serif-Web/Pt-Serif-Web-Regular.ttf") format('truetype');
}
@font-face{
    font-family:"Pt-Serif-Web";
    font-weight: 400;
    font-style: italic;
    src: local("../fonts/Pt-Serif-Web/Pt-Serif-Web-Italic.ttf"),
    url("../fonts/Pt-Serif-Web/Pt-Serif-Web-Italic.ttf") format('truetype');
}
@font-face{
    font-family:"Pt-Serif-Web";
    font-weight: bold;
    font-style: normal;
    src: local("../fonts/Pt-Serif-Web/Pt-Serif-Web-Bold.ttf"),
    url("../fonts/Pt-Serif-Web/Pt-Serif-Web-Bold.ttf") format('truetype');
}
@font-face{
    font-family:"Pt-Serif-Web";
    font-weight: bold;
    font-style: italic;
    src: local("../fonts/Pt-Serif-Web/Pt-Serif-Web-BoldItalic.ttf"),
    url("../fonts/Pt-Serif-Web/Pt-Serif-Web-BoldItalic.ttf") format('truetype');
}


/*Libel-Suit*/
@font-face{
    font-family:"Libel-Suit-Rg";
    font-weight: 400;
    font-style: normal;
    src: local("../fonts/Libel-Suit-Rg/Libel-Suit-Rg.ttf"),
    url("../fonts/Libel-Suit-Rg/Libel-Suit-Rg.ttf") format('truetype');
}


/*Ebrima*/
@font-face{
    font-family:"Ebrima";
    font-weight: 400;
    font-style: normal;
    src: local("../fonts/Ebrima/Ebrima.ttf"),
    url("../fonts/Ebrima/Ebrima.ttf") format('truetype');
}
@font-face{
    font-family:"Ebrima";
    font-weight: bold;
    src: local("../fonts/Ebrima/Ebrima-Bold.ttf"),
    url("../fonts/Ebrima/Ebrima-Bold.ttf") format('truetype');
}


/*Roboto*/
@font-face{
    font-family:"Roboto";
    font-weight: 200;
    font-style: normal;
    src: local("../fonts/Roboto/Roboto-Thin.ttf"),
    url("../fonts/Roboto/Roboto-Regular.ttf") format('truetype');
}
@font-face{
    font-family:"Roboto";
    font-weight: 200;
    font-style: italic;
    src: local("../fonts/Roboto/Roboto-ThinItalic.ttf"),
    url("../fonts/Roboto/Roboto-ThinItalic.ttf") format('truetype');
}
@font-face{
    font-family:"Roboto";
    font-weight: 300;
    font-style: normal;
    src: local("../fonts/Roboto/Roboto-Light.ttf"),
    url("../fonts/Roboto/Roboto-Light.ttf") format('truetype');
}
@font-face{
    font-family:"Roboto";
    font-weight: 300;
    font-style: italic;
    src: local("../fonts/Roboto/Roboto-LightItalic.ttf"),
    url("../fonts/Roboto/Roboto-LightItalic.ttf") format('truetype');
}
@font-face{
    font-family:"Roboto";
    font-weight: 400;
    font-style: normal;
    src: local("../fonts/Roboto/Roboto-Regular.ttf"),
    url("../fonts/Roboto/Roboto-Regular.ttf") format('truetype');
}
@font-face{
    font-family:"Roboto";
    font-weight: 400;
    font-style: italic;
    src: local("../fonts/Roboto/Roboto-Italic.ttf"),
    url("../fonts/Roboto/Roboto-Italic.ttf") format('truetype');
}
@font-face{
    font-family:"Roboto";
    font-weight:500;
    font-style: normal;
    src: local("../fonts/Roboto/Roboto-Medium.ttf"),
    url("../fonts/Roboto/Roboto-Medium.ttf") format('truetype');
}
@font-face{
    font-family:"Roboto";
    font-weight: 500;
    font-style: italic;
    src: local("../fonts/Roboto/Roboto-MediumItalic.ttf"),
    url("../fonts/Roboto/Roboto-MediumItalic.ttf") format('truetype');
}
@font-face{
    font-family:"Roboto";
    font-weight: bold;
    font-style: normal;
    src: local("../fonts/Roboto/Roboto-Bold.ttf"),
    url("../fonts/Roboto/Roboto-Bold.ttf") format('truetype');
}
@font-face{
    font-family:"Roboto";
    font-weight: bold;
    font-style: italic;
    src: local("../fonts/Roboto/Roboto-BoldItalic.ttf"),
    url("../fonts/Roboto/Roboto-BoldItalic.ttf") format('truetype');
}
@font-face{
    font-family:"Roboto";
    font-weight: 800;
    font-style: normal;
    src: local("../fonts/Roboto/Roboto-Black.ttf"),
    url("../fonts/Roboto/Roboto-Bold.ttf") format('truetype');
}
@font-face{
    font-family:"Roboto";
    font-weight: 800;
    font-style: italic;
    src: local("../fonts/Roboto/Roboto-BlackItalic.ttf"),
    url("../fonts/Roboto/Roboto-BlackItalic.ttf") format('truetype');
}