.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

/* ==========================================
Single-colored icons can be modified like so:
.icon-name {
  font-size: 32px;
  color: red;
}
========================================== */


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

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
}

.icon-stats:before { content: "\e901"; }
.icon-servicecenter:before { content: "\e900"; }
.icon-fail:before { content: "\e800"; }
.icon-glass:before { content: "\e801"; }
.icon-home:before { content: "\e802"; }
.icon-learn:before { content: "\e803"; }
.icon-load:before { content: "\e804"; }
.icon-mail:before { content: "\e805"; }
.icon-plane:before { content: "\e806"; }
.icon-cancel:before { content: "\e807"; }
.icon-power:before { content: "\e808"; }
.icon-success:before { content: "\e809"; }
.icon-account:before { content: "\e80a"; }
.icon-accounts:before { content: "\e80b"; }
.icon-edit:before { content: "\e80c"; }
.icon-doc:before { content: "\e80d"; }
.icon-company:before { content: "\e80e"; }
.icon-remove:before { content: "\e807"; }

.icon-learn:before{
  font-size: 85%;
  margin-right: 7px;
}

.icon-home:before {
  font-size: 90%;
}

.icon-mail:before {
  font-size: 70%;
  margin-right: 8px;
}