*{
margin:0;
padding:0;
}
body{
  background:#152d3c;
  height: 100vh;
 background-image: url("../images/lo1.jpeg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  font-family: 'BentonSans';
}

.login_overlay{
  float: left;
  width: 100%;
  height: 100%;
  background: rgba(8, 0, 49, 0.5);
  position: absolute;
}

.login_bg{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 30%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.login_form{
float: left;
margin:0;
min-height: 40vh;
padding: 20px;
}

.login_form_inpt{
  display: table;
  margin: 0px auto;
  width: 100%;
}

.login_form_inpt input{
  float: left;
      width: 87%;
      margin: 0;
      padding: 15px 0 15px 40px;
      border-bottom: 1px solid #e3e9f8;
      border-top: 0;
      border-left: 0;
      border-right: 0;
      color: #000d3a;
      font-size: 12px;
      outline: 0;
      background: transparent;
      transition: 0.7s ease;
        font-family: 'Montserrat-Light';
}
@media (min-width:600px) and (max-width:767px)
{
.login_form_inpt input
{
width: 89% !important;
}
.login_bg{
  width:75% !important;
}
.login_form_inpt input[type="submit"]{
  width:97% !important;
}

}
.login_form_inpt input:hover, .login_form_inpt input:focus{
  border-bottom: 1px solid #01b5b8;
}
.log_img img{

  width: 15px;
  margin: 0 auto;
  display: block;
}

.log_img{
  float: left;
  width: 25px;
  position: relative;
  bottom: 30px;
  left: 5px;
}
.login_form_inpt input[type=submit]{
  float: left;
  width: 100%;
  border: none;
  background:#01b5b8;
  padding: 12px 15px;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  outline: 0;
  margin: 10px 0 12px 0;
  font-family: 'Montserrat-Regular';
}

.left_sec{
  float: left;
  width: 100%;
}


.brd{
  display: block;
  margin: 10px auto 0 auto;
  width: 30px;
  height: 2px;
  background: #01b5b8
}
.left_sec h1{
  float: left;
  width: 100%;
  padding: 15px 0 20px 0;
  margin: 0;
  text-align: center;
  color: #3c3c3c;
  font-family: 'Montserrat-Light';
  font-size: 14px;
  font-weight: normal;
}
.left_sec h2{
  float: left;
  width: 100%;
  padding: 5px 0 10px 0;
  margin: 0;
  text-align: center;
  color: #3c3c3c;
  font-family: 'Montserrat-Regular';
  font-size: 22px;
}
@media (min-width:768px) and (max-width:1024px){
.login_bg{
  width: 50%;
}

}

@media (min-width:320px) and (max-width:767px){
.login_bg{
  width: 90%;
}

}