html,body{margin:0;font-family:'Lato', sans-serif;padding:0;height:100%}#loading,#email,#pass,#finish{display:none}.desktoplogo,.mobilelogo{max-width:350px}.spinner path:first-child{animation-name:spinner;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spinner{0%{stroke-dasharray:599.58 250.00;stroke-dashoffset:0}50%{stroke-dasharray:199.58 650.00;stroke-dashoffset:424.79}100%{stroke-dasharray:599.58 250.00;stroke-dashoffset:849.58}}.spinner path:last-child{animation-name:spinner-b;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spinner-b{0%{stroke-dasharray:250.00 599.58;stroke-dashoffset:0}50%{stroke-dasharray:169.58 680.00;stroke-dashoffset:424.79}100%{stroke-dasharray:250.00 599.58;stroke-dashoffset:849.58}}.corner{position:absolute;top:0;right:0;z-index:2;max-height:100vh;display:none}.mobilelogo{display:none}.top{width:100%;height:100%;margin:0 auto}.top .main{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;flex-direction:row;height:100%}.top .main div{width:50%;padding:1.5rem}.top .main div .left{width:60%}.top .main div .right{width:40%}.top .main .left{background:#3596D4;display:flex;justify-content:center;align-items:center;flex-direction:column}.top .main .left h1{text-transform:uppercase;color:#FFF;font-size:3rem;text-align:center}.top .main .left h1 span:first-child{font-weight:300}.top .main .left h1 span:last-child{color:#FFF;font-size:1.2rem;font-weight:300;display:block;text-transform:lowercase}.top .main .left p{max-width:500px;text-align:center;color:#FFF;font-size:1rem;font-weight:300;position:absolute;bottom:0}.top .main .left p a{color:#FFF;display:block;margin:1rem 0 0rem 0;text-decoration:none}.top .main .left p .inline{display:inline;padding:1rem}.top .main .left p span{font-weight:normal}.top .main .right{background:#FFF;justify-content:center;align-items:center;display:flex;flex-direction:column}.top .main .right .fa-envelope{margin-top:2rem;font-size:5rem;color:#3596D4;padding:1rem;border-radius:5px;background:#FFF;-webkit-box-shadow:0 4px 4px -2px rgba(0,0,0,0.25);-moz-box-shadow:0 4px 4px -2px rgba(0,0,0,0.25);box-shadow:0 4px 4px -2px rgba(0,0,0,0.25)}.top .main .right .please{color:#25BBF3;padding:1rem 3rem 1rem 3rem;text-align:center}.top .main .right .finished{background:#FFF;color:#3596D4;padding:1rem;border-radius:5px;text-decoration:none;border:1px solid}.top .main .right .finished:hover{border:1px solid #3596D4;color:#FFF;background:#3596D4}.top .main .right .loading{color:#3596D4;font-weight:bold;letter-spacing:3px;text-align:center}.top .main .right .loading span{color:#848484;display:block;font-weight:300}.top .main .right svg{width:100%;max-width:500px;height:auto}.top .main .right .intro{color:#25BBF3;padding:0;margin:0}.top .main .right .nopay{color:#c3c3c3;text-align:center;font-size:0.9rem;margin-top:2rem;margin-bottom:0}.top .main .right form{width:100%;max-width:400px;position:relative}.top .main .right form input{position:relative;width:100%;height:3.2rem;padding:1rem;box-sizing:border-box;border-radius:5px;outline:none;color:#757575;margin-top:1rem;margin-bottom:1rem;border:1px solid #e2e2e2;font-family:"Lato",sans-serif;display:block}.top .main .right form input:hover{border-color:#3596D4}.top .main .right form input:focus{border-color:#3596D4}.top .main .right form input:valid{border-color:#68ca86}.top .main .right form .check{display:inline;height:auto;width:auto;padding:0;margin:0}.top .main .right form .termtext{position:relative;margin-left:.5rem;color:#676767}.top .main .right form .termtext a{color:#3596D4}.top .main .right form .termtext a:hover{color:#25BBF3}.top .main .right form button{background:#25BBF3;width:100%;color:white;outline:0;border:0;padding:1rem 3rem 1rem 3rem;border-radius:5px;cursor:pointer;margin-top:2rem;display:block}.top .main .right form button:hover{background:#3596D4}@media screen and (max-width: 700px){.top .main div .left{width:50%}.top .main div .right{width:50%}}@media screen and (max-width: 650px){body{background:#25BBF3}.desktoplogo{display:none}.mobilelogo{display:block}.top .main .left{display:none}.top .main .right{width:100%;z-index:5;background:none}.top .main .right .intro{color:#FFF}.top .main .right .nopay{color:#FFF}.top .main .right .please{color:#FFF}.top .main .right form{background:#FFF;padding:1rem;border-radius:5px;-webkit-box-shadow:0 4px 4px -2px rgba(0,0,0,0.25);-moz-box-shadow:0 4px 4px -2px rgba(0,0,0,0.25);box-shadow:0 4px 4px -2px rgba(0,0,0,0.25)}.top .main .right .loading{color:#FFF}.top .main .right .loading span{color:#FFF}.corner{display:block}}