.login-box { width: 364px; margin: 0 auto; background: #FFF; overflow: hidden; border-radius: 25px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }
nav.login-nav { background: #D9D6DA; }
nav.login-nav ul li { width: 50%; height: 50px; text-align: center; line-height: 50px; }
nav.login-nav ul li a { display: block; color: #939393; text-transform: uppercase; background: rgba(255, 255, 255, 0.1); -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; }
nav.login-nav ul li a.login-tab-btn-active { color: #333; background: #FFF; }
.login-form-padding { padding: 30px; }
.login-btn-provider { border-radius: 2px; color: #FFF; }
.login-btn-provider-google { width: 191px; margin: 0 auto; margin-bottom: 5px; background: #FFF; }
.login-btn-provider-google img { width: 100%; height: auto; display: block; }
.login-btn-provider-facebook { width: 185px; margin: 0 auto; background: #3B5999; }
.login-tab-form-register .login-btn-provider-facebook { width: 200px; }
.login-btn-provider a.clicker { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
.login-btn-provider-logo { width: 45px; height: 40px; text-align: center; line-height: 40px; font-size: 20px; }
.login-btn-provider-text { margin-left: 45px; line-height: 40px; font-size: 14px; }
.login-btn-provider .spinner { position: absolute; top: 3px; right: -30px; width: 30px; height: 40px; text-align: center; line-height: 40px; color: #939393; font-size: 14px; }
.login-btn-provider-facebook .spinner { top: 0; }
.login-form-or { height: 40px; margin: 5px 0; }
.login-form-or span { position: absolute; top: 0; left: 50%; z-index: 20; width: 60px; margin-left: -30px; text-align: center; line-height: 40px; color: #939393; background: #FFF; }
.login-form-or hr { position: absolute; top: 21px; left: 0; z-index: 10; width: 100%; border-color: rgba(0, 0, 0, 0.25); }
.login-form-row { margin-bottom: 5px; }
.login-form-row input { width: 100%; height: 40px; padding: 0 10px; font-size: 16px; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 5px; }
button.login-btn, button.register-btn, button.reset-btn { width: 100%; height: 40px; margin-top: 20px; text-align: center; color: #FFF; font-size: 16px; text-transform: uppercase; border: none; border-radius: 25px; cursor: pointer; }
.login-form-submit-btn .fa { margin-right: 5px; }
.login-box-footer { background: #D9D6DA; }
.login-box-footer-inner { padding: 15px; text-align: center; background: rgba(255, 255, 255, 0.1) }
.login-box-footer-inner a { color: #939393; text-decoration: underline; }
.login-box-footer-inner .login-box-footer-row-2 { color: #939393; }
.login-box-footer-inner .login-box-footer-row-1, .login-box-footer-inner .login-box-footer-row-2 { line-height: 25px; }
.login-form-line { line-height: 28px; color: #939393; }
.login-form-text { line-height: 22px; }
.login-form-line-height { line-height: 28px; }
.login-form-register-table-cont { margin-bottom: 20px; }
.login-form-register-table-row { margin: 0 -5px; }
.login-form-register-table-col { padding: 0 5px; }
.login-form-register-table-col figure { position: relative; border-radius: 50px; overflow: hidden; }
.login-form-register-table-col figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; }
.login-form-register-table-col figure a:hover, .login-form-register-table-col figure a.selected { background: rgba(255, 255, 255, 0.6); }
.login-form-terms, .login-form-terms-2, .login-form-newsletter, .login-form-newsletter-2 { margin-bottom: 5px; }
.login-form-action-required { padding: 5px; background: rgba(204, 0, 29, .25); border: 2px solid #CC001D; border-radius: 5px; }
.login-form-terms a:first-child, .login-form-terms-2 a:first-child, .login-form-newsletter a:first-child, .login-form-newsletter-2 a:first-child { margin-right: 5px; }
.login-form-terms a:last-child, .login-form-terms-2 a:last-child { color: #939393; text-decoration: underline; }
.login-form-note { color: #939393; font-size: 12px; }
.login-form-note a { color: #939393; text-decoration: underline; }
.login-form-grecaptcha-cont { margin-top: 25px; }
.login-form-error { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; background: rgba(0, 0, 0, 0.55); }
.login-form-error-inner { position: absolute; top: 50%; left: 50%; width: 330px; margin-top: -50px; margin-left: -165px; padding: 10px 0; background: #D9D6DA; border-left: 5px solid #CC001D; border-radius: 0 3px 3px 0; }
.login-form-error-text, .login-form-error-confirm { text-align: center; line-height: 40px; font-size: 16px; }
.login-form-error-text { padding: 10px 15px; line-height: unset; }
.login-form-error-confirm a { padding: 5px 10px; color: #FFF; text-transform: uppercase; background: #939393; border-radius: 3px; }
.login-form-response-success { margin-top: 20px; text-align: center; color: #00B746; }
.login-form-response-success .fa { margin-right: 5px; font-size: 18px; }
.login-form-response-success a { padding: 5px 10px; color: #FFF; text-transform: uppercase; background: #939393; border-radius: 3px; }
.login-form-password-visible-toggle { position: absolute; top: 5px; right: 5px; z-index: 10; width: 30px; text-align: center; line-height: 30px; background: #DDD; border-radius: 5px; }