.socs {
    position: relative;
    line-height: 99px
}

.socs .soc {
    margin: 0 -8px;
    width: 99px;
    height: 100px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    -webkit-transition: filter .3s;
    -moz-transition: filter .3s;
    -o-transition: filter .3s;
    transition: filter .3s
}

.socs .soc {
    background-image: url(/images/social/roa_landing.png);
    background-repeat: no-repeat
}

.socs .soc:hover {
    filter: brightness(120%)
}

.socs .soc_facebook {
    background-position: -3px 0;
}
.socs .soc_twitter {
    background-position: -105px 0;
}
.socs .soc_yahoo {
    background-position: -206px 0;
}
.socs .soc_google, .socs .soc_google_plus {
    background-position: -308px 0;
}
.socs .soc_vkontakte {
    background-position: -410px 0;
}
.socs .soc_odnoklassniki {
    background-position: -512px 0;
}
.socs .soc_yandex {
    background-position: -614px 0;
}
.socs .soc_mailru {
    background-position: -716px 0;
}