[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
}


.list-social {
  list-style: none outside none;
  overflow: hidden;
  
  margin-top:0px;
}
.list-social a {
  width: 30px;
  height: 30px;
 
  transition: all 0.2s linear;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.list-social a.icon-1 {
  background-image: url(../images/soc-icon-1.png);
}
.list-social a.icon-2 {
  background-image: url(../images/soc-icon-2.png);
}
.list-social a.icon-3 {
  background-image: url(../images/soc-icon-3.png);
}
.list-social a.icon-4 {
  background-image: url(../images/soc-icon-4.png);
}



.list-social a.icon-5 {
  background-image: url(../images/soc-icon-5.png);
}
.list-social a.icon-6 {
  background-image: url(../images/soc-icon-6.png);
}
.list-social a.icon-7 {
  background-image: url(../images/soc-icon-7.png);
}


.list-social li {
  float: left;
  margin-left: 5px;
}
.list-social a:hover {
  background-position: 0 bottom;
}