/* Required height of parents of the Full Page Carousel for proper displaying carousel itself */
html,
body,
.view {
    height: 100% !important;
    font-family: 'Source Sans Pro', sans-serif;
}

html, body {
    background-color: rgb(48, 48, 48);
}

.view {
    background: url(../img/empleos-chilis-employee-bg.jpg) no-repeat center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 100px 0;
}

@media (max-width: 991px) {
    .view {
        background: url(../img/empleos-chilis-employee-bg-mobile.jpg) no-repeat right ; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      padding: 100px 0;
    }
}

.overlay-box {
 background-color: rgba(245, 233, 218, 0.65);
 padding: 15px;
}

/* Full Page Carousel itself*/
.carousel {
    height: 100%;
}

.carousel .carousel-inner {
    height: 100%;
}

.carousel .carousel-inner .carousel-item,
.carousel .carousel-inner .active {
    height: 100%;
}

/* Navbar animation */
.navbar {
    background-color: rgba(0, 0, 0, 0.2);
}

.top-nav-collapse {
    background-color: #1C2331;
}

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #1C2331;
    }
}

/* Footer color for sake of consistency with Navbar */
.page-footer {
    background-color: #3c3c3c;
}

.btn-outline-white:hover {
    border: 2px solid #3c3c3c!important;
    background-color: transparent!important;
    color: #cf2637!important;
}

.page-footer .btn-outline-white:hover {
    border: 2px solid #eaeaea!important;
    background-color: transparent!important;
    color: #eaeaea!important;
}

/*.page-footer {
    background: url(../img/bg-footer.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/

.bgimage {
    position:absolute;
    opacity: 1;
    transition: opacity 1.5s linear;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .hidden {
    opacity: 0;
  }