body,html{width:100%;height:100%}body{margin:0;font-family:Source Sans Pro,sans-serif;font-size:13px;font-weight:400}a{color:#4c8ea6;text-decoration:none}form{margin:0;padding:0}button,input{font-family:Source Sans Pro,sans-serif;font-size:13px;font-weight:350}.main{position:relative;top:10%;left:0;right:0;margin:0 auto;max-width:85%;z-index:0;transition:top .2s ease-in-out;-moz-transition:top .2s ease-in-out;-webkit-transition:top .2s ease-in-out}.main #loginForm{margin:auto;width:85%}.errorContainer+.main{top:14%}.logo{background:url(../images/mobile/a-logo.svg) top no-repeat;height:50px;margin-bottom:8px}h1{font-family:Titillium Web,sans-serif;font-size:25px;margin:0 auto;color:#000}h1,h2{font-weight:300;text-align:center}h2{margin:0 0 25px;font-family:Source Sans Pro,sans-serif;font-size:17px}.footer,h2{color:rgba(88,100,106,.8)}.footer{position:fixed;left:0;right:0;bottom:0;height:70px;margin:0 auto;padding-bottom:10px;background:#fff;text-align:center;z-index:1}body.change_pass .footer{display:none}.footer div{padding:5px 0}.footer div:first-child{border-bottom:1px solid #e1e9ed;max-width:265px;margin:0 auto}.main #loginForm .formOption{height:55px}.main #loginForm .checkRemember,.main #loginForm .formOption{position:relative;margin:0 auto;width:100%;padding-top:5px;text-align:center}.main #loginForm .checkRemember{height:45px}.main #loginForm #newpassword.notEmpty+label.darkText,.main #loginForm #password.notEmpty+label.darkText,.main #loginForm #retypePassword.notEmpty+label.darkText,.main #loginForm .textfield:focus+label.darkText,.main #loginForm input[type=text]:valid+label.darkText{transform:translate(-.3em,-1.7em) scale(.9);transition-duration:.2s;-webkit-transform:translate(-.3em,-1.7em) scale(.9);-webkit-transition-duration:.2s}.main #loginForm .textfield:focus+label.darkText{color:#4c8ea6}.main #loginForm .textfield+label.darkText{position:absolute;display:inline-block;line-height:1.5em;pointer-events:none;color:rgba(88,100,106,.8);top:18px;left:15px;padding:2px 5px;text-align:left;text-transform:uppercase;white-space:nowrap;transition:all .3s ease-in-out 0s;content:attr(placeholder);z-index:1;cursor:default}.main #loginForm .textfield+label.darkText,.textfield{font-size:14px;background:#fff;font-family:Source Sans Pro,sans-serif}.textfield{width:100%;box-sizing:border-box;border:1px solid #ccc;font-weight:400;color:#51514f;border-radius:3px;height:48px;padding:0 3px 0 20px;-webkit-appearance:none;outline:none}.textfield#token{padding-left:10px;padding-right:10px;font-size:18px;text-align:center}.main #loginForm .textfield:focus{border:1px solid rgba(76,142,166,.7);color:#4c8ea6}.textfield:-webkit-autofill{background:none;-webkit-box-shadow:0 0 0 1000px #fff inset;color:#51514f;-webkit-text-fill-color:#51514f}.textfield:-webkit-autofill:focus{color:#4c8ea6;-webkit-text-fill-color:#4c8ea6}.main #loginForm .checkRemember div{display:inline-block}.main #loginForm .checkRemember label{display:inline-block;margin-left:2px;font-family:Source Sans Pro,sans-serif;color:rgba(88,100,106,.8)}#checkboxWrapper{position:relative;display:inline-block;width:13px;height:23px}#checkboxWrapper input{appearance:none;-moz-appearance:none;-webkit-appearance:none;width:13px;height:13px;opacity:0;box-sizing:border-box;z-index:1}#checkboxWrapper input+#checkboxMask{position:absolute;top:8px;left:0;width:13px;height:13px;background:#fff;border:1px solid #ccc;box-sizing:border-box;border-radius:3px}#checkboxWrapper input:checked+#checkboxMask{background:#4c8ea6 url(../images/mobile/checkbox.svg);border:1px solid #4c8ea6}.main #loginForm .submit_input{text-align:center}.main #loginForm .submit_input button{display:inline-block;min-width:250px;height:50px;background:#4c8ea6;padding:12px 20px;margin:10px 0 5px;border:none;border-radius:30px;line-height:20px;text-transform:uppercase;font-size:14px;color:#fff;cursor:pointer;-webkit-appearance:none;outline:none;transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out}.login_2fa .main #loginForm .submit_input button{margin-top:20px}.login_2fa .main #loginForm .submit_input button+a{display:table;margin:57px auto 0}.errorContainer{margin:10px}.errorContainer #error_msg:empty{display:none}#error_msg{display:table;width:95%;height:40px;background:#1e3740;border-radius:2px;color:hsla(0,0%,100%,.6);text-align:center;vertical-align:middle;position:fixed;z-index:2}#error_msg span{display:table-cell;line-height:15px;vertical-align:middle}.x-axi-captcha-image{width:280px;padding-left:50%;margin-left:-140px}@media (max-height:700px){.footer{display:none}}@media (max-height:600px){.main{top:8%}.errorContainer+.main{top:14%}}@media (max-height:535px){.main{top:6%}.errorContainer+.main{top:14%}}@media (max-width:360px){.main{max-width:80%}h1{font-size:22px}h2{font-size:16px}}@media (max-width:320px){.main{max-width:90%}}@media (min-width:700px){.main{max-width:300px}}