@font-face {
  font-family: 'b24';
  src: url('../fonts/b24.eot?5qs87v');
  src: url('../fonts/b24.eot?5qs87v#iefix') format('embedded-opentype'),
    url('../fonts/b24.ttf?5qs87v') format('truetype'), url('../fonts/b24.woff?5qs87v') format('woff'),
    url('../fonts/b24.svg?5qs87v#b24') 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: 'b24' !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-microwidget:before {
  content: '\e90e';
}

.icon-download:before {
  content: '\e90d';
}

.icon-login:before {
  content: '\e90c';
}

.icon-add:before {
  content: '\e900';
}

.icon-audio:before {
  content: '\e901';
}

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

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

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

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

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

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

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

.icon-folder:before {
  content: '\e909';
}

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

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

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

.icon-save:before {
  content: '\e920';
}

.icon-search:before {
  content: '\e921';
}

.icon-text:before {
  content: '\e922';
}

.icon-whatsapp .path1:before {
  content: '\e924';
  color: rgb(255, 255, 255);
}

.icon-whatsapp .path2:before {
  content: '\e925';
  margin-left: -1em;
  color: rgb(85, 205, 108);
}

.icon-whatsapp .path3:before {
  content: '\e926';
  margin-left: -1em;
  color: rgb(254, 254, 254);
}

.icon-line:before {
  content: '\e928';
}

.icon-wechat:before {
  content: '\e92a';
}

.icon-viber:before {
  content: '\e92d';
}

.icon-twitter:before {
  content: '\e932';
}

.icon-telegram:before {
  content: '\e934';
}

.icon-slack .path1:before {
  content: '\e938';
  color: rgb(255, 255, 255);
}

.icon-slack .path2:before {
  content: '\e939';
  margin-left: -1em;
  color: rgb(233, 30, 99);
}

.icon-slack .path3:before {
  content: '\e93a';
  margin-left: -1em;
  color: rgb(233, 30, 99);
}

.icon-slack .path4:before {
  content: '\e93b';
  margin-left: -1em;
  color: rgb(233, 30, 99);
}

.icon-slack .path5:before {
  content: '\e93c';
  margin-left: -1em;
  color: rgb(0, 188, 212);
}

.icon-slack .path6:before {
  content: '\e93d';
  margin-left: -1em;
  color: rgb(0, 188, 212);
}

.icon-slack .path7:before {
  content: '\e93e';
  margin-left: -1em;
  color: rgb(0, 188, 212);
}

.icon-slack .path8:before {
  content: '\e93f';
  margin-left: -1em;
  color: rgb(104, 159, 56);
}

.icon-slack .path9:before {
  content: '\e940';
  margin-left: -1em;
  color: rgb(255, 193, 7);
}

.icon-slack .path10:before {
  content: '\e941';
  margin-left: -1em;
  color: rgb(183, 28, 28);
}

.icon-slack .path11:before {
  content: '\e942';
  margin-left: -1em;
  color: rgb(255, 193, 7);
}

.icon-slack .path12:before {
  content: '\e943';
  margin-left: -1em;
  color: rgb(255, 193, 7);
}

.icon-slack .path13:before {
  content: '\e944';
  margin-left: -1em;
  color: rgb(0, 150, 136);
}

.icon-slack .path14:before {
  content: '\e945';
  margin-left: -1em;
  color: rgb(76, 175, 80);
}

.icon-slack .path15:before {
  content: '\e946';
  margin-left: -1em;
  color: rgb(136, 14, 79);
}

.icon-slack .path16:before {
  content: '\e947';
  margin-left: -1em;
  color: rgb(76, 175, 80);
}

.icon-slack .path17:before {
  content: '\e948';
  margin-left: -1em;
  color: rgb(76, 175, 80);
}

.icon-kik:before {
  content: '\e94b';
}

.icon-messenger:before {
  content: '\e94e';
}

.icon-skype .path1:before {
  content: '\e953';
  color: rgb(3, 169, 244);
}

.icon-skype .path2:before {
  content: '\e954';
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-skype .path3:before {
  content: '\e955';
  margin-left: -1em;
  color: rgb(3, 169, 244);
}

.icon-b24online .path1:before,
.icon-widget .path1:before {
  content: '\e956';
  color: rgb(80, 80, 80);
}

.icon-b24online .path2:before,
.icon-widget .path2:before {
  content: '\e957';
  margin-left: -1em;
  color: rgb(80, 80, 80);
}

.icon-b24online .path3:before,
.icon-widget .path3:before {
  content: '\e958';
  margin-left: -1em;
  color: rgb(80, 80, 80);
}

.icon-b24online .path4:before,
.icon-widget .path4:before {
  content: '\e959';
  margin-left: -1em;
  color: rgb(26, 171, 227);
}

.icon-b24online .path5:before,
.icon-widget .path5:before {
  content: '\e95a';
  margin-left: -1em;
  color: rgb(0, 175, 62);
}