ul.social {
margin: 5px 0;
float: right;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
-webkit-backface-visibility: hidden;
}
ul.social li {
float: left;
list-style: none;
line-height: 30px;
font-size: 16px;
text-align: center;
background: #392525;
margin-right: 2px;
height: 30px;
width: 30px;
}
ul.social li:hover a, ul.social li a:hover, ul.social li:hover, ul.social a:hover {
text-decoration: none;
color: #fff !important;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
text-decoration: inherit;
display: inline-block;
speak: none;
}