@charset "utf-8";
/* CSS Document */

.bg1 {
  background-image: url(../img/home/home-banner.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.bg2 {
  background-image: url(../img/banner/banner_2.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.bg3 {
  background-image: url(../img/banner/banner_3.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.carousel-caption {
  right: 20%;
  left: 20%;
}

.carousel-caption h5 {
  font-size: 65px;
  color: #fff;
  margin-bottom: 2%;
  font-family: "Merriweather", serif;
  font-size-adjust: 0.63;
  letter-spacing: 0.6px;
  font-weight: bold;
  margin-bottom: 2%;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

.carousel-caption p {
  font-size: 24px;
  color: #fafafa;
  font-family: "Montserrat", sans-serif;
  font-size-adjust: 0.63;
  letter-spacing: 0.6px;
  font-weight: 400;
  margin-bottom: 30%;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

.carousel-fade .carousel-inner .item {
  position: relative;
  opacity: 0;
  transition-property: opacity;
  height: 100vh;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

@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);
    -moz-transfroem: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .carousel-fade
    .carousel-inner
    > .prev
    .carousel-fade
    .carousel-inner
    > .item
    .active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transfroem: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-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.prev.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transfroem: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.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;
}

.carousel-inner {
  background-color: #000;
}

.item:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* background: rgba(0, 0, 0, 0.6); */
}

.carousel-inner .item {
  opacity: 0;
  transition: none;
  transform: translate3d(0, 0, 0) !important;
}

.carousel-inner .active {
  transition: opacity 1s ease-in-out;
}