/* --- Standard Roboto --- */
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/Roboto-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; }

/* --- Roboto Condensed --- */
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Roboto Condensed'; src: url('/fonts/roboto/Roboto_Condensed-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; }

/* --- Roboto SemiCondensed --- */
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Roboto SemiCondensed'; src: url('/fonts/roboto/Roboto_SemiCondensed-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; }