/*
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{
  display: inline-block;
}
.icon-arrow-down {
  background-image: url(../images/images-sprite.png);
  background-position: -58px -42px;
  width: 12px;
  height: 6px;
}
.icon-burger-menu {
  background-image: url(../images/images-sprite.png);
  background-position: -42px -42px;
  width: 16px;
  height: 11px;
}
.icon-eye-looks {
  background-image: url(../images/images-sprite.png);
  background-position: -21px -42px;
  width: 21px;
  height: 11px;
}
.icon-nav-left {
  background-image: url(../images/images-sprite.png);
  background-position: 0px 0px;
  width: 42px;
  height: 42px;
}
.icon-nav-right {
  background-image: url(../images/images-sprite.png);
  background-position: -42px 0px;
  width: 42px;
  height: 42px;
}
.icon-search {
  background-image: url(../images/images-sprite.png);
  background-position: 0px -57px;
  width: 15px;
  height: 15px;
}
.icon-suitcase {
  background-image: url(../images/images-sprite.png);
  background-position: 0px -42px;
  width: 21px;
  height: 15px;
}
