.carousel {
  width: 100%;
  height: 100vh;
}
@media (max-width: 425px) {
  .carousel {
    height: 60vh;
  }
}
.owl-carousel {
  z-index: 6 !important;
}
.owl-item.in.active {
  z-index: 2 !important;
}
.item {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 425px) {
  .item {
    height: 50vh;
  }
}
.bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: inherit;
}
.owl-carousel .owl-nav {
  text-align: center;
  position: absolute;
  top: 40%;
  right: 5%;
  z-index: 10;
}
@media (max-width: 425px) {
  .owl-carousel .owl-nav {
    width: 100%;
    justify-content: space-between;
    display: flex;
  }
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  padding: 5px 10px !important;
  display: inline-block;
  outline: none;
}
.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {
  font-size: 60px;
  color: #fff;
  margin: 0 15px;
}
.animated {
  animation-duration: 2s !important;
  animation-fill-mode: both;
}
.in .bg-image {
  animation-name: slideIn;
  animation-duration: 2s;
  animation-fill-mode: both;
}
@keyframes slideIn {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes slideInReverse {
  from {
    transform: translateX(50%);
  }
  to {
    transform: translateX(0%);
  }
}
.out .bg-image {
  animation-name: slideOut;
  animation-duration: 2s;
  animation-fill-mode: both;
}
@keyframes slideOut {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(50%);
  }
}
@keyframes slideOutReverse {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
.reverse .in .bg-image {
  animation-name: slideInReverse;
}
.reverse .out .bg-image {
  animation-name: slideOutReverse;
}
/*# sourceMappingURL=slide.css.map */