main{margin-bottom:0}

.is_bg{height:100%;top:0;right:0;z-index:-1;opacity:.1}
.is_logo{display:inline-block;height:42px;margin-bottom:15px}
.form-reg{height:calc(100vh - 112px);margin-top:70px;min-height:700px}
.form-reg form{width:400px;transform:translate(50%,-50%);right:50%;top:50%;max-width:100%}
.form-reg form .loader{height:100%;top:0;right:0;z-index:1000;background-color:rgba(0, 0, 0, 0.5)}
.form-reg form .loader img{height:60px}
.form-reg form .form-box{backdrop-filter:blur(5px);padding:60px 40px;background-color:rgba(255, 255, 255, 0.15)}
.form-reg form .form-box .desc{margin:15px 0 40px}
.form-reg form .form-box .alert{margin-bottom:20px;padding:10px 15px;background-color:#d95c5c;display:none}
.form-reg form .form-box .input{padding:15px;border:0;margin-bottom:25px}
.form-reg form .form-box .letter{letter-spacing:10px}
.form-reg form .form-box .sub{padding:15px;border:0}
.form-reg form .form-box .sub i{margin-right:5px}
.form-reg form .form-box .sub.green{color:#111;background-color:#00db8b}
.form-reg form .form-box .sub[disabled],.form-reg form .form-box .sub:disabled{cursor:no-drop;background-color:#8f8f8f !important;color:#111 !important;opacity:1 !important}
.form-reg form .form-box .sub:hover,.form-reg form .form-box .forget-password:hover{opacity:.8}
.form-reg form .form-box .forget-password{margin-top:30px}
.form-reg form .form-box .forget-password i{margin-left:5px}
.form-reg form .form-box .bars{cursor:no-drop;display:inline-block;background-color:rgba(0, 0, 0, 0.25);margin-top:40px;height:20px}
.form-reg form .form-box .bars .bar{top:0;left:0;width:0%;height:20px;background-color:#7bdf92;background:linear-gradient(to right,rgba(123, 223, 146, 0.5),#7bdf92);animation-name:example;animation-duration:183s !important}
@keyframes example{from{width:0}to{width:100%}}
.form-reg form .form-box .bars.active{cursor:inherit;background:none}


@media only screen and (max-width:920px){
main{margin-bottom:0}
}
@media only screen and (max-width:600px){
.is_logo{display:none}
.is_bg{position:fixed;filter:blur(5px)}
.form-reg form .form-box{backdrop-filter:blur(0);border-radius:0;width:100%;background:none}
.form-reg{height:calc(100vh - 117px);margin-top:60px}
.form-reg form .form-box .title{font-size:18px}
.form-reg form .form-box .desc,.form-reg form .form-box .forget-password{font-size:14px}
.form-reg form .loader{border-radius:0;position:fixed;}
.form-reg form{width:100%;position:relative;transform:translate(0,0);right:0;top:0}
.form-reg form,.form-reg{min-height:0;height:auto;margin-bottom:40px}
}