.login-clean {
  /*background: #f1f7fc;*/
  padding: 80px 0;
 
}

.login-clean form {
  
  width: 90%;
  margin: 0 auto;
 /* background-color: #ffffff;*/
  padding: 40px;
  /*border-radius: 4px;*/
  color: #2f333e;
 /*box-shadow: 1px 1px 30px rgb(52, 64, 56);*/
}

.login-clean .illustration {
  text-align: center;
  padding: 0 0 20px;
  font-size: 100px;
  color: rgb(244,71,107);
}

.login-clean form .form-control {
  /*background: #f7f9fc;*/
  /*border: none;
  border-bottom: 1px solid aqua;*/
  border-radius: 5px;
 /* box-shadow: none;*/
  outline: none;
  color: white;
  text-indent: 8px;
  height: 42px;
  border: 1px;
  background: rgba(0, 0, 0, 0.28);
}

.login-clean form .btn-primary {
  background: #29e654;
  border: none;
  border-radius: 4px;
  padding: 11px;
  box-shadow: none;
  margin-top: 26px;
  text-shadow: none;
  outline: none !important;
}

.login-clean form .btn-primary:hover, .login-clean form .btn-primary:active {
  background: #34c756;
}

.login-clean form .btn-primary:active {
  transform: translateY(1px);
}

.login-clean form .forgot {
  display: block;
  text-align: center;
  font-size: 12px;
  color: blue;
  opacity: 0.9;
  text-decoration: none;
}

.login-clean form .forgot:hover, .login-clean form .forgot:active {
  opacity: 1;
  text-decoration: none;
}

hr{
  background: aqua;
}


@media (max-width: 575px) {
 .login-clean form {  
    width: 100%!important;
  }

.login-clean {
   margin-top: 0px!important;
}

}