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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'din-m' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-din-2:before {
  content: "\32";
}
.icon-din-3:before {
  content: "\33";
}
.icon-din-4:before {
  content: "\34";
}
.icon-din-5:before {
  content: "\35";
}
.icon-din-6:before {
  content: "\36";
}
.icon-din-7:before {
  content: "\37";
}
.icon-din-8:before {
  content: "\38";
}
.icon-din-9:before {
  content: "\39";
}
.icon-din-slash:before {
  content: "\2f";
}
.icon-din-1:before {
  content: "\31";
}
.icon-din-0:before {
  content: "\30";
}

@font-face {
  font-family: 'helvetica-m';
  src:  url('../fonts/helvetica-m.eot?lpoy1b');
  src:  url('../fonts/helvetica-m.eot?lpoy1b#iefix') format('embedded-opentype'),
  url('../fonts/helvetica-m.ttf?lpoy1b') format('truetype'),
  url('../fonts/helvetica-m.woff?lpoy1b') format('woff'),
  url('../fonts/helvetica-m.svg?lpoy1b#helvetica-m') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'helvetica-m' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-helvetica-1:before {
  content: "\31";
}
.icon-helvetica-2:before {
  content: "\32";
}
.icon-helvetica-3:before {
  content: "\33";
}
.icon-helvetica-4:before {
  content: "\34";
}
.icon-helvetica-5:before {
  content: "\35";
}
.icon-helvetica-6:before {
  content: "\36";
}
.icon-helvetica-7:before {
  content: "\37";
}
.icon-helvetica-8:before {
  content: "\38";
}
.icon-helvetica-9:before {
  content: "\39";
}
.icon-helvetica-0:before {
  content: "\30";
}
.icon-helvetica-dot:before {
  content: "\2e";
}