/*
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-arrow {
  background-image: url(../images/spritesheet.png);
  background-position: -63px -40px;
  width: 8px;
  height: 5px;
}
.icon-bubble {
  background-image: url(../images/spritesheet.png);
  background-position: -32px 0px;
  width: 23px;
  height: 20px;
}
.icon-cam-video {
  background-image: url(../images/spritesheet.png);
  background-position: -16px -49px;
  width: 16px;
  height: 16px;
}
.icon-categories {
  background-image: url(../images/spritesheet.png);
  background-position: -55px -20px;
  width: 16px;
  height: 20px;
}
.icon-female-plus {
  background-image: url(../images/spritesheet.png);
  background-position: -32px -20px;
  width: 21px;
  height: 21px;
}
.icon-female {
  background-image: url(../images/spritesheet.png);
  background-position: 0px -49px;
  width: 16px;
  height: 20px;
}
.icon-online {
  background-image: url(../images/spritesheet.png);
  background-position: -61px -49px;
  width: 11px;
  height: 10px;
}
.icon-plus {
  background-image: url(../images/spritesheet.png);
  background-position: -55px -40px;
  width: 8px;
  height: 8px;
}
.icon-popcam {
  background-image: url(../images/spritesheet.png);
  background-position: 0px 0px;
  width: 32px;
  height: 49px;
}
.icon-popclose {
  background-image: url(../images/spritesheet.png);
  background-position: -32px -49px;
  width: 15px;
  height: 15px;
}
.icon-silluet {
  background-image: url(../images/spritesheet.png);
  background-position: -55px 0px;
  width: 17px;
  height: 20px;
}
.icon-tick {
  background-image: url(../images/spritesheet.png);
  background-position: -47px -49px;
  width: 14px;
  height: 14px;
}