span.social-link-container
{
    position: relative;
}

div.social-links-table
{
    clear: both;
    display: table;
    table-layout: fixed;
    width: 100%;
    min-height: 140px;
    border: none;
}


div.social-links-row
{
    display: table-row;
    min-height: 200px;
    vertical-align: middle;
}

div.social-links-cell
{
    position: relative;
    display: table-cell;
    text-align: center;
    align: center;
    vertical-align: middle;
    width: 25%;
    min-width: 80px;
    max-width: 25%;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
}

div.social-link-cell-content
{

}

i.social-link
{
    opacity: 0.55;
    padding: 18px 18px;
    font-size: 30px;
    border: none !important;
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s;
    text-shadow: 1px 1px #555555;
    box-shadow: 0px 0px 0px 0px rgba(128, 128, 128, 0.2);
    border-radius: 18px;
    z-index: 0;
    width: 70px;
    height: 70px;
}

.social-link-cell-content a
{
    text-decoration: none;
    text-align: center;
    text-align: center;
    vertical-align: middle;

}

i.linkFocussed
{
    opacity: 1.0 !important;
    font-size: 60px;
    padding: 25px 25px;
    text-shadow: 2px 2px #666666;
    box-shadow: 40px 40px 10px 0px rgba(128, 128, 128, 0.6);
    border-radius: 25px;
    z-index: 5;
    width: 110px;
    height: 110px;
}

.animate-link {
    -webkit-transition:all linear 0.2s;
    transition:all linear 0.2s;
    opacity:1;
}

.animate-link.ng-hide-add,
.animate-link.ng-hide-remove {
    display: inline-block!important;
}

.animate-link.ng-hide {
    opacity:0;
}

.bg-facebook
{
    background-color: #3B5998;
    color: #FFFFEE;
}

.bg-google
{
    background-color: #D34836;
    color: #FFFFEE;
}

.bg-twitter
{
    background-color: #4099FF;
    color: #FFFFEE;
}

.bg-windows8
{
    background-color: #00A0B1;
    color: #FFFFEE;
}

.bg-yahoo
{
    background-color: #7B0099;
    color: #FFFFEE;
}