.icon {
  background: url(../images/icons.png) no-repeat;
  text-indent: -9999px;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.icon.question {
  background-position: 0 0;
  width: 41px;
  height: 32px;
}
.icon.answer {
  background-position: 0 -64px;
  width: 41px;
  height: 32px;
}
.icon.book {
  background-position: 0 -96px;
  width: 32px;
  height: 32px;
}
.icon.bell {
  background-position: 0 -128px;
  width: 32px;
  height: 32px;
}
.icon.exc {
  background-position: 0 -288px;
  width: 32px;
  height: 32px;
}
.client .icon {
  background-position: 0 -160px;
}
.link .icon {
  background-position: 0 -180px;
}
.sort .icon {
  background-position: 0 -200px;
}
.work .icon {
  background-position: 0 -220px;
}
.icon.more {
  background-position: 0 -240px;
}
.icon.refresh {
  background-position: 0 -260px;
  width: 24px;
  height: 24px;
}
.contact-box .icon {
  background-image: url(../images/icon_contact.png);
  background-size: auto 100%;
  width: 93px;
  height: 94px;
}
.contact-box .icon.skype {
  background-position: -93px 0;
}
.contact-box .icon.mail {
  background-position: -186px 0;
  width: 110px;
  margin-left: -4px;
}
.main.has-side .content #main-title .icon {
  background-image: url(../images/icon_title.png);
  width: 28px;
  height: 28px;
  margin-right: 16px;
  margin-top: -4px;
}
.top-menu li a .icon {
  background-image: url(../images/works/icon_arrow.png);
  width: 17px;
  height: 17px;
  vertical-align: text-bottom;
  margin-right: 6px;
}
.top-menu li.b1 a .icon {
  background-position: 0 0;
}
.top-menu li.b2 a .icon {
  background-position: -17px 0;
}
.top-menu li.b3 a .icon {
  background-position: -34px 0;
}
.top-menu li.b4 a .icon {
  background-position: -51px 0;
}
.top-menu li.b5 a .icon {
  background-position: -68px 0;
}
.top-menu li.b6 a .icon {
  background-position: -85px 0;
}
.top-menu li.b7 a .icon {
  background-position: -102px 0;
}
.top-menu li.b8 a .icon {
  background-position: -102px 0;
}
.top-menu li.b1 a:hover .icon, .top-menu li.b1 a.active .icon {
  background-position: 0 -17px;
}
.top-menu li.b2 a:hover .icon, .top-menu li.b2 a.active .icon {
  background-position: -17px -17px;
}
.top-menu li.b3 a:hover .icon, .top-menu li.b3 a.active .icon {
  background-position: -34px -17px;
}
.top-menu li.b4 a:hover .icon, .top-menu li.b4 a.active .icon {
  background-position: -51px -17px;
}
.top-menu li.b5 a:hover .icon, .top-menu li.b5 a.active .icon {
  background-position: -68px -17px;
}
.top-menu li.b6 a:hover .icon, .top-menu li.b6 a.active .icon {
  background-position: -85px -17px;
}
.top-menu li.b7 a:hover .icon, .top-menu li.b7 a.active .icon {
  background-position: -102px -17px;
}
.top-menu li.b8 a:hover .icon, .top-menu li.b8 a.active .icon {
  background-position: -102px -17px;
}
.contact-line-icon {
  width: 60px;
  height: 60px;
  background: url(../images/line-icon.svg), linear-gradient(to bottom, #06C755, #06C755);
  border-radius: 50%;
  display: inline-block;
  background-size: 41px 41px;
  background-repeat: no-repeat, repeat;
  background-position: center;
  position: absolute;
  left: 39px;
  top: 20px;
}