.login-page {
  margin-top: 1em; }
  .login-page .login-form-nav {
    margin-top: 13%;
    margin-bottom: 1.25em; }
  .login-page .login {
    margin-bottom: 0.938em; }
    .login-page .login .error-message-form {
      padding: 0.625em;
      background-color: #c00;
      color: #fff;
      border-radius: 0.188em; }
  .login-page label::before {
    display: none; }
  .login-page .page-titles {
    font: 18px 'OkineSans-Medium';
    letter-spacing: 3px;
    color: #262729;
    margin-right: 20px; }
  .login-page .sing-in-caption {
    font: 15px "OkineSans-Regular";
    color: #555759;
    margin: 30px 0px; }
  .login-page label {
    font: 14px "OkineSans-Medium";
    color: #262729;
    text-transform: lowercase; }
  .login-page .customer-register-benefits span i,
  .login-page .customer-register-benefits span i:hover {
    color: #DB001C;
    margin-right: 5px; }
  .login-page .customer-register-benefits span {
    display: block;
    font: 18px "OkineSans-Regular";
    color: #555759;
    padding-bottom: 10px; }
  .login-page .password-reset {
    font: 12px "OkineSans-Regular";
    color: #52c3ed; }
  .login-page .login-form-nav input {
    background-color: #F5F5F5;
    border: 0;
    font: 14px "OkineSans-Regular";
    color: #262729;
    border-radius: 0;
    height: 40px; }
  .login-page .login-form-nav input:focus,
  .login-page .btn-block.btn-primary:focus,
  .login-page .btn-block.btn-primary:active {
    box-shadow: none;
    border: 0; }
  .login-page .customer-register-benefits span:last-child {
    margin-left: 20px; }
  .login-page .valid-benefit-sites {
    font: 14px/22px "OkineSans-Regular";
    color: #555759; }
  .login-page #other-valid-sites a,
  .login-page #other-valid-sites a:hover {
    text-decoration: none;
    font: 14px "OkineSans-Regular";
    color: #555759; }
  .login-page .qualify-products {
    font: 12px "OkineSans-RegularItalic";
    color: #b2b3b2; }
  .login-page .btn-block {
    font: 14px "OkineSans-Regular";
    background: #97d3e7;
    border: 0;
    border-radius: 0;
    color: #262729;
    display: inline-block;
    width: auto;
    padding: 10px 50px 13px; }
  .login-page .btn-block i {
    font-size: 16px; }
  .login-page .btn-block:hover {
    background: #52c3ed; }
  .login-page .new-user-block {
    border-left: 1px solid #F5F5F5;
    padding-left: 10%; }
    .login-page .new-user-block .register-block {
      margin-top: 12%; }
  .login-page .sign-in-user-block {
    padding: 0% 10%; }
    .login-page .sign-in-user-block .alert-danger {
      font: 14px "OkineSans-Regular"; }

.registration-page .privacy-policy {
  margin-top: 1rem; }

.login-banner {
  background-image: url("../images/account.jpg");
  background-position-y: 40%; }

.equal-height .card {
  width: 100%; }

.registration-page .centralized span span {
  color: #0d9cd8;
  display: block;
  font: 18px OkineSans-Medium;
  width: 100%;
  border: 0; }

.registration-page .centralized span {
  padding: 0px 5px;
  font: 14px/22px OkineSans-Medium;
  border-right: solid 1px #d4d4d4;
  width: 20%; }

.registration-page .registration-form-block {
  clear: both; }

.registration-page .registration-form-section {
  width: 620px; }

.registration-page .centralized {
  border-bottom: solid 1px #d4d4d4;
  overflow: hidden; }

.registration-page .create-account-content p {
  font: 13px/18px "OkineSans-Medium";
  color: #b1b1b1; }

.registration-page .create-account-content span,
.registration-page .create-account-content a {
  font: 15px OkineSans-Medium;
  color: #428bca; }

.registration-page .form-group.required .form-control-label::before,
.registration-page .form-group.required .form-control-label::after {
  display: none; }

.registration-page .form-control-label {
  color: #232323;
  font: 16px "OkineSans-Medium"; }

.registration-page input.form-control {
  border: 2px solid #bcc4c4;
  height: 40px; }

.registration-page .card {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }

.registration-page .registration-form-submit-btn {
  width: 200px;
  padding: 7px 0;
  font: 16px "OkineSans-Medium"; }

.registration-page .registration-form-submit-btn i {
  font-size: 18px; }

.registration-page .registration-form-submit-btn:hover {
  color: #000; }

.registration-page .custom-checkbox label {
  color: #232323;
  font: 13px/28px "OkineSans-Medium"; }

.registration-page .custom-checkbox .custom-control-label::before {
  border: 1px solid #bcc4c4;
  background: #dcdcdc; }

.registration-page .email-block,
.registration-page .registration-form-submit-btn {
  clear: both; }

.registration-page .registration .is-invalid {
  border: 1px dashed #eb340a;
  background: #faebe7; }

.registration-page .registration .invalid-feedback {
  color: #eb340a; }

@media (max-width: 991.98px) {
  .registration-page .centralized span {
    font: 11px/22px OkineSans-Medium; }
  .registration-page .centralized span span {
    font: 14px OkineSans-Medium; }
  .login-page .sign-in-user-block {
    padding: 50px 40px 50px 0; }
  .login-page .new-user-block {
    padding: 50px 0 50px 40px; } }

@media (max-width: 768.98px) {
  .login-page .btn-block {
    width: 100%;
    text-align: center; }
  .forgot-password,
  .login-page .page-titles,
  .login-page .sing-in-caption {
    text-align: center; }
  .login-page .password-reset {
    float: none !important; }
  .login-page .sign-in-user-block,
  .login-page .new-user-block {
    margin: 15px;
    padding: 0 30px;
    border-left: 0;
    border-top: 1px solid #F5F5F5; }
  .account-login-header-title i {
    position: relative;
    top: -15px;
    display: block; }
  #account-login-header-m a {
    color: #52c3ed;
    font: 56px OkineSans-Regular; }
  .account-login-header-title a:hover {
    text-decoration: none; }
  .registration-page .centralized span {
    font: 12px/18px OkineSans-Medium;
    width: 33%;
    margin-bottom: 20px; }
  .registration-page .centralized > span:nth-child(4) {
    margin-left: 15%; }
  .registration-page .registration-form-section {
    width: 100%; }
  .registration-page .form-control-label {
    font: 13px "OkineSans-Medium"; }
  .registration-page .centralized span:nth-child(3) {
    border: 0; }
  .registration-page .custom-checkbox label {
    font: 12px/28px "OkineSans-Medium"; }
  .login-account-block {
    margin-bottom: 50px !important;
    padding-top: 1px !important; }
  .login-trustedsite-mart {
    -ms-flex-direction: column;
        flex-direction: column; }
  .login-page .page-titles {
    margin: 0 0 20px 0 !important; } }

@media (max-width: 543.98px) {
  #account-login-header-m a {
    font: 36px OkineSans-Regular; }
  .registration-page .centralized span {
    font: 10px/16px OkineSans-Medium; }
  #account-login-header-m a {
    display: none; } }

.login-page .btn-block {
  background-color: #DB001C;
  color: #FFFFFF;
  padding: 0 20px;
  font: 13px/38px OkineSans-Medium !important;
  letter-spacing: 1px; }

.login-page .password-reset {
  float: right;
  line-height: 34px;
  text-decoration: none;
  color: #DB001C;
  font: 14px OkineSans-Regular;
  margin-top: 10px; }

.login-page .customer-register-benefits span,
.login-page .customer-register-benefits span:hover,
:active {
  color: #DB001C; }

.login-page .btn-block:hover {
  background-color: #DB001C;
  color: #FFFFFF; }

.login-page .customer-register-benefits span:last-child {
  margin-left: 0px !important; }

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: #DB001C;
  color: #FFFFFF; }

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none; }

.login-account-block {
  margin-bottom: 150px;
  padding-top: 35px; }

form.login .alert.alert-danger {
  font: 14px/22px OkineSans-Medium; }