@charset "UTF-8";
/** login **/
.registration-form, .login_form, .lost_password_form {
  position: absolute;
  top: 0px;
  width: 100%; }

.lost_password_form {
  z-index: 21;
  opacity: 0;
  width: 100%; }
  
.registration-form {
  z-index: 22;
  opacity: 0;
  width: 100%; }

.login_form {
  z-index: 23; }

#signup:target ~ .login_wrapper .registration-form,
#lostpassword:target ~ .login_wrapper .lost_password_form,
#signin:target ~ .login_wrapper .login_form {
  z-index: 23;
  animation-name: fadeInLeft;
  animation-delay: .1s; }

#signup:target ~ .login_wrapper .login_form,
#lostpassword:target ~ .login_wrapper .login_form,
#signup:target ~ .login_wrapper .lost_password_form,
#signin:target ~ .login_wrapper .lost_password_form,
#signin:target ~ .login_wrapper .registration-form,
#lostpassword:target ~ .login_wrapper .registration-form {
  animation-name: fadeOutLeft; display: none;}