.fvWrapper {
  position: relative;
  width: 100%;
  min-width: 960px;
}
@media screen and (hover: none) and (pointer: coarse) {
  .fvWrapper {
    min-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .fvWrapper {
    min-width: 100%;
  }
}

.fvMainCopy {
  position: absolute;
  top: calc(50% - 23.5px);
  left: calc(50% - 425px);
  display: block;
  width: 850px;
  height: 47px;
  z-index: 100;
}
.fvMainCopy img {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .fvMainCopy {
    left: calc(50% - 40vw);
    width: 80vw;
  }
}
@media screen and (max-width: 768px) {
  .fvMainCopy {
    top: calc(50vh - 2.5vw);
    left: 9.4445vw;
    width: 81.111vw;
    height: 5vw;
  }
}

.fvCarousel {
  position: relative;
  overflow: hidden;
  height: 100vh;
  opacity: 0;
  transition: ease 0.7s;
}
.fvCarousel.show {
  opacity: 1;
}
.fvCarousel > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(1.2);
}
.fvCarousel > li img {
  position: relative;
}
.fvCarousel > li.first-current {
  opacity: 1;
  z-index: 100;
  animation-name: first_expansion;
  animation-duration: 5s;
  animation-timing-function: linear;
}
.fvCarousel > li.first-current + li {
  animation-name: duration_expansion;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-delay: 4s;
  opacity: 1;
  z-index: 90;
}
.fvCarousel > li.current {
  opacity: 1;
  z-index: 100;
  animation-name: expansion;
  animation-duration: 5s;
  animation-timing-function: linear;
}
.fvCarousel > li.current + li {
  animation-name: duration_expansion;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-delay: 4s;
  opacity: 1;
  z-index: 90;
}

@keyframes first_expansion {
  0% {
    transform: scale(1.2);
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes duration_expansion {
  0% {
    transform: scale(1.2);
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes expansion {
  0% {
    transform: scale(1.16);
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}/*# sourceMappingURL=fv_carousel.css.map */