.auth-user{box-sizing:border-box;font-family:Open Sans,sans-serif;margin:auto;padding:auto}.auth-user a{text-decoration:none}.auth-user .login-validation{align-items:center;height:100vh;justify-content:center;margin:50px auto;width:50%}.auth-user .login-validation .login-form{box-shadow:0 5px 15px rgba(0,0,0,.35);padding-left:3rem;padding-right:3rem}.auth-user .login-validation .login-form .another-login a{align-items:center;justify-content:center;text-align:center;text-decoration:none}.auth-user .login-validation .login-form .another-login a .icon-fa{border:1px solid #fff;border-radius:100px;box-shadow:0 0 10px rgba(0,0,0,.35);padding:5px}.auth-user .login-validation .login-form .another-login a span{margin-left:10px}.auth-user .login-validation .login-form .another-login .btn-primary{background-color:#3b5998}.auth-user .login-validation .login-form .another-login .twitter{background-color:#0d6efd}.auth-user .login-validation .login-form .another-login .twitter .fa-twitter{background-color:#fff}.auth-user .login-validation .login-form .another-login .twitter span{color:#fff}.auth-user .login-validation .login-form .form-group{margin-bottom:15px}.auth-user .login-validation .login-form .form-group .form-control{padding:15px auto}.auth-user .login-validation .login-form .form-group #icon-arrow{position:absolute;right:15px;top:11px}.auth-user .register-validation{margin:50px auto;width:35%}.auth-user .register-validation .register-form{box-shadow:0 3px 8px rgba(0,0,0,.24)}.auth-user .register-validation .register-form .form-group{margin-bottom:15px}.auth-user .register-validation .register-form .form-group .form-control{padding:15px auto}.auth-user .register-validation .register-form .form-group .check-terms{height:12px;margin-top:5px}.auth-user .register-validation .another-login a{align-items:center;border:1px solid #d3d1d1;justify-content:center;text-align:center;text-decoration:none}.auth-user .register-validation .another-login a i{font-size:20px;margin:auto 20px}.auth-user .register-validation .another-login a .fa-facebook-f{color:#455b95}.auth-user .register-validation .another-login a .fa-google{color:red}.auth-user .register-validation .another-login a .fa-github{color:#000}.auth-user .register-validation .another-login a .fa-twitter{color:#0d6efd}.auth-user .register-validation .another-login a .icon-fa{margin-right:10px}.auth-user .register-validation .another-login a:hover{background-color:#3d8bfd;color:#fff}.auth-user .register-validation .another-login a:hover .icon-fa{color:#fff}@media (max-width:1374px){.auth-user .login-validation{width:60%}}@media (max-width:1220px){.auth-user .register-validation{width:60%}}@media (max-width:1199px){.auth-user .login-validation{width:75%}}@media (max-width:991px){.auth-user .login-validation,.auth-user .register-validation{width:85%}}@media (max-width:839px){.auth-user .login-validation .another-login .row{display:flex;flex-direction:column}}@media (max-width:739px){.auth-user .register-validation{width:80%}.auth-user .register-validation .another-login{display:flex;flex-direction:column}}@media (max-width:540px){.auth-user .register-validation{width:90%}.auth-user .register-validation .icon{width:30%}.auth-user .register-validation .another-login .row{display:flex;flex-direction:column}}@media (max-width:480px){.auth-user .login-validation{width:90%}.auth-user .login-validation .login-form{padding-left:20px;padding-right:20px}.auth-user .login-validation .login-form .another-login{align-items:center;display:flex;flex-direction:column}}