@font-face {
    font-family: 'Simple Regular';
    src: url('../fonts/HPESimpleWeb-Regular.eot');
    src: url('../fonts/HPESimpleWeb-Regular.eot#iefix') format('embedded-opentype'),
         url('../fonts/HPESimpleWeb-Regular.woff2') format('woff2'),
         url('../fonts/HPESimpleWeb-Regular.woff') format('woff'),
         url('../fonts/HPESimpleWeb-Regular.ttf') format('truetype'),
         url('../fonts/HPESimpleWeb-Regular.svg#HPESimpleWebRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Simple Oblique';
    src: url('../fonts/HPESimpleWeb-Oblique.eot');
    src: url('../fonts/HPESimpleWeb-Oblique.eot#iefix') format('embedded-opentype'),
         url('../fonts/HPESimpleWeb-Oblique.woff2') format('woff2'),
         url('../fonts/HPESimpleWeb-Oblique.woff') format('woff'),
         url('../fonts/HPESimpleWeb-Oblique.ttf') format('truetype'),
         url('../fonts/HPESimpleWeb-Oblique.svg#HPESimpleWebOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'Simple LightOblique';
    src: url('../fonts/HPESimpleWeb-LightOblique.eot');
    src: url('../fonts/HPESimpleWeb-LightOblique.eot#iefix') format('embedded-opentype'),
         url('../fonts/HPESimpleWeb-LightOblique.woff2') format('woff2'),
         url('../fonts/HPESimpleWeb-LightOblique.woff') format('woff'),
         url('../fonts/HPESimpleWeb-LightOblique.ttf') format('truetype'),
         url('../fonts/HPESimpleWeb-LightOblique.svg#HPESimpleWebLightOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Simple Bold';
    src: url('../fonts/HPESimpleWeb-Bold.eot');
    src: url('../fonts/HPESimpleWeb-Bold.eot#iefix') format('embedded-opentype'),
         url('../fonts/HPESimpleWeb-Bold.woff2') format('woff2'),
         url('../fonts/HPESimpleWeb-Bold.woff') format('woff'),
         url('../fonts/HPESimpleWeb-Bold.ttf') format('truetype'),
         url('../fonts/HPESimpleWeb-Bold.svg#HPESimpleWebBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Simple BoldOblique';
    src: url('../fonts/HPESimpleWeb-BoldOblique.eot');
    src: url('../fonts/HPESimpleWeb-BoldOblique.eot#iefix') format('embedded-opentype'),
         url('../fonts/HPESimpleWeb-BoldOblique.woff2') format('woff2'),
         url('../fonts/HPESimpleWeb-BoldOblique.woff') format('woff'),
         url('../fonts/HPESimpleWeb-BoldOblique.ttf') format('truetype'),
         url('../fonts/HPESimpleWeb-BoldOblique.svg#HPESimpleWebBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Metric Regular';
    src: url('../fonts/MetricHPE-Web-Regular.eot');
    src: url('../fonts/MetricHPE-Web-Regular.eot#iefix') format('embedded-opentype'),
         url('../fonts/MetricHPE-Web-Regular.woff2') format('woff2'),
         url('../fonts/MetricHPE-Web-Regular.woff') format('woff'),
         url('../fonts/MetricHPE-Web-Regular.ttf') format('truetype'),
         url('../fonts/MetricHPE-Web-Regular.svg#MetricHPEWebRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Metric RegularItalic';
    src: url('../fonts/MetricHPE-Web-RegularItalic.eot');
    src: url('../fonts/MetricHPE-Web-RegularItalic.eot#iefix') format('embedded-opentype'),
         url('../fonts/MetricHPE-Web-RegularItalic.woff2') format('woff2'),
         url('../fonts/MetricHPE-Web-RegularItalic.woff') format('woff'),
         url('../fonts/MetricHPE-Web-RegularItalic.ttf') format('truetype'),
         url('../fonts/MetricHPE-Web-RegularItalic.svg#MetricHPEWebRegularItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Metric Bold';
    src: url('../fonts/MetricHPE-Web-Bold.eot');
    src: url('../fonts/MetricHPE-Web-Bold.eot#iefix') format('embedded-opentype'),
         url('../fonts/MetricHPE-Web-Bold.woff2') format('woff2'),
         url('../fonts/MetricHPE-Web-Bold.woff') format('woff'),
         url('../fonts/MetricHPE-Web-Bold.ttf') format('truetype'),
         url('../fonts/MetricHPE-Web-Bold.svg#MetricHPEWebBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Metric BoldItalic';
    src: url('../fonts/MetricHPE-Web-BoldItalic.eot');
    src: url('../fonts/MetricHPE-Web-BoldItalic.eot#iefix') format('embedded-opentype'),
         url('../fonts/MetricHPE-Web-BoldItalic.woff2') format('woff2'),
         url('../fonts/MetricHPE-Web-BoldItalic.woff') format('woff'),
         url('../fonts/MetricHPE-Web-BoldItalic.ttf') format('truetype'),
         url('../fonts/MetricHPE-Web-BoldItalic.svg#MetricHPEWebBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Metric Black';
    src: url('../fonts/MetricHPE-Web-Black.eot');
    src: url('../fonts/MetricHPE-Web-Black.eot#iefix') format('embedded-opentype'),
         url('../fonts/MetricHPE-Web-Black.woff2') format('woff2'),
         url('../fonts/MetricHPE-Web-Black.woff') format('woff'),
         url('../fonts/MetricHPE-Web-Black.ttf') format('truetype'),
         url('../fonts/MetricHPE-Web-Black.svg#MetricHPEWebBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Metric BlackItalic';
    src: url('../fonts/MetricHPE-Web-BlackItalic.eot');
    src: url('../fonts/MetricHPE-Web-BlackItalic.eot#iefix') format('embedded-opentype'),
         url('../fonts/MetricHPE-Web-BlackItalic.woff2') format('woff2'),
         url('../fonts/MetricHPE-Web-BlackItalic.woff') format('woff'),
         url('../fonts/MetricHPE-Web-BlackItalic.ttf') format('truetype'),
         url('../fonts/MetricHPE-Web-BlackItalic.svg#MetricHPEWebBlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Metric Semibold';
    src: url('../fonts/MetricHPE-Web-Semibold.eot');
    src: url('../fonts/MetricHPE-Web-Semibold.eot#iefix') format('embedded-opentype'),
         url('../fonts/MetricHPE-Web-Semibold.woff2') format('woff2'),
         url('../fonts/MetricHPE-Web-Semibold.woff') format('woff'),
         url('../fonts/MetricHPE-Web-Semibold.ttf') format('truetype'),
         url('../fonts/MetricHPE-Web-Semibold.svg#MetricHPEWebSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Metric SemiboldItalic';
    src: url('../fonts/MetricHPE-Web-SemiboldItalic.eot');
    src: url('../fonts/MetricHPE-Web-SemiboldItalic.eot#iefix') format('embedded-opentype'),
         url('../fonts/MetricHPE-Web-SemiboldItalic.woff2') format('woff2'),
         url('../fonts/MetricHPE-Web-SemiboldItalic.woff') format('woff'),
         url('../fonts/MetricHPE-Web-SemiboldItalic.ttf') format('truetype'),
         url('../fonts/MetricHPE-Web-SemiboldItalic.svg#MetricHPEWebSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SharpGroteskBook-25';
    src: url('../fonts/SharpGroteskBook-25.eot');
    src: url('../fonts/SharpGroteskBook-25?#iefix') format('embedded-opentype'),
         url('../fonts/SharpGroteskBook-25.woff2') format('woff2'), 
         url('../fonts/SharpGroteskBook-25.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }




  @font-face {
    font-family: 'HPSimplified Regular';
    src: url('../fonts/HPSimplifiedMEWebPreAlpha_Rg.eot');
    src: url('../fonts/HPSimplifiedMEWebPreAlpha_Rg.eot#iefix') format('embedded-opentype'),
         url('../fonts/HPSimplifiedMEWebPreAlpha_Rg.ttf') format('truetype'),
         url('../fonts/HPSimplifiedMEWebPreAlpha_Rg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }


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

  @font-face {
    font-family: 'HPSimplified Bold';
    src: url('../fonts/HPSimplifiedMEWebPreAlpha_Bd.eot');
    src: url('../fonts/HPSimplifiedMEWebPreAlpha_Bd.eot#iefix') format('embedded-opentype'),
         url('../fonts/HPSimplifiedMEWebPreAlpha_Bd.ttf') format('truetype'),
         url('../fonts/HPSimplifiedMEWebPreAlpha_Bd.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }