/*
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-arrow_down {
  background-image: url(sprite.png);
  background-position: -268px -221px;
  width: 15px;
  height: 9px;
}
.icon-arrow_down_bhsd_big {
  background-image: url(sprite.png);
  background-position: -194px -42px;
  width: 54px;
  height: 32px;
}
.icon-arrow_down_black_big {
  background-image: url(sprite.png);
  background-position: -194px -126px;
  width: 54px;
  height: 32px;
}
.icon-arrow_down_brazil_big {
  background-image: url(sprite.png);
  background-position: -194px -84px;
  width: 54px;
  height: 32px;
}
.icon-arrow_down_marsh_big {
  background-image: url(sprite.png);
  background-position: 0px -179px;
  width: 54px;
  height: 32px;
}
.icon-arrow_down_mfs_big {
  background-image: url(sprite.png);
  background-position: -64px -179px;
  width: 54px;
  height: 32px;
}
.icon-arrow_down_scream_big {
  background-image: url(sprite.png);
  background-position: -92px -102px;
  width: 54px;
  height: 32px;
}
.icon-arrow_down_white_big {
  background-image: url(sprite.png);
  background-position: -194px 0px;
  width: 54px;
  height: 32px;
}
.icon-barrow_left_black {
  background-image: url(sprite.png);
  background-position: -148px 0px;
  width: 36px;
  height: 67px;
}
.icon-barrow_left_white {
  background-image: url(sprite.png);
  background-position: 0px -102px;
  width: 36px;
  height: 67px;
}
.icon-barrow_right_black {
  background-image: url(sprite.png);
  background-position: -102px 0px;
  width: 36px;
  height: 67px;
}
.icon-barrow_right_white {
  background-image: url(sprite.png);
  background-position: -46px -102px;
  width: 36px;
  height: 67px;
}
.icon-close_small {
  background-image: url(sprite.png);
  background-position: -102px -77px;
  width: 14px;
  height: 14px;
}
.icon-close_white {
  background-image: url(sprite.png);
  background-position: -258px 0px;
  width: 32px;
  height: 32px;
}
.icon-download {
  background-image: url(sprite.png);
  background-position: -144px -221px;
  width: 16px;
  height: 16px;
}
.icon-download_black {
  background-image: url(sprite.png);
  background-position: -170px -221px;
  width: 16px;
  height: 16px;
}
.icon-download_grey {
  background-image: url(sprite.png);
  background-position: -118px -221px;
  width: 16px;
  height: 16px;
}
.icon-facebook {
  background-image: url(sprite.png);
  background-position: -258px -86px;
  width: 22px;
  height: 34px;
}
.icon-facebook_small {
  background-image: url(sprite.png);
  background-position: -94px -221px;
  width: 14px;
  height: 22px;
}
.icon-facebook_small_white {
  background-image: url(sprite.png);
  background-position: -222px -179px;
  width: 14px;
  height: 22px;
}
.icon-facebook_white {
  background-image: url(sprite.png);
  background-position: -258px -42px;
  width: 22px;
  height: 34px;
}
.icon-fullscreen {
  background-image: url(sprite.png);
  background-position: -124px -144px;
  width: 21px;
  height: 21px;
}
.icon-instagram {
  background-image: url(sprite.png);
  background-position: -156px -102px;
  width: 22px;
  height: 22px;
}
.icon-instagram_small {
  background-image: url(sprite.png);
  background-position: -220px -221px;
  width: 14px;
  height: 14px;
}
.icon-instagram_small_white {
  background-image: url(sprite.png);
  background-position: -196px -221px;
  width: 14px;
  height: 14px;
}
.icon-instagram_white {
  background-image: url(sprite.png);
  background-position: -92px -144px;
  width: 22px;
  height: 22px;
}
.icon-mail {
  background-image: url(sprite.png);
  background-position: -148px -77px;
  width: 21px;
  height: 14px;
}
.icon-mail_small {
  background-image: url(sprite.png);
  background-position: -244px -221px;
  width: 14px;
  height: 10px;
}
.icon-menu {
  background-image: url(sprite.png);
  background-position: 0px -257px;
  width: 33px;
  height: 28px;
}
.icon-out_link {
  background-image: url(sprite.png);
  background-position: -43px -274px;
  width: 9px;
  height: 9px;
}
.icon-play {
  background-image: url(sprite.png);
  background-position: 0px 0px;
  width: 92px;
  height: 92px;
}
.icon-sarrow_down_black {
  background-image: url(sprite.png);
  background-position: -43px -257px;
  width: 12px;
  height: 7px;
}
.icon-sarrow_down_white {
  background-image: url(sprite.png);
  background-position: -126px -77px;
  width: 12px;
  height: 7px;
}
.icon-twitter {
  background-image: url(sprite.png);
  background-position: -175px -179px;
  width: 37px;
  height: 32px;
}
.icon-twitter_small {
  background-image: url(sprite.png);
  background-position: -258px -161px;
  width: 24px;
  height: 21px;
}
.icon-twitter_small_white {
  background-image: url(sprite.png);
  background-position: -258px -130px;
  width: 24px;
  height: 21px;
}
.icon-twitter_white {
  background-image: url(sprite.png);
  background-position: -128px -179px;
  width: 37px;
  height: 32px;
}
.icon-vkontakte {
  background-image: url(sprite.png);
  background-position: 0px -221px;
  width: 37px;
  height: 26px;
}
.icon-vkontakte_small {
  background-image: url(sprite.png);
  background-position: -155px -144px;
  width: 24px;
  height: 17px;
}
.icon-vkontakte_small_white {
  background-image: url(sprite.png);
  background-position: -258px -192px;
  width: 24px;
  height: 17px;
}
.icon-vkontakte_white {
  background-image: url(sprite.png);
  background-position: -47px -221px;
  width: 37px;
  height: 26px;
}

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
  .icon-arrow_down {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-arrow_down_bhsd_big {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-arrow_down_black_big {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-arrow_down_brazil_big {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-arrow_down_marsh_big {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-arrow_down_mfs_big {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-arrow_down_scream_big {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-arrow_down_white_big {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-barrow_left_black {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-barrow_left_white {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-barrow_right_black {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-barrow_right_white {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-close_small {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-close_white {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-download {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-download_black {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-download_grey {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-facebook {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-facebook_small {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-facebook_small_white {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-facebook_white {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-fullscreen {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-instagram {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-instagram_small {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-instagram_small_white {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-instagram_white {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-mail {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-mail_small {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-menu {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-out_link {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-play {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-sarrow_down_black {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-sarrow_down_white {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-twitter {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-twitter_small {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-twitter_small_white {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-twitter_white {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-vkontakte {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-vkontakte_small {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-vkontakte_small_white {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
  .icon-vkontakte_white {
    background-image: url(sprite_r.png);
    background-size: 290px 285px;
  }
}