/*
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-right {
  background-image: url(sprite.png);
  background-position: -176px -121px;
  width: 38px;
  height: 9px;
}
.icon-avia-blue {
  background-image: url(sprite.png);
  background-position: -285px -201px;
  width: 28px;
  height: 15px;
}
.icon-avia {
  background-image: url(sprite.png);
  background-position: -285px -186px;
  width: 28px;
  height: 15px;
}
.icon-avto-blue {
  background-image: url(sprite.png);
  background-position: -285px -232px;
  width: 25px;
  height: 16px;
}
.icon-avto {
  background-image: url(sprite.png);
  background-position: -285px -216px;
  width: 25px;
  height: 16px;
}
.icon-china-white {
  background-image: url(sprite.png);
  background-position: -90px -105px;
  width: 57px;
  height: 48px;
}
.icon-china {
  background-image: url(sprite.png);
  background-position: 0px 0px;
  width: 90px;
  height: 75px;
}
.icon-clothes:hover {
  background-image: url(sprite.png);
  background-position: -242px -49px;
  width: 43px;
  height: 49px;
}
.icon-clothes {
  background-image: url(sprite.png);
  background-position: -242px 0px;
  width: 43px;
  height: 49px;
}
.icon-compass {
  background-image: url(sprite.png);
  background-position: 0px -75px;
  width: 82px;
  height: 82px;
}
.icon-electrical:hover {
  background-image: url(sprite.png);
  background-position: -242px -147px;
  width: 38px;
  height: 49px;
}
.icon-electrical {
  background-image: url(sprite.png);
  background-position: -242px -98px;
  width: 38px;
  height: 49px;
}
.icon-equipment:hover {
  background-image: url(sprite.png);
  background-position: -285px -49px;
  width: 37px;
  height: 49px;
}
.icon-equipment {
  background-image: url(sprite.png);
  background-position: -285px 0px;
  width: 37px;
  height: 49px;
}
.icon-general {
  background-image: url(sprite.png);
  background-position: 0px -200px;
  width: 38px;
  height: 48px;
}
.icon-haberdashery:hover {
  background-image: url(sprite.png);
  background-position: 0px -157px;
  width: 53px;
  height: 43px;
}
.icon-haberdashery {
  background-image: url(sprite.png);
  background-position: -176px -78px;
  width: 53px;
  height: 43px;
}
.icon-map {
  background-image: url(sprite.png);
  background-position: -90px -57px;
  width: 57px;
  height: 48px;
}
.icon-plus-blue {
  background-image: url(sprite.png);
  background-position: -310px -98px;
  width: 8px;
  height: 8px;
}
.icon-plus {
  background-image: url(sprite.png);
  background-position: -310px -106px;
  width: 8px;
  height: 8px;
}
.icon-prefabricated {
  background-image: url(sprite.png);
  background-position: -137px -157px;
  width: 42px;
  height: 42px;
}
.icon-recreation:hover {
  background-image: url(sprite.png);
  background-position: -176px -39px;
  width: 66px;
  height: 39px;
}
.icon-recreation {
  background-image: url(sprite.png);
  background-position: -176px 0px;
  width: 66px;
  height: 39px;
}
.icon-ship-blue {
  background-image: url(sprite.png);
  background-position: -285px -120px;
  width: 25px;
  height: 22px;
}
.icon-ship {
  background-image: url(sprite.png);
  background-position: -285px -98px;
  width: 25px;
  height: 22px;
}
.icon-textile:hover {
  background-image: url(sprite.png);
  background-position: -95px -157px;
  width: 42px;
  height: 43px;
}
.icon-textile {
  background-image: url(sprite.png);
  background-position: -53px -157px;
  width: 42px;
  height: 43px;
}
.icon-train-blue {
  background-image: url(sprite.png);
  background-position: -285px -164px;
  width: 23px;
  height: 22px;
}
.icon-train {
  background-image: url(sprite.png);
  background-position: -285px -142px;
  width: 23px;
  height: 22px;
}
.icon-ukraine {
  background-image: url(sprite.png);
  background-position: -90px 0px;
  width: 86px;
  height: 57px;
}
.mlink {
  display: inline-block;
  margin: 5px;
  line-height: 0;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}
.mlink:hover {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -ms-transform: scale(0.98);
  -o-transform: scale(0.98);
  transform: scale(0.98);
}
.mlink--tg {
  background-image: url('./images/icon-tg.png');
}
.mlink--vb {
  background-image: url('./images/icon-vb.gif');
}
.mlink--wa {
  background-image: url('./images/icon-wa.gif');
}
.mlink--wc {
  background-image: url('./images/icon-wc.png');
}