.sauth-avatar {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #CCC;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#sauth-modal .modal-footer {
    text-align: left;
}

#sauth-modal .sauth-services a {
    text-decoration: none;
    border: none;
}
/*
.sauth-service-vk {
    background-image: url(../img/vk.png);
}

.sauth-service-google {
    background-image: url(../img/google.png);
}*/

.fa-mailru:before {
    content: "\f1fa";
}

.btn-mailru {
    color: orange;
    background-color: #3a526b;
    border-color: rgba(0,0,0,0.2);
}

.btn-mailru:hover {
    color: orange;
    background-color: #466482;
    border-color: rgba(0,0,0,0.2);
}

.fa-yandex:before {
    content: 'Я';
    font-family: Tahoma, sans-serif;
}

.btn-yandex {
    color: red;
    background-color: #fff;
    border-color: rgba(0,0,0,0.2);
    border-radius: 0;
}

.btn-yandex:hover {
    color: red;
    background-color: #e5e5e5e;
    border-color: rgba(0,0,0,0.2);
}

.btn-youtube {
    color: #f00;
    border-color: #f00;
}

.btn-youtube:hover {
    color: #900;
    border-color: #900;
}

.btn-instagram {
    background: linear-gradient(45deg, #f3cf00, #f00, #7935ac);
    border-width: 0;
}

.btn-instagram:hover {
    background: linear-gradient(45deg, #f3cf00, #f00);
}