#tooltip
{
    text-align: center;
    background-color: #8b8b8b;
    color: #ffffff;
    font-size: 11px;
    position: absolute;
    font-weight: bold;
    z-index: 100;
    padding: 15px;
    transition: 0.3s all ease-out;
}

#tooltip:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #8b8b8b;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top:after
{
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;
    bottom: auto;
}

#tooltip.left:after
{
    left: 10px;
    margin: 0;
}

#tooltip.right:after
{
    right: 10px;
    left: auto;
    margin: 0;
}

footer .icons a {
    position: relative;
}


footer .icons a:hover {
    transform: scale(1);
}

footer .icons a img {
    transition: 0.3s all ease-out;
}

footer .icons a:hover img {
    opacity: 0.3;
    transition: 0.3s all ease-out;
}

.rh-tooltip span {

}