html {
    position: relative;
   /* min-height: 100%;*/
}

hr {
    margin-top: 1px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }


.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 1s;
    transition-timing-function: ease;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
/*
.item:nth-child(1) {
    background: url(../../../assets/img/f1.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.item:nth-child(2) {
    background: url(../../../assets/img/f2.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.item:nth-child(3) {
    background: url(../../../assets/img/f3.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/

.empresa{
    position: absolute;
     bottom: 0; 
     margin: auto;
    
}

.carousel {
    z-index: -99;
}
.carousel .item {
    position: fixed;
    width: 100%;
    height: 100%;
}
.title {
  text-align: center;
  margin-top: 20px;
  padding: 10px;
  text-shadow: 2px 2px #000;
  color: #FFF;
}


.login-container {
    position:  fixed;  
    bottom: 0;
    right: 0;
    height: calc(100vh - 0px);
    width: 450px;
    display: block;
    float: right;
    z-index: 4;
    border-left: 1px solid #e5e5e5;
 
}



/* Responsive handlers : Login
------------------------------------
*/
@media (max-width: 768px) {
   .login-container {
    width: 100%;
     height: calc(100vh - 50px);
  }
  .register-container {
    width: 100%;
    padding: 15px;
  }
  .empresa{
      display: none;
  }
}
@media only screen and (max-width: 321px) {
  .login-container {
    width: 100%;
     height: calc(100vh - 50px);
  }
 
}