html{background:linear-gradient(180deg,#000,#111);height:100%;line-height:140%;overflow:auto;width:100%}.page-wrapper{background:#fff;border-radius:6px;box-shadow:0 0 30px rgba(0,0,0,.2);height:90%;left:50%;max-width:520px;min-height:760px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:98%}@media screen and (min-width:1170px){.page-wrapper{max-height:900px}}@media screen and (max-width:767px){.page-wrapper{height:auto;left:0;min-height:auto;overflow:auto;position:relative;top:0;transform:none}}.login-form{background:#fff;height:100%;overflow:hidden;position:relative}.login-form .logo{background:url(../images/logo.svg?v=2.0) 50% no-repeat;background-size:contain;clear:both;display:block;height:124px;margin:30px auto;width:180px}.login-form .separator{background:linear-gradient(0deg,#fff,#f2f2f2);border-top:1px solid #f1f1f1;display:block;height:20px;margin:0 auto;position:relative;width:100%}@media screen and (max-width:767px){.login-form .separator{display:none}}@media screen and (max-width:979px){.login-form{width:100%}}.form-wrapper{left:50%;overflow:hidden;padding-top:50px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}@media screen and (max-width:767px){.form-wrapper{left:0;margin:0 auto;padding-top:0;position:relative;top:0;transform:none}}.login-password,.login-username{margin:20px auto;max-width:420px;overflow:hidden;position:relative;width:100%}.login-password label,.login-username label{color:#222;display:block;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;line-height:55px;margin-left:15px;position:absolute;top:0;transition:all .12s ease-in-out;z-index:20}.login-password input,.login-username input{border:1px solid #f1f1f1;border-radius:4px;color:#222;display:block;font-family:Poppins,sans-serif;font-size:1rem;font-weight:300;line-height:1rem;max-width:400px;padding:15px;transition:border-color .12s ease-in-out;width:calc(100% - 32px)}.login-password input.is--filled,.login-password input:focus,.login-username input.is--filled,.login-username input:focus{border-color:#e9e9e9;padding-bottom:8px;padding-top:22px;transition:all .12s ease-in-out}.login-password input.is--filled+label,.login-password input:focus+label,.login-username input.is--filled+label,.login-username input:focus+label{font-size:.8rem;line-height:100%;top:10px;transition:all .12s ease-in-out}.login-submit{padding:10px 20px 0;text-align:center}.login-submit input[type=submit]{background:#f37138;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;max-width:400px;padding:12px 20px 10px;text-decoration:none;transition:all .22s ease-in-out;width:100%}.login-submit input[type=submit]:hover{background:#f48250}.login-submit input[type=submit]:active{background:#f26a2e;box-shadow:inset 0 0 10px rgba(0,0,0,.2)}.login-form-wrapper h3,.lost-password-confirm h3,.lost-password-form h3,.reset-password h3{color:#222;display:block;font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:500;margin:10px 0 30px;padding:0 20px;text-align:center}.login-form-wrapper p.description,.lost-password-confirm p.description,.lost-password-form p.description,.reset-password p.description{color:#444;display:block;font-family:Poppins,sans-serif;font-size:1rem;font-weight:300;margin:0 auto;max-width:420px;padding:10px 20px 20px;text-align:center;width:100%}.login-form-wrapper p.description a,.lost-password-confirm p.description a,.lost-password-form p.description a,.reset-password p.description a{color:#f37138}.login-form-wrapper p.error,.lost-password-confirm p.error,.lost-password-form p.error,.reset-password p.error{background:#f1f1f1;border:1px solid #e9e9e9;border-radius:3px;color:#222;display:block;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:300;margin:20px auto 30px;max-width:400px;padding:10px;width:100%}.footer-text{bottom:30px;color:#222;display:block;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:300;position:absolute;text-align:center;text-decoration:none;width:100%}.footer-text strong{color:#222}.footer-text:hover{color:#2a2a2a}.footer-text:hover strong{color:#2f2f2f}@media screen and (max-width:767px){.footer-text{bottom:auto;margin:20px 0;overflow:hidden;position:relative}}