/*
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-18 {
  background-image: url(../images/spritesheet.png);
  background-position: -210px 0px;
  width: 79px;
  height: 80px;
}
.icon-arrow {
  background-image: url(../images/spritesheet.png);
  background-position: -115px 0px;
  width: 95px;
  height: 98px;
}
.icon-cards {
  background-image: url(../images/spritesheet.png);
  background-position: 0px -141px;
  width: 165px;
  height: 31px;
}
.icon-cross {
  background-image: url(../images/spritesheet.png);
  background-position: -232px -118px;
  width: 19px;
  height: 19px;
}
.icon-digits {
  background-image: url(../images/spritesheet.png);
  background-position: -238px -80px;
  width: 37px;
  height: 26px;
}
.icon-secure {
  background-image: url(../images/spritesheet.png);
  background-position: 0px 0px;
  width: 115px;
  height: 141px;
}
.icon-tick-green {
  background-image: url(../images/spritesheet.png);
  background-position: -210px -118px;
  width: 22px;
  height: 19px;
}
.icon-unlock {
  background-image: url(../images/spritesheet.png);
  background-position: -210px -80px;
  width: 28px;
  height: 38px;
}