div.bx-auth-reg input.bx-auth-input {vertical-align:middle;}
div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;}
div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(images/sec-unlocked.png);}
.register_error{color: red;}
.info div{
    padding-top:7px;
    font-size:12px;
    line-height: 14px;
    margin: 0 -50px;
}
.log_reg__registration {
    position: relative;
}
.preload-wrapper {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.preload {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 26%);
    z-index: 9999;
}

.circle {
    position: absolute;
    background-color: transparent;
    width: 100%;
    height: 100%;
    border: 4px solid transparent;
    border-top: 4px solid #000;
    border-radius: 50%;
    animation: loading 1s infinite linear;
    -moz-animation: loading 1s infinite linear;
    -webkit-animation: loading 1s infinite linear;
}

.smcircle {
    position: absolute;
    background-color: transparent;
    width: 100%;
    height: 100%;
    border: 4px solid #333;
    opacity: 30%;
    border-radius: 50%;
    top: 1px;
}

@keyframes loading {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@-moz-keyframes loading {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@-webkit-keyframes loading {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.smcircle, .circle {
    display: block;
}