/*
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-index-blog {
  background-image: url(sprite.png);
  background-position: -45px 0px;
  width: 54px;
  height: 46px;
}
.icon-index-reviews {
  background-image: url(sprite.png);
  background-position: 0px -64px;
  width: 46px;
  height: 43px;
}
.icon-new-products {
  background-image: url(sprite.png);
  background-position: 0px 0px;
  width: 45px;
  height: 64px;
}
.icon-sale-products {
  background-image: url(sprite.png);
  background-position: -99px 0px;
  width: 49px;
  height: 49px;
}
.icon-search {
  background-image: url(sprite.png);
  background-position: -99px -49px;
  width: 13px;
  height: 15px;
}
.icon-social--telegram {
  background-image: url(sprite.png);
  background-position: -76px -64px;
  width: 28px;
  height: 28px;
}
.icon-social--vk {
  background-image: url(sprite.png);
  background-position: -104px -64px;
  width: 27px;
  height: 27px;
}
.icon-social--youtube {
  background-image: url(sprite.png);
  background-position: 0px -107px;
  width: 27px;
  height: 27px;
}