/*
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-catalog-1-hover {
  background-image: url(sprite.png);
  background-position: -114px 0px;
  width: 52px;
  height: 34px;
}
.icon-catalog-1 {
  background-image: url(sprite.png);
  background-position: -114px -39px;
  width: 52px;
  height: 34px;
}
.icon-catalog-2-hover {
  background-image: url(sprite.png);
  background-position: 0px 0px;
  width: 52px;
  height: 42px;
}
.icon-catalog-2 {
  background-image: url(sprite.png);
  background-position: -57px 0px;
  width: 52px;
  height: 42px;
}
.icon-catalog-3-hover {
  background-image: url(sprite.png);
  background-position: 0px -92px;
  width: 41px;
  height: 41px;
}
.icon-catalog-3 {
  background-image: url(sprite.png);
  background-position: -46px -92px;
  width: 41px;
  height: 41px;
}
.icon-catalog-4-hover {
  background-image: url(sprite.png);
  background-position: -92px -92px;
  width: 42px;
  height: 35px;
}
.icon-catalog-4 {
  background-image: url(sprite.png);
  background-position: -171px 0px;
  width: 42px;
  height: 35px;
}
.icon-catalog-5-hover {
  background-image: url(sprite.png);
  background-position: 0px -47px;
  width: 49px;
  height: 40px;
}
.icon-catalog-5 {
  background-image: url(sprite.png);
  background-position: -54px -47px;
  width: 49px;
  height: 40px;
}