ul.social-menu {
    margin: 0;
    padding: 0;
}
ul.social-menu li {
    display: inline-block;
}
ul.social-menu.sidebar {
    position: absolute;
    top: 250px;
    right: 30px;
    width: 20px;
    z-index: 1;
}
ul.social-menu.sidebar li {
    margin: 0 0 20px;
}

ul.social-menu li a img.normal {
    display: inline;
}
ul.social-menu li a img.hover {
    display: none;
}
ul.social-menu li a:hover img.normal {
    display: none;
}
ul.social-menu li a:hover img.hover {
    display: inline;
}
footer ul.social-menu {
    /* margin-top: 2.6rem; */
}
footer ul.social-menu li {
    margin-left: 0.55rem;
}
footer ul.social-menu li:first-child {
    margin-left: 0;
}
footer ul.social-menu li > a,
footer ul.social-menu li > a > img {
    width: 15px;
    height: 15px;
}
footer ul.social-menu li > a > img.normal {
    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"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
#fantagio footer ul.social-menu li > a, footer ul.social-menu li > a > img {
    width: 1.1rem;
    height: 1.1rem;
}
ul.social-menu.sidebar {
    position: fixed;
    top: 108px;
    right: 40px;
    width: 60px;
    margin-bottom: 30px;
    transition: top 1s;
}
#fantagio.customize-support ul.social-menu.sidebar {
    top: 170px;
}
ul.social-menu.sidebar li {
    width: 100%;
    text-align: center;
}
ul.social-menu.sidebar li.official {
    margin-bottom: 10px;
}
ul.social-menu.sidebar li a img {
    width: 25px;
    height: 25px;
}
ul.social-menu.sidebar li.official img {
    width: 60px;
    height: 15px;
}
ul.social-menu li > img.hover,
ul.social-menu li:hover > img.normal {
    display: none;
}
ul.social-menu li > img.normal,
ul.social-menu li:hover > img.hover {
    display: inline-block;
}
#fantagio.home ul.social-menu.sidebar {
    top: 108px;
}
#fantagio.home.customize-support ul.social-menu.sidebar {
    top: 140px;
}