.loading-component{width:100%;height:100%;position:absolute;left:0;top:0;display:block;overflow:hidden;height:0;z-index:100;background:rgba(248,248,248,.7);opacity:0;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;}.loading-component .loading-animation{width:80px;height:80px;display:inline-block;vertical-align:top;position:absolute;left:50%;top:50%;z-index:50;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}.loading-component .loading-animation span{position:absolute;width:6px;height:6px;background:#47009b;border-radius:50%;animation:loading-component-animation 1.2s linear infinite;}.loading-component .loading-animation span:nth-child(1){animation-delay:0s;top:37px;left:66px;}.loading-component .loading-animation span:nth-child(2){animation-delay:-.1s;top:22px;left:62px;}.loading-component .loading-animation span:nth-child(3){animation-delay:-.2s;top:11px;left:52px;}.loading-component .loading-animation span:nth-child(4){animation-delay:-.3s;top:7px;left:37px;}.loading-component .loading-animation span:nth-child(5){animation-delay:-.4s;top:11px;left:22px;}.loading-component .loading-animation span:nth-child(6){animation-delay:-.5s;top:22px;left:11px;}.loading-component .loading-animation span:nth-child(7){animation-delay:-.6s;top:37px;left:7px;}.loading-component .loading-animation span:nth-child(8){animation-delay:-.7s;top:52px;left:11px;}.loading-component .loading-animation span:nth-child(9){animation-delay:-.8s;top:62px;left:22px;}.loading-component .loading-animation span:nth-child(10){animation-delay:-.9s;top:66px;left:37px;}.loading-component .loading-animation span:nth-child(11){animation-delay:-1s;top:62px;left:52px;}.loading-component .loading-animation span:nth-child(12){animation-delay:-1.1s;top:52px;left:62px;}@keyframes loading-component-animation{0%,20%,80%,100%{transform:scale(1);}50%{transform:scale(1.5);}}section#login{min-height:680px;padding:166px 0 154px 0;}section#login:after{content:" ";width:545px;height:730px;position:absolute;right:-104px;bottom:0;display:block;background:url(../../images/login-illustration.png) no-repeat center bottom;background-size:contain;}section#login .content{width:540px;}section#login h1{padding:0 0 30px 0;}section#login p{padding:0 0 30px 0;color:#5f5d69;font-size:21px;line-height:32px;font-weight:500;}section#login p a{color:#5f5d69;text-decoration:underline;}section#login p a:hover{text-decoration:none;}section#login form .bottom{padding:40px 0 0 0;}section#login form .bottom .btn{display:block;}section#login form p{color:#121239;}section#login form p a{color:#121239;}section#login .links{padding:24px 0 0 0;display:flex;justify-content:space-between;color:#5f5d69;font-size:14px;line-height:18px;font-weight:500;}section#login .links a{color:#5f5d69;}section#login .links a:hover{text-decoration:underline;}@media screen and (max-width:1200px){section#login{min-height:0;padding:60px 0;}section#login:after{right:-30px;transform-origin:right bottom;-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);}section#login .content{width:50%;}}@media screen and (max-width:1100px){section#login:after{display:none;}section#login .content{width:auto;}section#login .links{display:block;text-align:center;}section#login .links a{margin:0 0 20px 0;display:block;}}@media screen and (max-width:600px){section#login{padding:40px 0;}section#login h1{padding:0 0 20px 0;}section#login p{padding:0 0 20px 0;font-size:18px;line-height:28px;}section#login form .bottom{padding:20px 0 0 0;}}@media screen and (max-width:370px){section#login p{font-size:16px;line-height:26px;}}