@font-face {
  font-family: 'iconfont';
  src: url('../iconfont/iconfont.eot?5zf5ep');
  src:
    url('../iconfont/iconfont.eot?5zf5ep#iefix') format('embedded-opentype'),
    url('../iconfont/iconfont.ttf?5zf5ep') format('truetype'),
    url('../iconfont/iconfont.woff?5zf5ep') format('woff'),
    url('../iconfont/iconfont.svg?5zf5ep#iconfont') 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: 'iconfont' !important;
  speak: never;
  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-mute:before {
  content: '\e909';
}

.icon-sound:before {
  content: '\e90a';
}

.icon-pause:before {
  content: '\e90b';
}

.icon-play:before {
  content: '\e908';
}

.icon-close:before {
  content: '\e907';
}

.icon-minus:before {
  content: '\e904';
}

.icon-plus:before {
  content: '\e905';
}

.icon-arrow-right:before {
  content: '\e903';
}

.icon-arrow-left:before {
  content: '\e906';
}

.icon-facebook:before {
  display: inline-block !important;
  content: '\e901';
  transform: scale(1.1) !important;
  padding: 0 1px;
}

.icon-linkedin:before {
  content: '\e902';
}

.icon-youtube:before {
  display: inline-block !important;
  content: '\e900';
  transform: scale(1.4) !important;
  padding: 0 5px;
}