body {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important; }

.dz-container-padding {
  padding-left: 0px;
  padding-right: 0px; }
  @media only screen and (min-width: 768px) {
    .dz-container-padding {
      padding-left: 0px;
      padding-right: 0px; } }

.frame {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 40vh; }
  @media only screen and (min-width: 768px) {
    .frame {
      min-height: 100vh; } }
  .frame .logo-background .logo {
    position: absolute;
    top: 2.5em;
    left: 2.5em;
    width: 45%; }

.body-content {
  min-height: 60vh;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  padding-left: 15px; }
  @media only screen and (min-width: 768px) {
    .body-content {
      min-height: 100vh; } }
  .body-content .child {
    width: 90%;
    position: absolute;
    top: 50%;
    -webkit-filter: blur(0);
    transform: perspective(1px) translateY(-50%); }
    .body-content .child .support-info {
      /*@include phone {
          font-size: 12px !important;
      }*/ }
      @media only screen and (max-width: 480px) {
        .body-content .child .support-info {
          font-size: 12px !important; } }
  .body-content .child-footer {
    position: absolute;
    bottom: 10px;
    width: 90%;
    text-align: center; }
    .body-content .child-footer .addl-brand1 {
      width: 45px;
      height: auto;
      /*@include phone {
          width: 35px;
      }*/ }
      @media only screen and (max-width: 480px) {
        .body-content .child-footer .addl-brand1 {
          width: 35px; } }
    .body-content .child-footer .addl-brand2 {
      width: 40px;
      height: auto;
      /*@include phone {
          width: 30px;
      }*/ }
      @media only screen and (max-width: 480px) {
        .body-content .child-footer .addl-brand2 {
          width: 30px; } }
    @media only screen and (max-width: 480px) {
      .body-content .child-footer {
        font-size: 12px !important; } }

.dz-btn-flat {
  box-shadow: none !important;
  box-shadow: initial !important; }

button, .btn-primary {
    padding: 6px 16px;
    border-radius: 4px;
    border: 1px solid transparent !important;
    cursor: pointer;
    font-size: 16px;
    transition: 0.2s;
    letter-spacing: 0.5px;
    background-color: #222222 !important;
    color: #ffffff;
}

button:hover, .btn-primary:hover {
    opacity: 0.9;
}

.form-control, .custom-file-control,
.is-focused .form-control,
.is-focused .custom-file-control {
    background-image: linear-gradient(to top, #e0e0e0 2px, rgba(56, 147, 210, 0) 2px), linear-gradient(to top, rgba(0, 0, 0, 0.26) 1px, rgba(0, 0, 0, 0) 1px) !important;
}

.is-focused .bmd-label-floating,
.is-focused .bmd-label-floating,
.is-filled .bmd-label-floating,
.is-filled .bmd-label-floating {
    top: 1rem;
    left: 0;
    color: black;
    font-size: 16px !important;
}