.background{background:url(../../assets/images/login/bg-03-login.jpg);background-size:cover}.text-lightgrey{color:#f3f2f2}.ip-main h2,form h1{color:#31A5C4;text-align:center}.ip-header{position:fixed;top:0;z-index:2;min-height:480px;width:100%;height:100%;background:url(../../assets/images/login/bg-login.jpg);background-size:cover}.ip-header h1{margin:0}.ip-loader,.ip-logo{position:absolute;left:0;width:100%;opacity:0;cursor:default;pointer-events:none}.ip-logo{top:0;height:100%;-webkit-transform:translate3d(0,25%,0);transform:translate3d(0,25%,0)}.bar:before,form hr.sep{height:2px;background:#31A5C4}.ip-loader{bottom:40%}.ip-header .ip-inner{display:block;margin:0 auto;width:auto;height:17%}@media (max-width:1200px){.ip-header .ip-inner{width:60%}}@media (max-width:580px){.ip-header .ip-inner{width:90%}}.ip-header .ip-logo svg{min-width:100%;max-width:480px;width:25%}.ip-header .ip-logo svg path{fill:#ef6e7e}.ip-header .ip-loader svg path{fill:none;stroke-width:6}.ip-header .ip-loader svg path.ip-loader-circlebg{stroke:#ddd}.ip-header .ip-loader svg path.ip-loader-circle{-webkit-transition:stroke-dashoffset .2s;transition:stroke-dashoffset .2s;stroke:#0C3052}.bar:before,label{transition:.3s ease all}.ip-main{overflow:hidden;margin:0 auto;padding:120px 0 10em;max-width:600px}.ip-main h2{margin:0;padding:.5em 0 1em;font-size:4.25em;font-size:4vw;line-height:1}.loading .ip-loader,.loading .ip-logo{opacity:1;-webkit-animation:animInitialHeader 1s cubic-bezier(.7,0,.3,1) both;animation:animInitialHeader 1s cubic-bezier(.7,0,.3,1) both}.loading .ip-loader{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes animInitialHeader{from{opacity:0;-webkit-transform:translate3d(0,800px,0)}}@keyframes animInitialHeader{from{opacity:0;-webkit-transform:translate3d(0,800px,0);transform:translate3d(0,800px,0)}}.loaded .ip-loader,.loaded .ip-logo{opacity:1}.loaded .ip-logo{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:animLoadedLogo 1s cubic-bezier(.7,0,.3,1) forwards;animation:animLoadedLogo 1s cubic-bezier(.7,0,.3,1) forwards}@-webkit-keyframes animLoadedLogo{to{-webkit-transform:translate3d(0,100%,0) translate3d(0,50px,0) scale3d(.65,.65,1)}}@keyframes animLoadedLogo{to{-webkit-transform:translate3d(0,100%,0) translate3d(0,50px,0) scale3d(.65,.65,1);transform:translate3d(0,100%,0) translate3d(0,50px,0) scale3d(.65,.65,1)}}.loaded .ip-loader{-webkit-animation:animLoadedLoader .5s cubic-bezier(.7,0,.3,1) forwards;animation:animLoadedLoader .5s cubic-bezier(.7,0,.3,1) forwards}@-webkit-keyframes animLoadedLoader{to{opacity:0;-webkit-transform:translate3d(0,-100%,0) scale3d(.3,.3,1)}}@keyframes animLoadedLoader{to{opacity:0;-webkit-transform:translate3d(0,-100%,0) scale3d(.3,.3,1);transform:translate3d(0,-100%,0) scale3d(.3,.3,1)}}.loaded .ip-header{-webkit-animation:animLoadedHeader 1s cubic-bezier(.7,0,.3,1) forwards;animation:animLoadedHeader 1s cubic-bezier(.7,0,.3,1) forwards}@-webkit-keyframes animLoadedHeader{to{-webkit-transform:translate3d(0,-100%,0)}}@keyframes animLoadedHeader{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}form{width:100%}form h1{font-size:3em;font-weight:300}form h5{text-align:center;text-transform:uppercase;color:#6a7a8c}form hr.sep{box-shadow:none;border:none;width:25%;margin:0 auto 45px}.bar,input,input:focus~.bar:before,textarea,textarea:focus~.bar:before{width:100%}form .emoji{font-size:1.2em}.group{position:relative}textarea{resize:none}input,textarea{background:0 0;color:#6a7a8c;font-size:18px;padding:10px 10px 10px 5px;display:block;border:none;border-radius:0;border-bottom:1px solid #6a7a8c}input:focus,textarea:focus{outline:0}input:focus~label,input:valid~label,textarea:focus~label,textarea:valid~label{top:-14px;font-size:12px;color:#31A5C4}input[type=password]{letter-spacing:.3em}label{color:#6a7a8c;font-size:16px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px}.bar{position:relative;display:block}.bar:before{content:'';width:0;bottom:0;position:absolute;left:0}.bg-left{background-image:url(../../assets/images/login/bg-02-login.jpg);background-size:cover;background-position:50%;border-top-left-radius:20px;border-bottom-left-radius:20px}@media screen and (max-width:575px){.bg-left{display:none}}.ip-loader{max-height:50px;}