.auth {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    color: #e6e6e6;
    white-space: nowrap;
    font: 12px/16px Helvetica, Arial, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index:500;
}

.auth__overlay {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 11;
    background: url('about:blank') 0 0;
}

.auth__popup {
    position: absolute;
    z-index: 100000;
    width: 400px;
    padding-bottom: 8px;
    background: #2c232b;
    opacity: 0.9;
    box-shadow: 0px 5px 20px -5px #000;
    vertical-align: bottom;
    text-align: left;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: auth__scale .2s cubic-bezier(.64, 1.1, .64, 1.1), auth__opacity .1s linear;
    animation: auth__scale .2s cubic-bezier(.64,1.1,.64,1.1),auth__opacity .1s linear;
    white-space: normal;
    top: 200px;
    margin-left: -200px;
    left: 50%;
    border-radius: 10px;
}


.auth__popupClose {
    position: absolute;
    top: 7px;
    right: 8px;
    z-index: 2;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

    .auth__popupClose::before {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzhDODc4MiIgZD0iTTEwLDEwSDguNTg2TDUsNi40MTRMMS40MTQsMTBIMFY4LjU4NUwzLjU4Niw1TDAsMS40MTRWMGgxLjQxNCBMNSwzLjU4NUw4LjU4NiwwSDEwdjEuNDE0TDYuNDE0LDVMMTAsOC41ODVWMTB6Ii8+PC9zdmc+");
        background-repeat: no-repeat;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 5px;
        left: 5px;
        content: "";
    }

    .auth__popupClose:hover {
        opacity: 0.7;
    }

.auth__popupHeader {
    position: relative;
    padding: 15px 40px 2px 23px;
    color: #e6e6e6;
    font: 22px/26px "SuisseCond", "Arial Narrow", Helvetica, Arial, sans-serif;
    word-wrap: break-word;
}

.auth__popupSwitch {
    float: right;
    padding: 21px 23px 14px;
}

._scheme_dark.link {
    color: #ffe6aa;
    background-image: -webkit-linear-gradient(left,rgba(255,230,170,.3),rgba(255,230,170,.3)100%);
    background-image: linear-gradient(to right,rgba(255,230,170,.3),rgba(255,230,170,.3)100%);
}

.link {
    background-position: 0 95%;
    background-size: 10px 1px;
    background-repeat: repeat-x;
}

.link {
    cursor: pointer;
    color: #079;
    text-decoration: none;
    background-image: -webkit-linear-gradient(left,#9cd,#9cd 100%);
    background-image: linear-gradient(to right,#9cd,#9cd 100%);
}

.auth__popupSocial {
    position: relative;
    display: inline-block;
    margin: 9px 0 10px 24px;
    padding: 0;
    height: 54px;
    list-style: none;
}

.auth__popupSocialItem {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    cursor: pointer;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

    .auth__popupSocialItem::before, .auth__popupSocialItem::after {
        position: relative;
        content: "";
        float: left;
    }

    .auth__popupSocialItem::before {
        top: 1px;
        left: 1px;
        width: 46px;
        height: 46px;
        margin-bottom: -46px;
        border-radius: 23px;
        transition: box-shadow .1s linear;
    }

.auth__popupSocialVkontakte {
    background: #2c80cf;
    -webkit-animation: auth__vk .5s cubic-bezier(.64, 1.2, .64, 1.2);
    animation: auth__vk .5s cubic-bezier(.64,1.2,.64,1.2);
}

    .auth__popupSocialVkontakte::before {
        box-shadow: 0px 0px 0px 0px #2c80cf;
    }

    .auth__popupSocialVkontakte:hover::before {
        box-shadow: 0px 0px 0px 5px #2c80cf;
    }

    .auth__popupSocialVkontakte::after {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI5IDE2Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIgZD0iTTI0LDljMi42NDktMS45MTYsNS4wMzYtNi45NDIsNS05Yy0xLjMwNywwLTQuMzkzLDAtNiwwIGMtMC44MjUsMS44NS00Ljk5LDcuMTg2LTYsOGMwLTMuMzUsMC02LjcwMSwwLTdjMC0wLjYwMy0wLjQzNy0xLTEtMWMtMC41NjMsMC02LDAtNiwwczAsMC40NjIsMCwxYzAsMC41MzgsMC4zNDMsMSwxLDFzMSwwLjI4NiwxLDEgczAsNC4wMDgsMCw2QzEwLjE3Miw5LDUuNDksMS42MDIsNSwwYy0xLjE0MiwwLTMuNzEsMC01LDBDMCw2LjQwOSwxMC4zMSwxNiwxMiwxNmMxLjc5MywwLDMuMDM1LDAsNCwwYzAuOTY4LDAsMS0wLjU1NywxLTEgYzAtMC4xMywwLTEuMzQyLDAtM2MxLjcwNywwLDQuMjg1LDIuNTk2LDUsNGMxLjA3MywwLDUuNTA2LDAsNywwQzI4LjU0MSwxNC4xMTQsMjQuOTY0LDkuNjc5LDI0LDl6Ii8+PC9zdmc+");
        background-repeat: no-repeat;
        width: 29px;
        height: 16px;
        top: 16px;
        left: 8px;
    }

.auth__popupSocialItem + .auth__popupSocialItem {
    margin-left: 16px;
}

.auth__popupSocialFacebook {
    background: #5788d0;
    -webkit-animation: auth__fb .5s cubic-bezier(.64, 1.2, .64, 1.2);
    animation: auth__fb .5s cubic-bezier(.64,1.2,.64,1.2);
}

    .auth__popupSocialFacebook::before {
        box-shadow: 0px 0px 0px 0px #5788d0;
    }

    .auth__popupSocialFacebook:hover::before {
        box-shadow: 0px 0px 0px 5px #5788d0;
    }

    .auth__popupSocialFacebook::after {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDEzIDI0Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIgZD0iTTEzLDBjLTIuNTk4LDAtMy4xMjcsMC01LDBTNCwyLjA1NSw0LDRjMCwxLjk0NCwwLDQsMCw0SDB2NGg0djEyIGg1VjEyaDRWOEg5YzAsMCwwLTAuNjM3LDAtMmMwLTEuMzY0LDAuNzIyLTIsMi0yczIsMCwyLDBTMTMsMS41MTUsMTMsMHoiLz48L3N2Zz4=");
        background-repeat: no-repeat;
        width: 13px;
        height: 24px;
        top: 12px;
        left: 17px;
    }

.auth__popupSocialTwitter {
    background: #2fb7eb;
    -webkit-animation: auth__tw .5s cubic-bezier(.64, 1.2, .64, 1.2);
    animation: auth__tw .5s cubic-bezier(.64,1.2,.64,1.2);
}

    .auth__popupSocialTwitter::before {
        box-shadow: 0px 0px 0px 0px #2fb7eb;
    }

    .auth__popupSocialTwitter:hover::before {
        box-shadow: 0px 0px 0px 5px #2fb7eb;
    }

    .auth__popupSocialTwitter::after {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDIwIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIgZD0iTTAsMTdjMS4zMDEsMS42NDUsNC4xMTMsMyw4LDNjNi45NCwwLDEyLjQ5MS01LjQ4NCwxMy0xMCBjMC42MTktNS40OTgsMS01LDEtNWwyLTJoLTJsMS0xVjFoLTFsLTEsMWgtMWMwLDAtMS4xNjktMi0zLTJjLTEuODMyLDAtNSwwLjc0MS01LDdDOS4yODcsNywyLjk5LDMuNjYyLDEsMSBjMC4wNTMsNC4wODYsMC44NzEsNi4wMTQsMyw3QzIuNDc3LDgsMSw4LDEsOGMwLjYwOSwyLjE2MiwxLjQ0NywzLDQsM2MtMC40ODEsMS4yNjgtMS41NTcsMi0zLDJjMS4yMTksMS40MzUsMi44OTgsMiw1LDIgQzYuNTEzLDE2LjA0NSw0LjI3MiwxNy44MDUsMCwxN3oiLz48L3N2Zz4=");
        background-repeat: no-repeat;
        width: 24px;
        height: 20px;
        top: 14px;
        left: 13px;
    }

.auth__popupSection {
    padding: 16px 24px;
}

.auth__popupSocial + .auth__popupSection {
    border-top: 1px solid #222;
    border-top: 1px solid rgba(255, 255, 255, .1);
    box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.1);
    padding-top: 15px;
}

.auth__form {
    position: relative;
}

.auth__formField {
    position: relative;
    margin: 0 0 12px;
}

    .auth__formField::after {
        display: table;
        clear: both;
        content: "";
    }

.auth__formFieldInput {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 5px 30px 7px 12px;
    width: 100%;
    height: 32px;
    border: 0;
    border-radius: 2px;
    background: #fff linear-gradient(to bottom,rgba(0,0,0,.07)0%,rgba(0,0,0,0)70%,rgba(0,0,0,0)100%);
    box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.15);
    color: #000;
    vertical-align: top;
    font: 14px/20px Helvetica, Arial, sans-serif;
    transition: box-shadow .2s ease;
}

    .auth__formFieldInput:focus {
        outline: 0;
        box-shadow: inset 0px 2px 6px rgba(0,0,0,0.15), inset 0px 0px 4px rgba(13,165,213,0.5);
    }

.auth__formFieldPassword {
    display: block;
    padding-right: 30px;
}

.auth__formFieldCheckbox {
    display: none;
}

._showPasswords.auth .auth__formFieldPassword, .auth__formFieldClone {
    display: none;
}

.auth__formFieldShow {
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: 1;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDIwIDEyIj48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMTAsMy41QzguNjE5LDMuNSw3LjUsNC42MTksNy41LDZTOC42MTksOC41LDEwLDguNWMxLjM4MSwwLDIuNS0xLjExOSwyLjUtMi41IGwtMC4wMDctMC4wNjhDMTIuMzM0LDUuOTcyLDEyLjE3MSw2LDEyLDZjLTEuMTA1LDAtMi0wLjg5Ni0yLTJjMC0wLjE3MSwwLjAyOC0wLjMzNSwwLjA2OC0wLjQ5M0wxMCwzLjUgTTEwLDExIGMtMi43NjIsMC01LTIuMjM4LTUtNXMyLjIzOC01LDUtNWMyLjc2MiwwLDUsMi4yMzgsNSw1UzEyLjc2MiwxMSwxMCwxMSBNMTAsMEM0LDAsMSw0LDAsNmMxLDIsNCw2LDEwLDZzOS00LDEwLTZDMTksNCwxNiwwLDEwLDAiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    width: 20px;
    height: 12px;
    opacity: 0.4;
    cursor: pointer;
}

.auth__formSubmit {
    position: relative;
}

    .auth__formSubmit::after {
        display: table;
        clear: both;
        content: "";
    }

.auth__formSubmitBtn:hover {
    background: linear-gradient(to bottom,#41d0ff,#0fa5d7);
    box-shadow: inset 0px 1px rgba(255,255,255,0.2);
}

.auth__formSubmitBtn {
    position: relative;
    display: inline-block;
    float: right;
    margin: 0;
    padding: 0 0 2px;
    min-width: 171px;
    border: 0;
    border-radius: 3px;
    background-color: #1ab0de;
    background-image: linear-gradient(to bottom,#33b9e1,#01a7da);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.2);
    color: #fff;
    vertical-align: top;
    text-align: center;
    font: 14px/30px Helvetica, Arial, sans-serif;
    cursor: pointer;
}

._disabled.auth__formSubmitBtn, ._disabled.auth__formSubmitBtn:hover, ._disabled.auth__formSubmitBtn:active, ._contentLoading.auth .auth__formSubmitBtn {
    background: #5f605d;
    background: rgba(230,230,230,.1);
    box-shadow: none;
    color: #8a8a8a;
    color: rgba(230, 230, 230, 0.3);
    cursor: default;
}

button {
    -webkit-font-smoothing: antialiased;
}

.auth__formSubmitFunc {
    padding: 8px 0;
}

._license.auth__formField {
    margin: 0 0 5px 24px;
}

.auth__formFieldCheckbox {
    display: none;
}

.auth__formFieldPseudocheckbox {
    position: relative;
    left: -24px;
    float: left;
    margin-right: -16px;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #787878;
}

.auth__formFieldLabel {
    display: block;
    margin: 0 0 3px;
}

._scheme_dark.link {
    color: #ffe6aa;
    background-image: -webkit-linear-gradient(left,rgba(255,230,170,.3),rgba(255,230,170,.3)100%);
    background-image: linear-gradient(to right,rgba(255,230,170,.3),rgba(255,230,170,.3)100%);
}

.link {
    background-position: 0 95%;
    background-size: 10px 1px;
    background-repeat: repeat-x;
}

.link {
    cursor: pointer;
    color: #079;
    text-decoration: none;
    background-image: -webkit-linear-gradient(left,#9cd,#9cd 100%);
    background-image: linear-gradient(to right,#9cd,#9cd 100%);
}

.auth__licenseWrapper {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

.auth__scroller {
    padding: 0 24px;
    min-width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.auth__licenseContent {
    padding-top: 10px;
}

:checked.auth__formFieldCheckbox + .auth__formFieldPseudocheckbox::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0xMCAwTDUgNSAyIDIgMCA0IDUgOSAxMiAyeiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    position: absolute;
    top: 4px;
    left: 2px;
    width: 12px;
    height: 9px;
    content: "";
}

:checked.auth__formFieldCheckbox + .auth__formFieldPseudocheckbox {
    background: #787878;
}

#regul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#regul li {
    margin: 7px 0 0 0;
}

#regul label {
    display: inline-block;
    width: 150px;
    text-align: right;
    padding-right: 5px;
}