.formWrapper { overflow-y: hidden; }

.divLoginBackgroundContainer {display:none; background-image:none; }
.divLoginWrapper {background-image:url(KLK_Web_01-BG.jpg); background-size:cover; background-repeat:no-repeat; background-position-x:right; background-position-y:bottom; }

.frmLogin:before { content:''; background-image:url(KLK_Web_02-Thrill.png); background-size:contain; background-repeat:no-repeat; position:absolute; width:180px; height:380px; left:100px; }
.frmLogin {background-color:transparent;align-items:center; }
.loginBox {width:430px; text-align:center; background-color:rgba(255,255,255,0.4); border-radius:25px; }

.loginHeader {display:inline-block; background-image:url(KLK_Web_03-Logo_1000px.png); background-size:cover; background-repeat:no-repeat; width:270px; height:90px; margin-top:45px; margin-bottom: 35px;}
.loginHeaderWrapper {display:none; }

.loginBody:before {content:'Hi, \A Welcome back.'; white-space:pre-wrap; font-size:30px; color:rgb(25, 104, 57); font-weight:bold; text-align:left; margin-left:30px; }
.loginBody {display:flex; flex-direction:column; justify-content:center; border-radius: 25px; background-color: transparent; }
.loginBodyWrapper {background-color:transparent;} 

.loginInputWrapper {width:85%; margin:10px auto 30px 30px; height:auto;}
.loginInputWrapper:nth-last-child(1) { margin:0 auto 30px; flex-direction:column; justify-content:unset; align-items:unset; }
.loginInputWrapper:nth-last-child(3):before { content:'Password:'; font-size:17px; color:rgb(70,81,87); margin-right:290px; }
.loginInputWrapper:nth-last-child(3):after { content:''; background-image:url(KLK_Web_04-Icon-Invisible_32px.png); background-size:contain; background-repeat:no-repeat; position:absolute; width:20px; height:20px; margin:-30px 0 0 135px; }
.loginInputWrapper:nth-last-child(5):before { content:'User Name:'; font-size:17px; color:rgb(70,81,87); margin-right:278px; }



.loginInput {border:none; padding:0px; }
.loginInput input {background:#FFF; margin:5px 0 0; height:40px; border-radius:25px; padding:0 20px; }
.loginInput input::-webkit-input-placeholder { color:rgb(70, 81, 87); }
.loginInputWrapper a {text-align:right; text-decoration:none; color:rgb(25,104,57); }
.loginInputWrapper .btn {margin:15px auto 0; background:rgb(25,104,57); color:#FFF; font-size:14px; padding:10px 0; height:40px; width:100%; border-radius:25px; text-transform: unset; }

.hr30{ margin:0; }

@media (max-width:1024px) {
    .divLoginWrapper {background-image:url(KLK_Mobile_01-BG.jpg); background-position-y:bottom; background-size:cover; }
    .frmLogin:before { background-image:none; display:none;}
}

@media (max-height:880px) {
    .loginBody:before { font-size:25px; }
}

@media (max-width:480px) {
    .divLoginWrapper {background-image:url(KLK_Mobile_01-BG.jpg); background-position-y:bottom; background-size:cover; }
    .loginHeader { height:50px; width:150px; margin-top:20px; }
    .loginBody:before { font-size:20px; }
    .loginBox { width:350px; display:unset;}
    .loginInputWrapper:nth-last-child(3):before { font-size:12px; margin-right:245px; }
    .loginInputWrapper:nth-last-child(3):after { width:15px; height:15px; margin: -23px 0 0 105px; }
    .loginInputWrapper:nth-last-child(5):before { font-size:12px; margin-right:235px; }
    .loginInput input { height:30px;}
}