@keyframes rotate {from {transform:rotate(0deg) translate(-10px) rotate(0deg) }to {transform:rotate(360deg) translate(-10px) rotate(-360deg) }}.login-reg-panel {position:relative;top:50%;transform:translateY(-50%);text-align:center;width:70%;right:0;left:0;margin:1rem auto 8rem auto;height:400px;background-color:rgba(236,48,20,0.9);color:#C0C0C0;max-width:800px}
.login-reg-panel .form-group {margin-bottom:0.9rem}
.login-reg-panel .form-group label {margin:0}
.login-reg-panel input[type="radio"] {position:relative;display:none}
.login-reg-panel .login-info-box {width:42%;padding:0 50px;top:20%;left:0;position:absolute;text-align:left}
.login-reg-panel .login-info-box h2 {color:#EBEAEB}
.login-reg-panel .register-info-box {width:42%;padding:0 50px;top:20%;right:0;position:absolute;text-align:left}
.login-reg-panel .register-info-box h2 {color:#EBEAEB}
.login-reg-panel a {margin-top:7rem}
.login-reg-panel #label-login,.login-reg-panel #label-register {border:1px solid #F7F7F7;color:#4C586F;background-color:#F7F7F7;padding:5px 5px;width:150px;display:block;text-align:center;border-radius:10px;cursor:pointer;font-weight:600;font-size:18px;box-shadow:0 0 8px 1px rgba(0,0,0,0.588)}
.login-reg-panel .right-log {right:50px !important}
.white-panel {background-color:white;height:500px;position:absolute;top:-50px;width:50%;right:calc(50% - 50px);transition:0.3s ease-in-out;z-index:0;box-shadow:0 0 15px 9px rgba(0,0,0,0.588)}
.white-panel h2 {margin-bottom:1rem}
.white-panel .login-show,.white-panel .register-show {z-index:1;display:none;opacity:0;transition:0.3s ease-in-out;color:#3E3E3B;text-align:left;padding:50px;height:100%}
.white-panel .login-show form,.white-panel .register-show form {height:100%}
.white-panel .login-show a {display:inline-block}
.white-panel .show-log-panel {display:block;opacity:0.9}
@media (max-width:767px) {.login-reg-panel a {margin-top:1rem !important }}
@media (max-width:1199px) {.login-reg-panel {width:100% }}
@media (min-width:768px) and (max-width:1199px) {.login-reg-panel a {margin-top:4rem !important }}
@media (max-width:767px) {.login-reg-panel .register-info-box {text-align:center;padding:0 20px 0 30px }.login-reg-panel .login-info-box {text-align:center;padding:0 20px 0 30px }.login-reg-panel #label-register,.login-reg-panel #label-login {display:inline-block }}