.social.icons {
  display: block;
  text-align: center;
  background-color: #333;

}

.social.icons>.item {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-left:3px;
  vertical-align: middle;
  line-height: 40px;

}

.social.icons>.item:first-child {
  margin-left:0;

}

.social.icons>.item a {
  display: block;

}

.social.icons>.item i {
  color: #999;
  vertical-align: middle;

}

.social.icons>.item:hover i {
  color: #fff;

}

.social.icons>.item.vk:hover {
  background-color: #45668e;

}

.social.icons>.item.fb:hover {
  background-color: #3b5998;

}

.social.icons>.item.ok:hover {
  background-color: #F2720C;

}

.social.icons>.item.tt:hover {
  background-color: #00aced;

}

.social.icons>.item.yt:hover {
  background-color: #bb0000;

}

.social.icons>.item.gp:hover {
  background-color: #dd4b39;

}

.social.icons>.item.in:hover {
  background-color: #517fa4;

}

.social.icons>.item.pi:hover {
  background-color: #cb2027;

}

.social.icons>.item.tb:hover {
  background-color: #32506d;

}

.social.icons>.item.tw:hover {
  background-color: #6441A5;

}

.social.list {
  display: block;
  background-color: #333;

}

.social.list>.item {
  display: block;
  height: 40px;
  line-height: 40px;

}

.social.list>.item a {
  display: block;
  padding: 0 15px;

}

.social.list>.item i {
  color: #fff;
  margin-right: 10px;
  font-size: 1.1em;

}

.social.list>.item span {
  display:inline-block;
  color: #fff;
  font-weight: bold;

}

.social.list>.item.vk:hover {
  background-color: #45668e;

}

.social.list>.item.fb:hover {
  background-color: #3b5998;

}

.social.list>.item.ok:hover {
  background-color: #F2720C;

}

.social.list>.item.tt:hover {
  background-color: #00aced;

}

.social.list>.item.yt:hover {
  background-color: #bb0000;

}

.social.list>.item.gp:hover {
  background-color: #dd4b39;

}

.social.list>.item.in:hover {
  background-color: #517fa4;

}

.social.list>.item.pi:hover {
  background-color: #cb2027;

}

.social.list>.item.tb:hover {
  background-color: #32506d;

}

.social.list>.item.tw:hover {
  background-color: #6441A5;

}