html {
  background: #1A2E3B !important;
}

html::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  filter: blur(15px);
  -webkit-filter: blur(15px);
  z-index: -1;
  opacity: 0.45;
  background-image: url("../img/heroicmen-bkg.png") !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-color: #1A2E3B !important;
}

body {
  background: none !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: auto;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  line-height: 22px;
  color: black;
}

a {
  color: #C5252A;
}

a:hover, a:focus, a:visited {
  color: rgb(26, 46, 59);
}

.pf-c-nav a {
  color: #C5252A;
}

.pf-c-nav a:hover, .pf-c-nav a:focus, .pf-c-nav a:visited {
  color: white;
}

.pf-c-nav a.pf-m-current {
  color: #C5252A;
}

.pf-c-nav a.pf-m-current:after, .pf-c-nav a.pf-m-current:hover:after {
  border-left-color: #C5252A;
}

#kc-header-wrapper {
  text-align: center;
  margin: 0px 40px;
  padding: 0;
}

#kc-header-wrapper img {
  max-width: 200px;
}

.pf-c-card,
.card-pf {
  border-radius: 0.3125rem;
  overflow: hidden;
  border: none;
}

.pf-c-form-control {
  border: 1px solid #1A2E3B;
  padding: 1.5rem;
  border-radius: 3px;
  font-size: 16px;
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.pf-c-form-control:hover {
  outline: inherit;
  border: 1px solid #1A2E3B;
}

.pf-c-form-control:active, .pf-c-form-control:focus {
  padding: 1.5rem;
  outline: transparent solid 1px;
  border: 1px solid rgb(26, 46, 59);
  box-shadow: rgb(26, 46, 59) 0px 0px 0px 1px;
}

.form-group {
  position: relative;
}

.pf-c-button {
  border: none;
  border-radius: 3px;
}

.pf-c-button.pf-m-primary {
  background: #C5252A;
  color: white;
}

.pf-c-button.pf-m-primary:hover {
  background: rgb(167.45, 31.45, 35.7);
  color: white;
}

.pf-c-button.pf-m-primary:focus, .pf-c-button.pf-m-primary:active, .pf-c-button.pf-m-primary:active:focus {
  border: none;
  outline: none;
  background: rgb(137.9, 25.9, 29.4);
  color: white;
}

.btn-lg {
  padding: 18px 18px;
  font-size: 16px;
}

.alert {
  border-radius: 3px;
  border: none;
}

.bold {
  font-weight: 600;
}

@media (max-width: 767px) {
  .login-pf-page a, .login-pf-page label, .login-pf-page h1 {
    color: white;
  }
  .login-pf-page h1 {
    font-weight: bold;
    font-size: 20px !important;
  }
  .login-pf-page .card-pf {
    padding-top: 15px;
    background-color: #1A2E3B;
  }
  .login-pf-page #kc-select-try-another-way-form .form-group {
    text-align: right;
  }
}