@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/subset-DINPro-Black.eot');
  src: url('../fonts/subset-DINPro-Black.eot?#iefix') format('embedded-opentype'),
  url('../fonts/subset-DINPro-Black.woff') format('woff'),
  url('../fonts/subset-DINPro-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/subset-DINPro-Bold.eot');
  src: url('../fonts/subset-DINPro-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/subset-DINPro-Bold.woff') format('woff'),
  url('../fonts/subset-DINPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/subset-DINPro-MediumItalic.eot');
  src: url('../fonts/subset-DINPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/subset-DINPro-MediumItalic.woff') format('woff'),
  url('../fonts/subset-DINPro-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/subset-DINPro-BoldItalic.eot');
  src: url('../fonts/subset-DINPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/subset-DINPro-BoldItalic.woff') format('woff'),
  url('../fonts/subset-DINPro-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/subset-DINPro-Light.eot');
  src: url('../fonts/subset-DINPro-Light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/subset-DINPro-Light.woff') format('woff'),
  url('../fonts/subset-DINPro-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/subset-DINPro-Italic.eot');
  src: url('../fonts/subset-DINPro-Italic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/subset-DINPro-Italic.woff') format('woff'),
  url('../fonts/subset-DINPro-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/subset-DINPro-LightItalic.eot');
  src: url('../fonts/subset-DINPro-LightItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/subset-DINPro-LightItalic.woff') format('woff'),
  url('../fonts/subset-DINPro-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/subset-DINPro-BlackItalic.eot');
  src: url('../fonts/subset-DINPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/subset-DINPro-BlackItalic.woff') format('woff'),
  url('../fonts/subset-DINPro-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/subset-DINPro-Medium.eot');
  src: url('../fonts/subset-DINPro-Medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/subset-DINPro-Medium.woff') format('woff'),
  url('../fonts/subset-DINPro-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'DIN Pro';
  src: url('../fonts/subset-DINPro.eot');
  src: url('../fonts/subset-DINPro.eot?#iefix') format('embedded-opentype'),
  url('../fonts/subset-DINPro.woff') format('woff'),
  url('../fonts/subset-DINPro.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
