/*
Icon classes can be used entirely standalone. They are named after their original file names.

```html
<!-- `display: block` sprite -->
<div class="icon-home"></div>

<!-- `display: inline-block` sprite -->
<img class="icon-home" />
```
*/
.icon-icon-about {
  background-image: url(../img/spritesheet.png);
  background-position: -99px -98px;
  width: 32px;
  height: 32px;
}
.icon-icon-afisha {
  background-image: url(../img/spritesheet.png);
  background-position: -68px -68px;
  width: 31px;
  height: 30px;
}
.icon-icon-arrow-l {
  background-image: url(../img/spritesheet.png);
  background-position: 0px 0px;
  width: 8px;
  height: 13px;
}
.icon-icon-arrow-r {
  background-image: url(../img/spritesheet.png);
  background-position: -8px -13px;
  width: 8px;
  height: 13px;
}
.icon-icon-drama {
  background-image: url(../img/spritesheet.png);
  background-position: -274px -267px;
  width: 42px;
  height: 32px;
}
.icon-icon-links {
  background-image: url(../img/spritesheet.png);
  background-position: -166px -159px;
  width: 34px;
  height: 34px;
}
.icon-icon-master-b {
  background-image: url(../img/spritesheet.png);
  background-position: -354px -337px;
  width: 63px;
  height: 54px;
}
.icon-icon-master {
  background-image: url(../img/spritesheet.png);
  background-position: -131px -130px;
  width: 35px;
  height: 29px;
}
.icon-icon-moroz {
  background-image: url(../img/spritesheet.png);
  background-position: -316px -299px;
  width: 38px;
  height: 38px;
}
.icon-icon-new {
  background-image: url(../img/spritesheet.png);
  background-position: -36px -42px;
  width: 32px;
  height: 26px;
}
.icon-icon-next {
  background-image: url(../img/spritesheet.png);
  background-position: -200px -193px;
  width: 37px;
  height: 37px;
}
.icon-icon-prev {
  background-image: url(../img/spritesheet.png);
  background-position: -237px -230px;
  width: 37px;
  height: 37px;
}
.icon-icon-print {
  background-image: url(../img/spritesheet.png);
  background-position: -16px -26px;
  width: 20px;
  height: 16px;
}