@font-face {
    font-family: 'roboto_thin';
    src: url('../fonts/roboto/roboto-thin-webfont.eot');
    src: url('../fonts/roboto/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-thin-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-thin-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-thin-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto-thin-webfont.svg#din_alternateregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensed_bold';
    src: url('../fonts/roboto/robotocondensed-bold-webfont.eot');
    src: url('../fonts/roboto/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto/robotocondensed-bold-webfont.woff') format('woff'),
         url('../fonts/roboto/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto/robotocondensed-bold-webfont.svg#din_alternateregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_bold';
    src: url('../fonts/roboto/roboto-bold-webfont.eot');
    src: url('../fonts/roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto-bold-webfont.svg#din_alternateregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_regular';
    src: url('../fonts/roboto/roboto-regular-webfont.eot');
    src: url('../fonts/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto-regular-webfont.svg#din_alternateregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'DINPro-Medium';
  src: url('../fonts/din/DINPro-Medium.eot?#iefix') format('embedded-opentype'),  url('DINPro-Medium.otf')  format('opentype'),
	     url('../fonts/din/DINPro-Medium.woff') format('woff'), url('DINPro-Medium.ttf')  format('truetype'), url('DINPro-Medium.svg#DINPro-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'DINPro-Light';
  src: url('../fonts/din/DINPro-Light.eot?#iefix') format('embedded-opentype'),  url('DINPro-Light.otf')  format('opentype'),
	     url('../fonts/din/DINPro-Light.woff') format('woff'), url('DINPro-Light.ttf')  format('truetype'), url('DINPro-Light.svg#DINPro-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}