*{box-sizing:border-box}body{font-family:'PT Sans',sans-serif;background:#f3f3f3;-webkit-font-smoothing:antialiased}hgroup{text-align:center;margin-top:3em;opacity:.8;padding:2px;background:#2196F3}h1,h3{font-weight:300}h1{color:#fff}form{padding:30px;padding-top:60px;background:#fff}.powered{font-size:12px;padding:10px;margin-top:-16px;line-height:25px;background:#2196F3}.powered a{color:#ddd;text-decoration:none}.powered a:hover{font-style:italic}.group{position:relative;margin-bottom:45px}input{font-size:18px;padding:10px 10px 10px 5px;-webkit-appearance:none;display:block;background:transparent;color:#03a9f4;width:100%;border:none;border-radius:0;border-bottom:1px solid #ddd}input:focus{outline:none}label{color:#999;font-size:18px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;-webkit-transition:all .2s ease;transition:all .2s ease}input:focus ~ label,input.used ~ label{top:-20px;-webkit-transform:scale(.75);transform:scale(.75);left:-2px;color:#4a89dc}.bar{position:relative;display:block;width:100%}.bar:before,.bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#4a89dc;-webkit-transition:all .2s ease;transition:all .2s ease}.bar:before{left:50%}.bar:after{right:50%}input:focus ~ .bar:before,input:focus ~ .bar:after{width:50%}.highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}input:focus ~ .highlight{-webkit-animation:inputHighlighter .3s ease;animation:inputHighlighter .3s ease}@-webkit-keyframes inputHighlighter{from{background:#4a89dc}to{width:0;background:transparent}}@keyframes inputHighlighter{from{background:#4a89dc}to{width:0;background:transparent}}div.background{position:fixed;width:100%;z-index:-1;height:100%;}div.background:before{content:'';position:absolute;top:0;right:0;width:100%;height:70%;background-color:#03A9F4;border-bottom:30px solid #2196F3;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:skewX(30deg);-ms-transform:skewX(30deg);transform:skewY(30deg);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-shadow:0 0 20px #89898a}html,body{background-size:cover;margin:0;padding:0;height:100%}.buttonui{position:relative;padding:8px 45px;line-height:30px;overflow:hidden;border-width:0;outline:none;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.6);background-color:#03a9f4;color:#ecf0f1;transition:background-color .3s}.buttonui:before{content:"";position:absolute;top:50%;left:50%;display:block;width:0;padding-top:0;border-radius:100%;background-color:rgba(236,240,241,.3);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.buttonui span{padding:12px 24px;font-size:16px}.loginForm{width:420px;margin:0 auto;z-index:99;display:block;margin-top:5%;background:transparent;border-radius:.25em .25em .4em .4em;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.2);color:#fff}.ripples{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:transparent}.ripplesCircle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.25)}.ripples.is-active .ripplesCircle{-webkit-animation:ripples .4s ease-in;animation:ripples .4s ease-in}@-webkit-keyframes ripples{0%{opacity:0}25%{opacity:1}100%{width:200%;padding-bottom:200%;opacity:0}}@keyframes ripples{0%{opacity:0}25%{opacity:1}100%{width:200%;padding-bottom:200%;opacity:0}}form,.powered{opacity:.8}@media screen and (max-width: 860px){div.background{margin-top:-10%}}@media screen and (max-width: 560px){div.background{margin-top:-50%}}@media screen and (max-width: 460px){.loginForm{width:100%;max-width:420px}div.background{margin-top:-60%}form,.powered{opacity:.8}}@media screen and (max-width: 380px){div.background{margin-top:-80%}}.footer-bar{position:fixed;left:0;bottom:0;height:28px;width:100%;border-top:1px solid #e5e5e5;overflow:hidden}.footer{padding-left:12px;padding-top:6px;font-size:9px;white-space:nowrap;line-height:0}.footer ul{float:left;max-width:80%;padding:0}.footer ul li{color:#737373;display:inline}.limiter{width:100%;margin:0 auto;float:left}.clearfix::after{display:block;clear:both;content:""}