@font-face { font-family: Titillium Web; src: url('../my_fonts/Titillium Web-Regular.otf'); }
@font-face { font-family: Titillium Web-SemiBold; src: url('../my_fonts/Titillium Web-Italic.otf'); }
@font-face { font-family: Titillium Web-ExtraLightItalic; src: url('../my_fonts/Titillium Web-Thin.otf'); }
@font-face { font-family: Titillium Web-ExtraLight; src: url('../my_fonts/Titillium Web-ThinItalic.otf'); }
@font-face { font-family: Titillium Web-Light; src: url('../my_fonts/Titillium Web-Light.otf'); }
@font-face { font-family: Titillium Web-LightItalic; src: url('../my_fonts/Titillium Web-LightItalic.otf'); }
@font-face { font-family: Titillium Web-Regular; src: url('../my_fonts/Titillium Web-Semi.otf'); }
@font-face { font-family: Titillium Web-Italic; src: url('../my_fonts/Titillium Web-SemiItalic.otf'); }
@font-face { font-family: Titillium Web-Bold; src: url('../my_fonts/Titillium Web-Bold.otf'); }
@font-face { font-family: Titillium Web-BoldItalic; src: url('../my_fonts/Titillium Web-BoldItalic.otf'); }
@font-face { font-family: Titillium Web-Black; src: url('../my_fonts/Titillium Web-Black.otf'); }
@font-face { font-family: Titillium Web-Black-It; src: url('../my_fonts/Titillium Web-BlackItalic.otf'); }



.normal { font-family: Titillium Web, sans-serif; }
.italic, i { font-family: Titillium Web-It, sans-serif; }
.bold, b { font-family: Titillium Web-Bold, sans-serif; }
.bold-italic, bi { font-family: Titillium Web-Bold-It, sans-serif; }
.thin { font-family: Titillium Web-Thin, sans-serif; }
.thin-italic { font-family: Titillium Web-Thin-It, sans-serif; }
.light { font-family: Titillium Web-Light, sans-serif; }
.light-italic { font-family: Titillium Web-Light-It, sans-serif; }
.Semi { font-family: Titillium Web-Semi, sans-serif; }
.Semi-italic { font-family: Titillium Web-Semi-It, sans-serif; }
.black { font-family: Titillium Web-Black, sans-serif; }
.black-italic { font-family: Titillium Web-Black-It, sans-serif; }