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

[class^="haicon-"], [class*=" haicon-"] {
  font-family: 'haicon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #999;
}

[class^="haicon-"]::after, [class*=" haicon-"]::after {
    content: "HA";
}

[class^="haicon-"]::after, [class*=" haicon-"]::after {
    content: "HA";
    font-family: "Montserrat", Sans-serif;
    font-weight: 700;
    font-size: 10px;
    opacity: 0.4;
    position: absolute;
    right: 0.6em;
    top: 0.6em;
    padding: 1px;
    color: #e6e9ec;
    background-color: #7a7a7a;
}

.haicon-music:before {
  content: "\e911";
}
.haicon-stats-bars:before {
  content: "\e99c";
}
.haicon-list:before {
  content: "\e9ba";
}
.haicon-menu3:before {
  content: "\e9bf";
}
.haicon-warning:before {
  content: "\ea07";
}
.haicon-map:before {
  content: "\e94b";
}
.haicon-bold:before {
  content: "\ea62";
}
.haicon-images:before {
  content: "\e90e";
}
.haicon-eye-plus:before {
  content: "\e9cf";
}
.haicon-newspaper:before {
  content: "\e904";
}
.haicon-pencil2:before {
  content: "\e906";
}