/*
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-down-active {
  background-image: url(sprite.png);
  background-position: -223px -20px;
  width: 9px;
  height: 20px;
}
.icon-arrow-down {
  background-image: url(sprite.png);
  background-position: -223px -40px;
  width: 9px;
  height: 20px;
}
.icon-arrow-next {
  background-image: url(sprite.png);
  background-position: -158px -119px;
  width: 12px;
  height: 20px;
}
.icon-arrow-prev {
  background-image: url(sprite.png);
  background-position: -223px 0px;
  width: 12px;
  height: 20px;
}
.icon-arrow-round {
  background-image: url(sprite.png);
  background-position: 0px -183px;
  width: 21px;
  height: 21px;
}
.icon-arrow-up-active {
  background-image: url(sprite.png);
  background-position: -223px -60px;
  width: 9px;
  height: 20px;
}
.icon-arrow-up-fot {
  background-image: url(sprite.png);
  background-position: -223px -80px;
  width: 9px;
  height: 20px;
}
.icon-arrow-up {
  background-image: url(sprite.png);
  background-position: -223px -100px;
  width: 9px;
  height: 20px;
}
.icon-available {
  background-image: url(sprite.png);
  background-position: -157px -153px;
  width: 20px;
  height: 20px;
}
.icon-basket-green:hover {
  background-image: url(sprite.png);
  background-position: -177px -153px;
  width: 20px;
  height: 20px;
}
.icon-basket-green {
  background-image: url(sprite.png);
  background-position: -21px -183px;
  width: 20px;
  height: 20px;
}
.icon-basket {
  background-image: url(sprite.png);
  background-position: -197px 0px;
  width: 26px;
  height: 26px;
}
.icon-categories {
  background-image: url(sprite.png);
  background-position: -197px -104px;
  width: 25px;
  height: 24px;
}
.icon-check {
  background-image: url(sprite.png);
  background-position: -223px -160px;
  width: 12px;
  height: 9px;
}
.icon-click {
  background-image: url(sprite.png);
  background-position: -197px -152px;
  width: 22px;
  height: 22px;
}
.icon-close {
  background-image: url(sprite.png);
  background-position: -223px -120px;
  width: 12px;
  height: 12px;
}
.icon-collapse {
  background-image: url(sprite.png);
  background-position: -223px -176px;
  width: 8px;
  height: 4px;
}
.icon-cross {
  background-image: url(sprite.png);
  background-position: -180px -183px;
  width: 13px;
  height: 13px;
}
.icon-edit {
  background-image: url(sprite.png);
  background-position: -172px -136px;
  width: 17px;
  height: 17px;
}
.icon-hamburger {
  background-image: url(sprite.png);
  background-position: -197px -128px;
  width: 25px;
  height: 24px;
}
.icon-like {
  background-image: url(sprite.png);
  background-position: -91px -153px;
  width: 24px;
  height: 20px;
}
.icon-link {
  background-image: url(sprite.png);
  background-position: -80px -183px;
  width: 18px;
  height: 18px;
}
.icon-liyka:hover {
  background-image: url(sprite.png);
  background-position: 0px -119px;
  width: 32px;
  height: 34px;
}
.icon-liyka {
  background-image: url(sprite.png);
  background-position: -32px -119px;
  width: 32px;
  height: 34px;
}
.icon-loader:hover {
  background-image: url(sprite.png);
  background-position: -172px -78px;
  width: 25px;
  height: 29px;
}
.icon-loader {
  background-image: url(sprite.png);
  background-position: -172px -107px;
  width: 25px;
  height: 29px;
}
.icon-location-bg {
  background-image: url(sprite.png);
  background-position: -128px -119px;
  width: 30px;
  height: 30px;
}
.icon-location-white {
  background-image: url(sprite.png);
  background-position: 0px -204px;
  width: 13px;
  height: 17px;
}
.icon-logout {
  background-image: url(sprite.png);
  background-position: -98px -50px;
  width: 30px;
  height: 29px;
}
.icon-mail-white {
  background-image: url(sprite.png);
  background-position: -137px -105px;
  width: 16px;
  height: 12px;
}
.icon-mail {
  background-image: url(sprite.png);
  background-position: -164px -183px;
  width: 16px;
  height: 15px;
}
.icon-mastercard {
  background-image: url(sprite.png);
  background-position: -48px -50px;
  width: 50px;
  height: 29px;
}
.icon-more {
  background-image: url(sprite.png);
  background-position: -223px -169px;
  width: 12px;
  height: 7px;
}
.icon-not-available {
  background-image: url(sprite.png);
  background-position: -41px -183px;
  width: 20px;
  height: 20px;
}
.icon-packing {
  background-image: url(sprite.png);
  background-position: -50px 0px;
  width: 46px;
  height: 50px;
}
.icon-pagination-next {
  background-image: url(sprite.png);
  background-position: -223px -132px;
  width: 8px;
  height: 14px;
}
.icon-pagination-prev {
  background-image: url(sprite.png);
  background-position: -223px -146px;
  width: 8px;
  height: 14px;
}
.icon-payment-bg {
  background-image: url(sprite.png);
  background-position: 0px -153px;
  width: 30px;
  height: 30px;
}
.icon-payment {
  background-image: url(sprite.png);
  background-position: 0px 0px;
  width: 50px;
  height: 50px;
}
.icon-phone-gray {
  background-image: url(sprite.png);
  background-position: -116px -183px;
  width: 16px;
  height: 16px;
}
.icon-phone-white {
  background-image: url(sprite.png);
  background-position: -132px -183px;
  width: 16px;
  height: 16px;
}
.icon-phone {
  background-image: url(sprite.png);
  background-position: -148px -183px;
  width: 16px;
  height: 16px;
}
.icon-privat24 {
  background-image: url(sprite.png);
  background-position: 0px -90px;
  width: 50px;
  height: 29px;
}
.icon-qty-minus {
  background-image: url(sprite.png);
  background-position: -197px -174px;
  width: 18px;
  height: 3px;
}
.icon-qty-pluss {
  background-image: url(sprite.png);
  background-position: -98px -183px;
  width: 18px;
  height: 18px;
}
.icon-quality {
  background-image: url(sprite.png);
  background-position: -96px 0px;
  width: 41px;
  height: 50px;
}
.icon-sale-percent {
  background-image: url(sprite.png);
  background-position: -100px -90px;
  width: 28px;
  height: 29px;
}
.icon-search {
  background-image: url(sprite.png);
  background-position: -61px -183px;
  width: 19px;
  height: 19px;
}
.icon-shipping {
  background-image: url(sprite.png);
  background-position: 0px -50px;
  width: 48px;
  height: 40px;
}
.icon-shovel:hover {
  background-image: url(sprite.png);
  background-position: -137px -35px;
  width: 32px;
  height: 35px;
}
.icon-shovel {
  background-image: url(sprite.png);
  background-position: -137px -70px;
  width: 32px;
  height: 35px;
}
.icon-show:hover {
  background-image: url(sprite.png);
  background-position: -172px 0px;
  width: 25px;
  height: 39px;
}
.icon-show {
  background-image: url(sprite.png);
  background-position: -172px -39px;
  width: 25px;
  height: 39px;
}
.icon-star-active {
  background-image: url(sprite.png);
  background-position: -115px -153px;
  width: 21px;
  height: 20px;
}
.icon-star {
  background-image: url(sprite.png);
  background-position: -136px -153px;
  width: 21px;
  height: 20px;
}
.icon-sun:hover {
  background-image: url(sprite.png);
  background-position: -64px -119px;
  width: 32px;
  height: 32px;
}
.icon-sun {
  background-image: url(sprite.png);
  background-position: -96px -119px;
  width: 32px;
  height: 32px;
}
.icon-user-bg {
  background-image: url(sprite.png);
  background-position: -30px -153px;
  width: 30px;
  height: 30px;
}
.icon-user-grey {
  background-image: url(sprite.png);
  background-position: -197px -26px;
  width: 26px;
  height: 26px;
}
.icon-user-pluss {
  background-image: url(sprite.png);
  background-position: -197px -52px;
  width: 26px;
  height: 26px;
}
.icon-user-sm {
  background-image: url(sprite.png);
  background-position: -13px -204px;
  width: 13px;
  height: 16px;
}
.icon-user {
  background-image: url(sprite.png);
  background-position: -197px -78px;
  width: 26px;
  height: 26px;
}
.icon-visa {
  background-image: url(sprite.png);
  background-position: -50px -90px;
  width: 50px;
  height: 29px;
}
.icon-webfox {
  background-image: url(sprite.png);
  background-position: -60px -153px;
  width: 31px;
  height: 25px;
}
.icon-zoom {
  background-image: url(sprite.png);
  background-position: -137px 0px;
  width: 35px;
  height: 35px;
}