.bg-login {
  background: url("../img/login_bg1.jpg") no-repeat 50% 50% fixed;
  background-size: cover; 
}

.container-loginpage {
  position: absolute;
  top: 120px;
  left: 0;
  right: 0;
  text-align: center; 
}
.container-loginpage .logo {
  margin-bottom: 25px;
  position: relative;
  left: -2px; 
}
.container-loginpage .box {
  margin: 0 auto;
  padding: 35px 0 30px;
  float: none;
  width: 400px;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.65); 
}
.container-loginpage .box .content-wrap {
  width: 82%;
  margin: 0 auto; 
}
.container-loginpage .box h6 {
  text-transform: uppercase;
  margin: 0 0 30px 0;
  font-size: 18px;
  font-weight: 600; 
}
.container-loginpage .box input[type="text"],
.container-loginpage .box input[type="password"] {
  font-size: 15px;
  height: 40px;
  margin-bottom: 18px;
  border-color: #b2bfc7;
  padding-left: 12px; 
}
.container-loginpage .box input[type="password"] {
  margin-bottom: 10px; 
}
.container-loginpage .box input:-moz-placeholder {
  color: #9ba8b6;
  font-size: 15px;
  letter-spacing: 0px;
  font-style: italic; 
}
.container-loginpage .box input:-ms-input-placeholder {
  color: #9ba8b6;
  font-style: italic;
  letter-spacing: 0px;
  font-size: 15px; 
}
.container-loginpage .box input::-webkit-input-placeholder {
  color: #9ba8b6;
  font-style: italic;
  letter-spacing: 0px;
  font-size: 15px; 
}
.container-loginpage .box .login {
  text-transform: uppercase;
  font-size: 13px;
  padding: 8px 30px; 
}
/* responsive */
@media (max-width: 767px) {
  .container-loginpage .box {
    width: 350px; } }
@media (max-width: 480px) {
  .container-loginpage .box {
    width: 90%; } }