@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto.eot");
  src: url("../fonts/roboto/Roboto.eot") format("embedded-opentype"),
  url("../fonts/roboto/Roboto.woff") format("woff"),
  url("../fonts/roboto/Roboto.ttf") format("truetype"),
  url("../fonts/roboto/Roboto.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Robotothin";
  src: url("../fonts/roboto/Robotothin.eot");
  src: url("../fonts/roboto/Robotothin.eot") format("embedded-opentype"),
  url("../fonts/roboto/Robotothin.woff") format("woff"),
  url("../fonts/roboto/Robotothin.ttf") format("truetype"),
  url("../fonts/roboto/Robotothin.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Robotolight";
  src: url("../fonts/roboto/Robotolight.eot");
  src: url("../fonts/roboto/Robotolight.eot") format("embedded-opentype"),
  url("../fonts/roboto/Robotolight.woff") format("woff"),
  url("../fonts/roboto/Robotolight.ttf") format("truetype"),
  url("../fonts/roboto/Robotolight.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Robotomedium";
  src: url("../fonts/roboto/Robotomedium.eot");
  src: url("../fonts/roboto/Robotomedium.eot") format("embedded-opentype"),
  url("../fonts/roboto/Robotomedium.woff") format("woff"),
  url("../fonts/roboto/Robotomedium.ttf") format("truetype"),
  url("../fonts/roboto/Robotomedium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Robotobold";
  src: url("../fonts/roboto/Robotobold.eot");
  src: url("../fonts/roboto/Robotobold.eot") format("embedded-opentype"),
  url("../fonts/roboto/Robotobold.woff") format("woff"),
  url("../fonts/roboto/Robotobold.ttf") format("truetype"),
  url("../fonts/roboto/Robotobold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}