@font-face {
  font-family: "helveticaNeueLT";
  src: url("../fonts/helveticaneueltpro/HelveticaNeueLTPro-Lt.eot");
  src: url("../fonts/helveticaneueltpro/HelveticaNeueLTPro-Lt.eot?#iefix") format("embedded-opentype"), url("../fonts/helveticaneueltpro/HelveticaNeueLTPro-Lt.woff") format("woff"), url("../fonts/helveticaneueltpro/HelveticaNeueLTPro-Lt.ttf") format("truetype"), url("../fonts/helveticaneueltpro/HelveticaNeueLTPro-Lt.svg#helveticaNeueLT") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "open_sansregular";
  src: url("../fonts/opensans/opensans-regular-webfont.eot");
  src: url("../fonts/opensans/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/opensans/opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  background: #1e1e1e; }

.container {
  max-width: 410px; }

.navbar {
  margin-bottom: 0; }
  .navbar .navbar-header {
    float: none; }
    .navbar .navbar-header .navbar-brand {
      margin: 0 auto !important;
      float: none;
      display: block; }

.login-wrap {
  background-image: url("../img/faces.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .login-wrap h3 {
    text-shadow: none; }
  .login-wrap .box-wrap {
    padding: 15px;
    text-align: center;
    background: white;
    *zoom: 1; }
    .login-wrap .box-wrap:before, .login-wrap .box-wrap:after {
      content: ' ';
      display: table; }
    .login-wrap .box-wrap:after {
      clear: both; }
  .login-wrap .login-box {
    margin: 50px auto 15px; }
    .login-wrap .login-box h3 {
      text-transform: uppercase;
      font-size: 22px;
      line-height: 1em;
      margin-bottom: 15px; }
    .login-wrap .login-box .panelbody {
      padding: 15px 15px 0; }
    .login-wrap .login-box form dd {
      display: block;
      float: none;
      width: 100%;
      margin: 10px 0;
      text-align: left;
      position: relative; }
      .login-wrap .login-box form dd:after {
        font-family: 'FontAwesome';
        position: absolute;
        top: 5px;
        right: 5px;
        z-index: 2; }
      .login-wrap .login-box form dd.username:after {
        content: "\f0e0"; }
      .login-wrap .login-box form dd.password:after {
        content: "\f023"; }
    .login-wrap .login-box form dt {
      display: none; }
    .login-wrap .login-box .button {
      width: 86%; }
    .login-wrap .login-box .forgot-password {
      display: block;
      float: right;
      font-style: italic;
      font-size: 10px;
      font-weight: normal;
      margin: 0  15px 0 5px; }
  .login-wrap .register {
    margin-bottom: 30px; }
    .login-wrap .register h3 {
      float: left;
      text-transform: uppercase;
      font-family: "open_sansregular";
      font-weight: bold; }
    .login-wrap .register .button {
      float: right;
      margin: 0;
      padding: 10px 20px; }

.login-footer {
  text-align: center;
  color: white;
  background: #2b2b2b; }
  .login-footer .row {
    padding-bottom: 30px; }
  .login-footer h3 {
    color: white;
    text-shadow: none;
    text-transform: uppercase; }
  .login-footer div {
    color: #319cd2; }
  .login-footer .logo {
    width: 410px;
    height: 80px;
    background: url("../img/logo.png") no-repeat top left;
    background-size: 100% auto;
    margin: 30px auto; }
  .login-footer .copyright {
    background: #1e1e1e;
    font-size: 10px;
    padding: 10px;
    color: white; }
    .login-footer .copyright a, .login-footer .copyright div {
      color: white; }