.container {
  max-width: 900px;
  margin-top: 5%;
}

h1 {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: 700;
}

.alert-danger {
  margin: 0 20px;
}

.branding {
  padding: 20px;
  background: url("../imgs/idapp-wall2.jpg");
  -webkit-animation: imgDinamic 8s ease-in-out infinite 9s;
  background-size: cover;
  background-position: center center;
  color: #fff;
  min-height: 540px;
  border-radius: 4px;
  position: relative;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.6s cubic-bezier(1, -0.375, 0.285, 0.995);
  transition: all 0.6s cubic-bezier(1, -0.375, 0.285, 0.995);
  z-index: 9999;
}

.branding.active {
  width: 100%;
}

.branding::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  background: #ffcd15a3;
  z-index: -1;
}

.branding .heading {
  position: absolute;
  top: 40%;
  left: 8%;
  text-align: center;
}

.branding .heading small {
  width: 211px;
  margin: 0 auto;
}

.branding .heading h1 {
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0.3em;
}

.branding .heading p {
  font-size: 15px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2px;
  white-space: 4px;
}

@-webkit-keyframes imgDinamic {
  from {
    background: url("../imgs/idapp-wall3.png");
  }
  to {
    background: url("../imgs/idapp-wall1.jpg");
  }
}



#_itflogin {
  position: relative;
}

#_itflogin .form-data {
  background: #fff;
  min-height: 480px;
  margin-top: 30px;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  padding: 30px 0 60px;
  -webkit-transition: all 0.9s cubic-bezier(1, -0.375, 0.285, 0.995);
  transition: all 0.9s cubic-bezier(1, -0.375, 0.285, 0.995);
  left: -1%;
  width: 100%;
  overflow: hidden;
  border-top: 3px solid #ffcd12;
}

#_itflogin form {
  padding: 0 40px;
  margin: 0;
}

#_itflogin .fas::before {
  color: #003163;
}

footer {
  margin-top: 1em;
  text-align: center;
}

footer p {
  color: #777;
}

footer p a, footer p a:focus {
  color: #b8b09f;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-decoration: none !important;
}

@media (max-width: 480px) {
  .container {
    margin-top: 0%;
  }
  #formHolder {
    padding: 0;
  }
  #formHolder div.branding {
    min-height: 200px !important;
  }
  #formHolder div.branding.active {
    min-height: 100vh !important;
  }
  #formHolder .form {
    width: 100vw;
    margin-left: 0;
  }
  h2 {
    font-size: 50px !important;
  }
  .branding .heading {
    top: 11%;
    left: 0%;
  }
  #_itflogin .form-data {
    margin-top: 0.2em;
  }
}
/*# sourceMappingURL=login.css.map */