.logina .containerr{position:relative;width:800px;height:600px;margin:0 auto;background:#fff;box-shadow:0 15px 50px rgba(0,0,0,0.1);overflow:hidden}
.logina .containerr .user{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}
.logina .containerr .user .imgBx{position:relative;width:50%;height:100%;transition:.5s}
.logina .containerr .user .imgBx img{position:absolute;top:0;left:0;}
.logina .containerr .user .formBx{position:relative;width:50%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center;padding:40px;transition:.5s}
.logina .containerr .user .formBx.full{width:100%;}
.logina .containerr .user .formBx form .eitch2{font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:2px;text-align:center;width:100%;margin-bottom:10px;color:#555}
.logina .containerr .user .formBx form input{position:relative;width:100%;padding:10px;background:#f5f5f5;color:#333;border:none;outline:none;box-shadow:none;margin:8px 0;border:1px solid #acc4e6}
.logina .containerr .user .formBx form input[type='submit']{max-width:100px;background:#677eff;color:#fff;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:1px;transition:.5s}
.logina .containerr .user .formBx form .signup{position:relative;margin-top:20px;font-size:13px;color:#555;text-transform:uppercase;font-weight:300}
.logina .containerr .user .formBx form .signup a{font-weight:500;text-decoration:none;color:var(--main-color);cursor:pointer;}
.logina .containerr .signupBx{pointer-events:none}
.logina .containerr.active .signupBx{pointer-events:initial}
.logina .containerr .signupBx .formBx{left:100%}
.logina .containerr.active .signupBx .formBx{left:0}
.logina .containerr .signupBx .imgBx{left:-100%}
.logina .containerr.active .signupBx .imgBx{left:0}
.logina .containerr .signinBx .formBx{left:0}
.logina .containerr.active .signinBx .formBx{left:100%}
.logina .containerr .signinBx .imgBx{left:0}
.logina .containerr.active .signinBx .imgBx{left:-100%}
@media (max-width: 991px) {
.logina .containerr{max-width:400px}
.logina .containerr .imgBx{display:none}
.logina .containerr .user .formBx{width:100%}
}