body.fixed-header .header {
  position: fixed;
  left: 0;
  top: 0
}

.pull-bottom {
  position: absolute !important;
  bottom: 0
}

.pull-up {
  position: absolute !important;
  top: 0
}

.register-container {
  width: 550px;
  margin: auto;
  height: 100%
}

/*------------------------------------------------------------------
[22. Login]
*/
.login-wrapper {
  height: 100%;
  background-color: #38a9ff;
}
.login-wrapper > * {
  height: 100%;
}
.login-wrapper .bg-pic {
  position: absolute;
  width: 100%;
  overflow: hidden;
  background-color: #385e9e;
}
.login-wrapper .bg-pic > img {
  /*height: 100%;*/
  opacity: 0.6;
}
.login-wrapper .login-container {
  width: 496px;
  display: block;
  position: relative;
  float: right;
  height: 650px
}
.login-wrapper .bg-caption {
  width: 500px;
}
.register-container {
  width: 550px;
  margin: auto;
  height: 100%;
}
/* Responsive handlers : Login
------------------------------------
*/
@media (max-width: 768px) {
  .login-wrapper .login-container {
    width: 100%;
  }
  .register-container {
    width: 100%;
    padding: 15px;
  }
}
@media only screen and (max-width: 321px) {
  .login-wrapper .login-container {
    width: 100%;
  }
}