/*
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-blue-calendar-icon {
  margin: auto auto 13px auto;
  background-image: url(../img/sprite.png);
  background-position: -150px -115px;
  width: 109px;
  height: 98px;
}
.icon-hands-round-green {
  background-image: url(../img/sprite.png);
  background-position: -260px 0px;
  width: 90px;
  height: 90px;
}
.icon-hat-salat {
   margin:auto;
  background-image: url(../img/sprite.png);
  background-position: 0px 0px;
  width: 150px;
  height: 111px;
}
.icon-krest-round-green {
  background-image: url(../img/sprite.png);
  background-position: -260px -90px;
  width: 90px;
  height: 90px;
}
.icon-mosaic-round-blue {
  background-image: url(../img/sprite.png);
  background-position: 0px -225px;
  width: 90px;
  height: 90px;
}
.icon-nastavnik-salat {
   margin:auto;
  background-image: url(../img/sprite.png);
  background-position: -150px 0px;
  width: 110px;
  height: 115px;
}
.icon-portfel-green {
  margin:auto;
  background-image: url(../img/sprite.png);
  background-position: 0px -111px;
  width: 126px;
  height: 114px;
}
.icon-tools-round-green {
  background-image: url(../img/sprite.png);
  background-position: -90px -225px;
  width: 90px;
  height: 90px;
}
.icon-traget-round-green {
  background-image: url(../img/sprite.png);
  background-position: -180px -225px;
  width: 90px;
  height: 90px;
}