*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;font-family:Poppins,sans-serif}body{background-color:#fff;font-family:Montserrat;overflow-x:hidden}article,aside,details,figure,footer,header,main,menu,nav,section,summary{display:block}a,h1,h2,h3,h4,h5,h6,p{-ms-word-wrap:break-word;word-wrap:break-word;text-decoration:none}img{border:none}:focus{outline:0}.clearfix::after{content:"";display:table;clear:both}.bg-illustration{position:relative;height:100vh;width:1194px;background:url('../images/bg.jpg');background-size:cover;float:left;display:flex;flex-direction:column;justify-content:center;align-items:center}.bg-illustration .bg-logo{width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:19px 0 0 25px}.bg-illustration .bg-logo img{width:35%}.bg-illustration .bg-imagen{width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.bg-illustration .bg-imagen img{width:80%}@-webkit-keyframes bgslide{from{left:-100%;width:0;opacity:0}to{left:0;width:1194px;opacity:1}}@keyframes bgslide{from{left:-100%;width:0;opacity:0}to{left:0;width:1194px;opacity:1}}.login{height:100vh;max-height:100vh;overflow-y:hidden;float:left;margin:0 auto;width:calc(100% - 1194px);display:flex;justify-content:center;align-items:center}.login .container{width:505px;margin:0 auto;position:relative}.login .container .form-logo{width:100%;display:flex;justify-content:center;align-items:center;padding:20px 0}.login .container img{width:40%}.login .container h1{color:#191919;font-size:45px;font-weight:bolder;text-align:center}.login .container p{text-align:center;color:#191919;font-size:17px;font-weight:bolder}.login .container .login-form form{display:-ms-grid;display:grid}.login .container .login-form form input{font-size:18px;font-weight:400;background:rgba(57,57,57,.07);margin:12.5px 0;height:68px;border:none;padding:0 20px;border-radius:10px}.login .container .login-form form button[type=submit]{background:-webkit-linear-gradient(110deg,#1662f9 0,#2ca16f 100%);background:-o-linear-gradient(110deg,#1662f9 0,#2ca16f 100%);background:linear-gradient(-20deg,#1662f9 0,#2ca16f 100%);border:none;margin-top:15px;margin-bottom:20px;margin-left:auto;margin-right:auto;width:241px;height:58px;text-transform:uppercase;color:#fff;border-radius:10px;position:relative;z-index:2;font-weight:700;font-size:20px;cursor:pointer}.login .container .login-form form button[type=submit]:hover::after{opacity:1}.login .container .remember-form{position:relative;margin-top:-30px}.login .container .remember-form input[type=checkbox]{margin-top:9px}.login .container .remember-form span{font-size:18px;font-weight:400;position:absolute;top:32px;color:#3b3b3b;margin-left:15px}.login .container .forget-pass{position:absolute;right:0;margin-top:189px}.login .container .forget-pass a{font-size:16px;position:relative;font-weight:400;color:#918f8f}.login .container .forget-pass a::after{content:"";position:absolute;height:2px;width:100%;border-radius:100px;background:-webkit-linear-gradient(110deg,#f794a4 0,#fdd6bd 100%);background:-o-linear-gradient(110deg,#f794a4 0,#fdd6bd 100%);background:linear-gradient(-20deg,#f794a4 0,#fdd6bd 100%);bottom:-4px;left:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;opacity:0;right:0}.login .container .forget-pass a:hover::after{opacity:1}@media only screen and (min-width:1024px) and (max-width:1680px){.bg-illustration{width:50%;-webkit-animation:none;animation:none}.login{width:50%}}@media only screen and (max-width:1024px){body{overflow-x:hidden}@-webkit-keyframes slideIn{from{left:-100%;opacity:0}to{left:0;opacity:1}}@keyframes slideIn{from{left:-100%;opacity:0}to{left:0;opacity:1}}.bg-illustration{display:none}.login{float:none;margin:0 auto;width:100%}.login .container{-webkit-animation:slideIn .8s ease-in-out forwards;animation:slideIn .8s ease-in-out forwards;width:85%;float:none}.login .container h1{font-size:25px;margin-top:40px}.login .container .login-form{margin-top:10px}.login .container .login-form form input{height:45px}.login .container .login-form form button[type=submit]{height:45px;margin-top:25px}.login .container .login-form .remember-form{position:relative;margin-top:-14px}.login .container .login-form .remember-form span{font-size:16px;margin-top:22px;top:inherit}.forget-pass{position:absolute;right:inherit;left:0;bottom:-40px;margin:0!important}.forget-pass a{font-size:16px;position:relative;font-weight:400;color:#918f8f}.forget-pass a::after{content:"";position:absolute;height:2px;width:100%;border-radius:100px;background:-webkit-linear-gradient(110deg,#f794a4 0,#fdd6bd 100%);background:-o-linear-gradient(110deg,#f794a4 0,#fdd6bd 100%);background:linear-gradient(-20deg,#f794a4 0,#fdd6bd 100%);bottom:-4px;left:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;opacity:0;right:0}.forget-pass a:hover::after{opacity:1}}@media screen and (max-width:1920px){.bg-illustration .bg-imagen img{width:55%}}.alert{padding:20px;background-color:#f44336;color:#fff;margin-bottom:15px}.round{border-radius:10px}.invalid-feedback{font-weight:500;color:#f44336}.closebtn{margin-left:15px;color:#fff;font-weight:700;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:.3s}.closebtn:hover{color:#000}