.hero-social-widget-holder,
.hero-social-widget-holder ul{
display:block;
}

.hero-social-widget-holder li{
list-style-type:none;
float:left;
width: 48px;
margin: 0 5px 5px 0;
}

.hero-social-widget-holder li img{
filter: none;
-webkit-filter: grayscale(0%);
-webkit-transition: all 0.4s ease;
-moz-transition:    all 0.4s ease;
-o-transition:      all 0.4s ease;
-ms-transition:     all 0.4s ease;
}

.hero-social-widget-holder li img:hover{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}