.before{
  height: 0px;
}

.after{
  height: 20px;
}


.yandex-mobile-services-kit{
  position: relative;
  width: 1000px;
  height: 670px;
  background-image: url(img/bg-kit.jpg);
  background-repeat: no-repeat;
  background-color: white;
  background-position: 319px 181px;
}

.yandex-mobile-services-kit:before{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 786px;
  height: 266px;
  background: url(img/bg-hand.png) no-repeat;
  z-index: 1;
}

.yandex-mobile-services-kit .service-tmpl{
  visibility: hidden;
}

.yandex-mobile-services-kit .service{
  position: absolute;
  width: 70px;
  height: 70px;
  overflow: hidden;
  visibility: hidden;
}

.yandex-mobile-services-kit .service img{
  position: absolute;
  top: 0;
  width: 1200%;
  outline: none;
  border: none;
}

.yandex-mobile-services-kit .service-mail     img{ left: 0; }
.yandex-mobile-services-kit .service-money    img{ left: -100%; }
.yandex-mobile-services-kit .service-taxi     img{ left: -200%; }
.yandex-mobile-services-kit .service-fotki    img{ left: -300%; }
.yandex-mobile-services-kit .service-rasp     img{ left: -400%; }
.yandex-mobile-services-kit .service-navi     img{ left: -500%; }
.yandex-mobile-services-kit .service-metro    img{ left: -600%; }
.yandex-mobile-services-kit .service-market   img{ left: -700%; }
.yandex-mobile-services-kit .service-disk     img{ left: -800%; }
.yandex-mobile-services-kit .service-browser  img{ left: -900%; }
.yandex-mobile-services-kit .service-auto     img{ left: -1000%; }
.yandex-mobile-services-kit .service-maps     img{ left: -1100%; }