.social-aut-but {
    height: 40px;
    width: 100%;
    border: 0px;
    box-sizing: border-box;
    display: block;
    position: relative;
    color: #fff;
    font-size: 1.02em;
    border-radius: 2px;
    text-align: center;
    text-decoration: none !important;
    color: white !important;
    padding-top: 9px;
    cursor: pointer;
    background: #3b5998;
}

.social-aut-but.ok:active{
    padding-top: 10px;
    border-bottom: 1px  solid rgba(141, 64, 0, 1) !important;
}

.social-aut-but.vk:active{
    padding-top: 10px;
    border-bottom: 1px solid rgb(33, 62, 108) !important;
}

.social-aut-but.mail:active{
    padding-top: 10px;
    border-bottom: 1px solid rgb(47, 81, 144) !important;
}

.social-aut-but.fb:active{
    /*padding-top: 10px;*/
    /*border-bottom: 1px solid rgb(27, 49, 121) !important;*/
}
.social-aut-but.yandex:active{
    padding-top: 10px;
    border-bottom: 1px solid #DCB51A !important;
}
.social-aut-but.gmail:active{
    padding-top: 10px;
    border-bottom: 1px solid #820E00 !important;
}

.social-aut-but.ok {
    background: rgb(249, 159, 84);
    border-bottom: 3px solid rgba(141, 64, 0, 1) !important;
}

.social-aut-but.mail {
    background: rgb(78, 135, 239);
    border-bottom: 3px solid rgb(47, 81, 144) !important;
}
.social-aut-but.fb {
    /*background: rgb(74, 96, 168);*/
    /*border-bottom: 3px solid rgb(27, 49, 121) !important;*/
    border: 1px solid rgb(24, 119, 242) !important;
    background: white !important;
    color: rgb(24, 119, 242) !important;
}
.social-aut-but.vk {
    background: rgb(78, 128, 205);
    border-bottom: 3px solid rgb(33, 62, 108) !important;
}
.social-aut-but.yandex {
    background: #FFDB4D;
    border-bottom: 3px solid #DCB51A !important;
    color: #000 !important;
}
.social-aut-but.gmail {
    background: #DC4A38;
    border-bottom: 3px solid #820E00 !important;
}

.social-aut-but:before {
    background:url("social-aut.png") top left no-repeat;
    width:24px;
    height:24px;
    top: 8px;
    left: 7px;
}

.social-aut-but:active:before {
    top: 9px;
}

.social-aut-but.ok:before {
    content: '';
    position: absolute;
    background-position:-10px -44px;
}

.social-aut-but.mail:before {
    content: '';
    position: absolute;
    background-position:-10px -112px;
}

.social-aut-but.fb:before {
    content: '';
    position: absolute;
    /*background-position:-10px -78px;*/
    background: white url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMTMwLjAwMDAwMCAxMzAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+Cgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwxMzAuMDAwMDAwKSBzY2FsZSgwLjEwMDAwMCwtMC4xMDAwMDApIgpmaWxsPSIjMTg3N0YyIiBzdHJva2U9Im5vbmUiPgo8cGF0aCBkPSJNNTI1IDEyMzQgYy0yMzAgLTUwIC00MTMgLTIzNSAtNDYxIC00NjQgLTQ0IC0yMDcgMzIgLTQzNyAxOTAgLTU3Ngo1OCAtNTEgMTkyIC0xMjIgMjQ5IC0xMzEgbDM3IC02IDAgMjA3IDAgMjA2IC03MCAwIC03MCAwIDAgOTAgMCA5MCA2OSAwIDY4IDAKNSA5OCBjOCAxNDUgNDMgMjEyIDEzOCAyNTUgMzcgMTcgNjIgMjEgMTM4IDIwIDUxIC0xIDk3IC01IDEwMiAtOCA2IC0zIDEwCi00MiAxMCAtODYgbDAgLTc5IC01OSAwIGMtODkgMCAtMTA1IC0xNyAtMTA5IC0xMTkgbC00IC04MSA4NyAwIGM3NyAwIDg2IC0yCjgxIC0xNyAtMyAtMTAgLTggLTQwIC0xMiAtNjggLTEzIC05MyAtMTUgLTk1IC04OSAtOTUgbC02NSAwIDAgLTIwOSAwIC0yMDkKNTIgMTQgYzEwMSAyNiAxNzkgNzMgMjY0IDE1OCAxMjQgMTI0IDE3NCAyNDYgMTc0IDQyMSAwIDE5MCAtNzIgMzQ1IC0yMTcgNDY2Ci0xMzUgMTEzIC0zMzUgMTYxIC01MDggMTIzeiIvPgo8L2c+Cjwvc3ZnPgo=") no-repeat;
}

.social-aut-but.vk:before {
    content: '';
    position: absolute;
    background-position:-10px -10px;
}

.social-aut-but.yandex:before {
    content: '';
    position: absolute;
    background-position:-10px -179px;
}

.social-aut-but.gmail:before {
    content: '';
    position: absolute;
    background-position:-10px -146px;
}

.login-form.cs .social-aut-but, .login-form.pl .social-aut-but {
    padding-left: 30px !important;
}