/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-admin::before {
  background-image: url(../img/sprite.png);
  background-position: -323px -151px;
  width: 69px;
  height: 69px;
}
.icon-antivirus::before {
  background-image: url(../img/sprite.png);
  background-position: -398px -70px;
  width: 63px;
  height: 70px;
}
.icon-arrow::before {
  background-image: url(../img/sprite.png);
  background-position: 0px -87px;
  width: 83px;
  height: 83px;
}
.icon-binocular::before {
  background-image: url(../img/sprite.png);
  background-position: 0px -308px;
  width: 82px;
  height: 57px;
}
.icon-browser::before {
  background-image: url(../img/sprite.png);
  background-position: -155px -172px;
  width: 78px;
  height: 70px;
}
.icon-code::before {
  background-image: url(../img/sprite.png);
  background-position: -174px 0px;
  width: 78px;
  height: 81px;
}
.icon-doc::before {
  background-image: url(../img/sprite.png);
  background-position: -254px 0px;
  width: 67px;
  height: 85px;
}
.icon-graph::before {
  background-image: url(../img/sprite.png);
  background-position: 0px 0px;
  width: 85px;
  height: 85px;
}
.icon-marketing::before {
  background-image: url(../img/sprite.png);
  background-position: -87px 0px;
  width: 85px;
  height: 82px;
}
.icon-matreshka::before {
  background-image: url(../img/sprite.png);
  background-position: -254px -87px;
  width: 57px;
  height: 83px;
}
.icon-mech::before {
  background-image: url(../img/sprite.png);
  background-position: 0px -172px;
  width: 80px;
  height: 78px;
}
.icon-molecule::before {
  background-image: url(../img/sprite.png);
  background-position: -323px 0px;
  width: 73px;
  height: 73px;
}
.icon-protocol::before {
  background-image: url(../img/sprite.png);
  background-position: 0px -252px;
  width: 95px;
  height: 54px;
}
.icon-response::before {
  background-image: url(../img/sprite.png);
  background-position: -82px -172px;
  width: 71px;
  height: 78px;
}
.icon-sms::before {
  background-image: url(../img/sprite.png);
  background-position: -254px -172px;
  width: 60px;
  height: 78px;
}
.icon-soc::before {
  background-image: url(../img/sprite.png);
  background-position: -398px 0px;
  width: 68px;
  height: 68px;
}
.icon-spam::before {
  background-image: url(../img/sprite.png);
  background-position: -323px -75px;
  width: 70px;
  height: 74px;
}
.icon-stat::before {
  background-image: url(../img/sprite.png);
  background-position: -174px -83px;
  width: 76px;
  height: 77px;
}
.icon-wheel::before {
  background-image: url(../img/sprite.png);
  background-position: -85px -87px;
  width: 82px;
  height: 82px;
}