.social-media-icons ul li a {
    display:block;
    width:30px;
    height:30px;
    position:relative;
    color:#FFF;
}

.social-media-icons ul li a:before {
    display:block;
    position:absolute;
    z-index:100;
}

.social-media-icons ul li a.fa-facebook:before {
    left:9px;
    top:9px;
}

.social-media-icons ul li a.fa-twitter:before {
    left:8px;
    top:8px;
}

.social-media-icons ul li a.fa-vimeo:before {
    left:6px;
    top:9px;
}

.social-media-icons ul li a:after {
    content:"";
    background-color:#a7a9ac;
    height:30px;
    width:30px;
    display:block;
    position:absolute;
    z-index:50;
}

.social-media-icons.social-media-icons-rotate ul li a:after {
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

.social-media-icons ul li a.fa-facebook:hover {
    color:#3a5795;
}

.social-media-icons ul li a.fa-twitter:hover {
    color:#55acee;
}

.social-media-icons ul li a.fa-vimeo:hover {
    color:#17b3e8;
}