body {
  margin: 0 !important;
  padding: 0 !important; }

.border-wrap {
  width: 100%;
  height: 100%;
  position: absolute; }

p#backtoblog {
  display: none; }

p#nav {
  display: none; }

p.submit {
  display: none; }

p.forgetmenot {
  display: none; }

html {
  height: 0px; }

#rememberme {
  display: none !important; }

.remember {
  text-align: left !important; }

.content-section {
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box; }

.login-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%); }

.content-overlay {
  position: absolute;
  width: 100%;
  height: 100%; }

.login-zone-1 {
  margin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%); }
  .login-zone-1 .option-checkbox {
    float: left; }
    .login-zone-1 .option-checkbox input {
      display: none; }
    .login-zone-1 .option-checkbox input:checked + label:before {
      content: '\e818'; }
    .login-zone-1 .option-checkbox label {
      margin: 0;
      width: 100%;
      text-align: right; }
  .login-zone-1 input[type=text], .login-zone-1 input[type=password] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border: solid #bcbcbc;
    border-width: 0 0 1px 0; }
    .login-zone-1 input[type=text]:focus, .login-zone-1 input[type=password]:focus {
      background-color: #ffffff;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: solid #bcbcbc;
      border-width: 0 0 1px 0; }
  .login-zone-1 .go-back-label {
    white-space: nowrap;
    text-align: center;
    width: 100%;
    font-size: 0.7rem;
    letter-spacing: 1px;
    cursor: pointer;
    margin-top: 2rem; }
    @media (max-width: 768px) {
      .login-zone-1 .go-back-label {
        position: absolute;
        bottom: 0;
        transform: translateY(200%); } }
    .login-zone-1 .go-back-label span {
      font-size: 0.5rem;
      vertical-align: middle; }
  .login-zone-1 .box-container {
    width: inherit !important;
    padding-top: 3rem;
    padding-bottom: 2rem; }
    @media (min-width: 768px) and (max-width: 64.063em) {
      .login-zone-1 .box-container {
        min-width: 100% !important; } }
    @media (min-width: 64.063em) and (max-width: 90em) {
      .login-zone-1 .box-container {
        min-width: 350px !important; } }
    @media (min-width: 90.063em) and (max-width: 120em) {
      .login-zone-1 .box-container {
        min-width: 350px !important; } }
    @media (min-width: 120.063em) {
      .login-zone-1 .box-container {
        min-width: 450px !important; } }
    .login-zone-1 .box-container .login-box {
      width: 100%;
      text-align: center;
      font-size: 3rem; }
      .login-zone-1 .box-container .login-box .logo-box {
        margin-bottom: 2rem; }
    .login-zone-1 .box-container .headline-box {
      text-align: center; }
    .login-zone-1 .box-container .tagline-box {
      text-align: center;
      padding: 1rem 0; }
    .login-zone-1 .box-container .standard-login-options {
      padding-top: 1rem;
      display: flex;
      width: 100%;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none; }
      .login-zone-1 .box-container .standard-login-options .option-checkbox {
        width: 30px; }
      .login-zone-1 .box-container .standard-login-options .remember-option, .login-zone-1 .box-container .standard-login-options .forgot-option {
        white-space: nowrap;
        width: 50%;
        display: block;
        font-size: 0.7rem;
        letter-spacing: 1px;
        font-weight: bold; }
      .login-zone-1 .box-container .standard-login-options .forgot-option {
        text-align: right;
        padding-top: 2px; }
      .login-zone-1 .box-container .standard-login-options .remember-option {
        padding-top: 2px; }
        .login-zone-1 .box-container .standard-login-options .remember-option .label {
          padding-top: 1px;
          padding-left: 2rem; }
    .login-zone-1 .box-container .login-button {
      border: 0 !important;
      outline: 0 !important;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      cursor: pointer;
      width: 100%;
      font-size: 0.6rem;
      letter-spacing: 2px;
      margin-top: 2rem;
      text-align: center;
      padding: 1rem 0; }
      .login-zone-1 .box-container .login-button:active {
        opacity: 0.4; }