*,
*::before,
*::after {
box-sizing: border-box
}
body {  font-size:14px; color:#373737; margin:0; padding:0; position: relative; background:#FFFFFF; line-height:1.5;}
h2{
font-family: 'Open Sans', sans-serif ;
font-weight: 500; margin:0; padding: 0;     color: #ffffff;;
text-align: center; 
font-size: 29px;
}
.login-image{ width: 100%; height: 100vh; background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
 .login-image-cover{ width: 100%; height: 100vh;    background-color: #2424244a; } 
.login-div{ width: 290px; margin:auto; }
.login-div .logo-div {width:180px;height:auto;     margin: 75px auto 10px;}
.login-div .logo-div .logo{width:180px;height: 74px;}
.login-div .logo-div.logo a{ display: block; }
.login-div .logo-div span {    font-size: 13px; margin-top: 7px;
    display: inline-block;
    font-family: 'Open Sans', sans-serif ;
    font-weight: 300;
    text-align: center;
    width: 100%; color: #04af7aff;
}
.login-form{ width:100%; }
.login-form label{ color:#fff; }
.mt1{margin-top: 25px;}
@media(max-width:430px) {
.login-div{ width: 90%; margin:auto;}
 }
 .error-msg{color:#ce1515;}