.main,.main-container{margin:0;padding:0;width:100%;height:100%;position:absolute}.main-background.loginbg{background:#fff;background-position:center top;background-size:cover}.login{text-align:center;width:100%;height:100%;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login .top{position:relative;z-index:2;display:none}.login .top .header{font-size:3em;padding-top:.5em}.login .top .header img{display:block;max-height:3em;width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.login .middle{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login .loginbg{display:inline-block;vertical-align:middle;width:20em;background-repeat:no-repeat;background-size:contain;background-position:center}.login .loginbg img{display:block;width:100%}.login .loginbg .desk{display:block}.login .loginbg .mob{display:none}.login .login-form{position:relative;z-index:3;display:inline-block;vertical-align:middle;-webkit-box-shadow:none;box-shadow:none;width:19em;font-size:.7em;padding:1em 1em}.login .login-form .title{width:100%;text-align:center;font-size:3em;text-transform:uppercase}.login .login-form .title img{display:block;max-height:3em;width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.login .login-form form{width:100%;margin:0 auto;padding:1em 0}.login .login-form form .subtitle{width:100%;text-align:center;font-size:1.6em;padding:.3em 0;text-transform:uppercase}.login .login-form form .error{font-weight:700;color:red}.login .login-form input{width:96%;margin:1em auto;display:block;border-bottom:1px solid #ececeb;background:0 0;font-size:1em;padding:.2em 2%;text-align:center}.login .login-form input:-webkit-autofill{-webkit-text-fill-color:#000!important}.login .login-form input::-webkit-input-placeholder{color:inherit}.login .login-form input::-moz-placeholder{color:inherit}.login .login-form input::-ms-input-placeholder{color:inherit}.login .login-form input::placeholder{color:inherit}.login .login-form .forget{font-size:.9em;text-decoration:none;margin-bottom:2em}.login .login-form .register-link{font-size:1em;font-weight:600}.login .login-form .register-link a{text-decoration:none}.login .login-form .register-link a img{width:2em;display:inline-block;vertical-align:middle;margin-right:.6em}.login .login-form .main-button{border:0;border-radius:4em;width:10em;padding:.4em;background-color:#000;color:#fff;font-weight:800}@media only screen and (min-device-width:436px) and (max-device-width:1024px) and (orientation:portrait),(max-width:736px){.login .middle{font-size:1.4em}}@media only screen and (max-width:435px){.theme2 .login .top{display:block}.login .middle{font-size:1.4em}.login .loginbg{font-size:1.5em;width:80vw}.login .loginbg .desk{display:none}.login .loginbg .mob{display:block;margin-bottom:1em}.login .login-form{font-size:1.5em;width:80vw;padding:.6em}.theme2 .login .login-form .title{display:none}.login .login-form form{padding:.5em 0}.login .login-form input{padding:.4em 0;margin:.6em auto}}