@font-face {
   font-family: "Roboto";
   src: url("fonts/Roboto.eot") format("embedded-opentype"),
       url("fonts/Roboto.ttf") format("truetype"),
       url("fonts/Roboto.woff") format("woff"),
       url("fonts/Roboto.svg") format("svg");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Roboto";
   src: url("fonts/Roboto-Black.eot") format("embedded-opentype"),
       url("fonts/Roboto-Black.ttf") format("truetype"),
       url("fonts/Roboto-Black.woff") format("woff"),
       url("fonts/Roboto-Black.svg") format("svg");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Roboto";
   src: url("fonts/Roboto-Black-Italic.eot") format("embedded-opentype"),
       url("fonts/Roboto-Black-Italic.ttf") format("truetype"),
       url("fonts/Roboto-Black-Italic.woff") format("woff"),
       url("fonts/Roboto-Black-Italic.svg") format("svg");
   font-weight: normal;
   font-style: italic;
}
@font-face {
   font-family: "Roboto";
   src: url("fonts/Roboto-Bold.eot") format("embedded-opentype"),
       url("fonts/Roboto-Bold.ttf") format("truetype"),
       url("fonts/Roboto-Bold.woff") format("woff"),
       url("fonts/Roboto-Bold.svg") format("svg");
   font-weight: bold;
   font-style: normal;
}
@font-face {
   font-family: "Roboto";
   src: url("fonts/Roboto-Bold-Italic.eot") format("embedded-opentype"),
       url("fonts/Roboto-Bold-Italic.ttf") format("truetype"),
       url("fonts/Roboto-Bold-Italic.woff") format("woff"),
       url("fonts/Roboto-Bold-Italic.svg") format("svg");
   font-weight: bold;
   font-style: italic;
}
@font-face {
   font-family: "Roboto";
   src: url("fonts/Roboto-Italic.eot") format("embedded-opentype"),
       url("fonts/Roboto-Italic.ttf") format("truetype"),
       url("fonts/Roboto-Italic.woff") format("woff"),
       url("fonts/Roboto-Italic.svg") format("svg");
   font-weight: normal;
   font-style: italic;
}
@font-face {
   font-family: "Roboto";
   src: url("fonts/Roboto-Light.eot") format("embedded-opentype"),
       url("fonts/Roboto-Light.ttf") format("truetype"),
       url("fonts/Roboto-Light.woff") format("woff"),
       url("fonts/Roboto-Light.svg") format("svg");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Roboto";
   src: url("fonts/Roboto-Light-Italic.eot") format("embedded-opentype"),
       url("fonts/Roboto-Light-Italic.ttf") format("truetype"),
       url("fonts/Roboto-Light-Italic.woff") format("woff"),
       url("fonts/Roboto-Light-Italic.svg") format("svg");
   font-weight: normal;
   font-style: italic;
}
@font-face {
   font-family: "Roboto";
   src: url("fonts/Roboto-Medium.eot") format("embedded-opentype"),
       url("fonts/Roboto-Medium.ttf") format("truetype"),
       url("fonts/Roboto-Medium.woff") format("woff"),
       url("fonts/Roboto-Medium.svg") format("svg");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Roboto";
   src: url("fonts/Roboto-Medium-Italic.eot") format("embedded-opentype"),
       url("fonts/Roboto-Medium-Italic.ttf") format("truetype"),
       url("fonts/Roboto-Medium-Italic.woff") format("woff"),
       url("fonts/Roboto-Medium-Italic.svg") format("svg");
   font-weight: normal;
   font-style: italic;
}
@font-face {
   font-family: "Roboto";
   src: url("fonts/Roboto-Thin.eot") format("embedded-opentype"),
       url("fonts/Roboto-Thin.ttf") format("truetype"),
       url("fonts/Roboto-Thin.woff") format("woff"),
       url("fonts/Roboto-Thin.svg") format("svg");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Roboto";
   src: url("fonts/Roboto-Thin-Italic.eot") format("embedded-opentype"),
       url("fonts/Roboto-Thin-Italic.ttf") format("truetype"),
       url("fonts/Roboto-Thin-Italic.woff") format("woff"),
       url("fonts/Roboto-Thin-Italic.svg") format("svg");
   font-weight: normal;
   font-style: italic;
}