@font-face {

  font-family: "RobotoThin";

  src: url("../font/roboto/Roboto-Thin.woff2") format("woff2"), 

  url("../font/roboto/Roboto-Thin.woff") format("woff"), 

  url("../font/roboto/Roboto-Thin.ttf") format("truetype");

  font-weight: 200; }



@font-face {

  font-family: "RobotoLight";

  src: url("../font/roboto/Roboto-Light.woff2") format("woff2"), 

  url("../font/roboto/Roboto-Light.woff") format("woff"), 

  url("../font/roboto/Roboto-Light.ttf") format("truetype");

  font-weight: 300; }



@font-face {

  font-family: "RobotoRegular";

  src: url("../font/roboto/Roboto-Regular.woff2") format("woff2"), 

  url("../font/roboto/Roboto-Regular.woff") format("woff"), 

  url("../font/roboto/Roboto-Regular.ttf") format("truetype");

  font-weight: 400; }



@font-face {

  font-family: "RobotoMedium";

  src: url("../font/roboto/Roboto-Medium.woff2") format("woff2"), 

  url("../font/roboto/Roboto-Medium.woff") format("woff"), 

  url("../font/roboto/Roboto-Medium.ttf") format("truetype");

  font-weight: 500; }



@font-face {

  font-family: "RobotoBold";

  src: url("../font/roboto/Roboto-Bold.woff2") format("woff2"), 

  url("../font/roboto/Roboto-Bold.woff") format("woff"), 

  url("../font/roboto/Roboto-Bold.ttf") format("truetype");

  font-weight: 700; }

  @font-face {

    font-family: 'open_sansregular';

    src: url('../fonts/opensansregular/opensans-regular-webfont.eot');

    src: url('../fonts/opensansregular/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/opensansregular/opensans-regular-webfont.woff2') format('woff2'),

         url('../fonts/opensansregular/opensans-regular-webfont.woff') format('woff'),

         url('../fonts/opensansregular/opensans-regular-webfont.ttf') format('truetype'),

         url('../fonts/opensansregular/opensans-regular-webfont.svg#open_sansregular') format('svg');

    font-weight: normal;

    font-style: normal;



}