@font-face {
  font-family: "HMX_SBS_icon";
  src: url("../fonts/HMX_SBS_icon.eot?dr1vth");
  src: url("../fonts/HMX_SBS_icon.eot?dr1vth#iefix") format("embedded-opentype"),
    url("../fonts/HMX_SBS_icon.ttf?dr1vth") format("truetype"),
    url("../fonts/HMX_SBS_icon.woff?dr1vth") format("woff"),
    url("../fonts/HMX_SBS_icon.svg?dr1vth#HMX_SBS_icon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="hmx-icon-"],
[class*=" hmx-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "HMX_SBS_icon" !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;
}

.hmx-icon-replay_white:before {
  content: "\e900";
  color: #fff;
}
.hmx-icon-home_white:before {
  content: "\e901";
  color: #fff;
}
.hmx-icon-nextarrow_white:before {
  content: "\e902";
  color: #fff;
}
.hmx-icon-backarrow_white:before {
  content: "\e903";
  color: #fff;
}
.hmx-icon-logo_grey:before {
  content: "\e904";
  color: #808080;
}
.hmx-icon-avenir-01:before {
  content: "\e905";
  color: #fff;
}
.hmx-icon-avenir-02:before {
  content: "\e906";
  color: #fff;
}
.hmx-icon-avenir-03:before {
  content: "\e907";
  color: #fff;
}
.hmx-icon-avenir-04:before {
  content: "\e908";
  color: #fff;
}
.hmx-icon-avenir-05:before {
  content: "\e909";
  color: #fff;
}
.hmx-icon-avenir-06:before {
  content: "\e90a";
  color: #fff;
}
.hmx-icon-avenir-07:before {
  content: "\e90b";
  color: #fff;
}
.hmx-icon-avenir-08:before {
  content: "\e90c";
  color: #fff;
}
.hmx-icon-avenir-09:before {
  content: "\e90d";
  color: #fff;
}
.hmx-icon-avenir-10:before {
  content: "\e90e";
  color: #fff;
}
.hmx-icon-avenir-11:before {
  content: "\e90f";
  color: #fff;
}
.hmx-icon-avenir-12:before {
  content: "\e910";
  color: #fff;
}
.hmx-icon-avenir-13:before {
  content: "\e911";
  color: #fff;
}
.hmx-icon-avenir-14:before {
  content: "\e912";
  color: #fff;
}
.hmx-icon-avenir-15:before {
  content: "\e913";
  color: #fff;
}
.hmx-icon-avenir-16:before {
  content: "\e914";
  color: #fff;
}
.hmx-icon-avenir-17:before {
  content: "\e915";
  color: #fff;
}
.hmx-icon-avenir-18:before {
  content: "\e916";
  color: #fff;
}
.hmx-icon-avenir-19:before {
  content: "\e917";
  color: #fff;
}
.hmx-icon-avenir-20:before {
  content: "\e918";
  color: #fff;
}
.hmx-icon-avenir-21:before {
  content: "\e919";
  color: #fff;
}
.hmx-icon-avenir-22:before {
  content: "\e91a";
  color: #fff;
}
.hmx-icon-avenir-23:before {
  content: "\e91b";
  color: #fff;
}
.hmx-icon-avenir-24:before {
  content: "\e91c";
  color: #fff;
}
.hmx-icon-avenir-25:before {
  content: "\e91d";
  color: #fff;
}