@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}*{box-sizing:border-box}.wrapper{display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;height:calc(100vh - 104px);padding:20px;background:url(/assets/media/banner/web-banner.png) 50% fixed;background-size:cover}.login{background:rgba(0,0,0,.85);border-radius:8px;width:90%;max-width:420px;background:#fff;position:relative;padding:10px 20px 80px;box-shadow:0 1px 5px rgba(0,0,0,.3)}.login.loading button{max-height:100%;padding-top:50px}.login.loading button .spinner{opacity:1;top:40%}.login.ok button{background-color:#8bc34a}.login.ok button .spinner{border-radius:0;border-top-color:transparent;border-right-color:transparent;height:20px;animation:none;transform:rotate(-45deg)}.login input{display:block;padding:15px 10px;margin-top:10px;width:100%;border:1px solid #ddd;transition:border-width .2s ease;border-radius:2px;color:#ccc}.login input+i.fa{color:#fff;font-size:1em;position:absolute;margin-top:-37px;opacity:0;left:0;transition:all .1s ease-in}.login input:focus{outline:none;color:#444;border-color:#6f1119;border-left-width:35px}.login input:focus+i.fa{opacity:1;left:30px;transition:all .25s ease-out}.login .form-text{font-size:12px}.login .forgot-password{margin-top:10px;cursor:pointer;font-size:.8em;color:#6f1119!important;text-decoration:none}.login .title{color:#444;font-size:1.2em;font-weight:700;margin:10px 0 30px;border-bottom:1px solid #eee;padding-bottom:20px}.login button{width:100%;height:100%;padding:10px;background:#6f1119;color:#fff;display:block;border:none;margin-top:20px;position:absolute;left:0;bottom:0;max-height:60px;border:0 solid rgba(0,0,0,.1);border-radius:0 0 8px 8px;transform:rotate(0deg);transition:all .3s ease-out}.login button:hover{background:#8bc34a}.login button .spinner{display:block;width:40px;height:40px;position:absolute;border:4px solid #fff;border-top-color:hsla(0,0%,100%,.3);border-radius:100%;left:50%;top:0;opacity:0;margin-left:-20px;margin-top:-20px;animation:spinner .6s linear infinite;transition:top .3s ease .3s,opacity .3s ease .3s,border-radius .3s ease;box-shadow:0 1px 0 rgba(0,0,0,.2)}.login:not(.loading) button:hover{box-shadow:0 1px 3px #6f1119}.login:not(.loading) button:focus{border-bottom-width:4px}footer{background:#6f1119;padding:20px 0 10px}footer .footer-about{flex-direction:row!important;align-items:center!important}footer .footer-about .brand{font-size:23px;font-weight:500;color:#fff}footer .footer-menu{color:#fff;transition:all .3s ease-in-out;position:relative}footer .footer-menu:after{content:"";position:absolute;background:#e6a51e;height:2px;width:0;top:50%;left:-10%;transform:translateY(-50%);transition:all .3s ease-in-out}footer .footer-menu:hover{color:#e6a51e;transform:translateX(10px)}footer .footer-menu:hover:after{width:10px}footer .footer-email a>span{transition:all .3s ease-in-out;color:#fff!important}footer .footer-email a>span:hover{color:#e6a51e!important}footer .social h5{text-align:center;display:none}footer .social ul{justify-content:center;position:relative;gap:23px}footer .social ul:after,footer .social ul:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:40%;height:1px;background:hsla(0,100%,99%,.18)}@media only screen and (max-width:991.98px){footer .social ul:after,footer .social ul:before{width:24%}}footer .social ul:after{right:0}footer .social ul:before{left:0}footer .social ul li a{border-radius:50%;transition:all .3s ease-in-out;filter:grayscale(1)}footer .social ul li a:hover{transform:scale(1.1);filter:grayscale(0)}@media only screen and (max-width:575.98px){footer .footer-about{margin-bottom:25px}footer .menu ul{display:flex;gap:20px}footer .menu ul :after{content:none}footer .menu ul .footer-menu:hover{transform:translateX(0)}}.icon-drop{position:absolute;display:block;font-size:.7em;color:#000;right:10px;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transition:.6s;-webkit-transition:.6s;-moz-transition:.6s}.icon-drop:after{content:"▼"}.icon-drop.open{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}