body {
  background:#005aab url(../images/bg_login.png) no-repeat left top;
  background-size:619px auto;
  color:#fff;
  position:static;  
}
#login_forms {
  width:544px;
  margin-left:auto;
  margin-right:auto;
  margin-top:80px;
  font:300 14px 'Lato', sans-serif;
}
#login_forms > img {
  display:block;
  margin-left:-163px;
}
#login_forms h1 {
  color:#fff;
  font-weight:300;
  font-style:normal;
  font-size:22px;
  margin-top:5em;
}
#login_forms a {
  color:#fff;
}
ul.tabs {
  list-style:none;
  margin-top:0;
  margin-left:0;
  margin-bottom:20px;
  padding:0;
}
ul.tabs li {
  display:inline-block;
  margin-right:18px;
}
ul.tabs li a {
  display:block;
  width:200px;
  border-bottom-width:2px;
  border-bottom-style:solid;
  text-decoration:none;
  text-transform:uppercase;
  padding-bottom:5px;
  font-size:12px;
  font-weight:bold;
  opacity:1;
}
ul.tabs li a.inactive {
  opacity:0.2;
}
.tab_client a {
  border-bottom-color:#fe7f00;
}
.tab_staff a {
  border-bottom-color:#ffbf00;
}
input.login-input {
  display:block;
  width:422px;
  border:none;
  background:#fff;
  font:normal 12px 'Lato', sans-serif;
  height:45px;
  margin-bottom:10px;
  padding-left:15px;
  padding-right:15px;
}
input.login-btn, input.staff-login-btn {
  border:none;
  appearance:none;
  -webkit-appearance:none;
  color:#fff;
  font:normal 12px 'Lato', sans-serif;
  height:45px;
  width:144px;
  margin-left:0;
  margin-top:0;
  margin-right:20px;
}
input.login-btn {
  background:#fe7f00;
}
input.staff-login-btn {
  background:#fee501;
}
#login_forms form {
  transition:all 1s;
  -webkit-transition:all 1s;
  opacity:0;
  overflow:hidden;
  max-height:0px;
}
#login_forms form.active {
  opacity:1;
  max-height:999px;
}
#login_forms > div {
  font-size:12px;
  position:absolute;
  top:auto;
  bottom:30px;
}

@media only screen and (max-width:1023px) {
  #login_forms {
    width:440px;
  }
}
@media only screen and (max-width:767px) {
  #login_forms {
    width:90%;
  }
  #login_forms > img {
    height:80px;
    margin-left:0;
  }
  ul.tabs li a {
    width:130px;
  }
}