#mv-container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
#mv-container .mv-unit {
  position: relative;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}
#mv-container .mv-unit .mv-item {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 1 !important;
}
#mv-container .mv-unit .mv-item .mv-image {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  object-fit: cover;
  animation-duration: 0.4s;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
}
#mv-container .mv-unit .mv-item.current .mv-image:first-child {
  animation-name: mv-Animation-0;
}
#mv-container .mv-unit .mv-item.current .mv-image:nth-child(2) {
  animation-name: mv-Animation-1;
}
#mv-container .mv-unit .mv-item.current .mv-image:nth-child(3) {
  animation-name: mv-Animation-2;
}
#mv-container .mv-unit .mv-item.current .mv-image:nth-child(4) {
  animation-name: mv-Animation-3;
}
#mv-container .overlay {
  z-index: 4;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #000000;
  animation-name: overlay-animation;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  mix-blend-mode: color-dodge;
  opacity: 0.1;
}

@keyframes mv-Animation-0 {
  0% {
    clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  60% {
    clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
  }
  99%,
	to {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes mv-Animation-1 {
  0% {
    clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1.2, 1, 1);
  }
  9% {
    clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  18% {
    clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
  }
  27% {
    clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
  }
  35% {
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  42% {
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }
  49% {
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }
  56% {
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }
  63% {
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  70% {
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }
  77% {
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }
  98% {
    opacity: 1;
    transform: translate3d(100px, 0, 0) scale3d(1.2, 1, 1);
  }
  99%,
	to {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    opacity: 0;
    transform: translateZ(0);
  }
}
@keyframes mv-Animation-2 {
  0% {
    clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1.2, 1, 1);
  }
  10% {
    clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
  }
  20% {
    clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
  }
  30% {
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  40% {
    clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
  }
  50% {
    clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
  }
  60% {
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  70% {
    clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
  }
  80% {
    clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
  }
  90% {
    clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
  }
  95% {
    clip-path: polygon(0 90%, 100% 90%, 100% 60%, 0 60%);
  }
  98% {
    opacity: 1;
    transform: translate3d(-300px, 0, 0) scale3d(1.2, 1, 1);
    clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
  }
  99%,
	100% {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    opacity: 0;
    transform: translateZ(0);
  }
}
@keyframes mv-Animation-3 {
  0% {
    clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(-1.2, -1, 1);
  }
  6% {
    clip-path: polygon(0 10%, 100% 10%, 100% 5%, 0 5%);
  }
  12% {
    clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
  }
  18% {
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  24% {
    clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
  }
  30% {
    clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
  }
  35% {
    clip-path: polygon(0 15%, 100% 15%, 100% 19%, 0 19%);
  }
  40% {
    clip-path: polygon(0 40%, 100% 40%, 100% 34%, 0 34%);
  }
  45% {
    clip-path: polygon(0 20%, 100% 20%, 100% 25%, 0 25%);
  }
  50% {
    clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
  }
  55% {
    clip-path: polygon(0 30%, 100% 30%, 100% 35%, 0 35%);
  }
  60% {
    clip-path: polygon(0 70%, 100% 70%, 100% 65%, 0 65%);
  }
  65% {
    clip-path: polygon(0 40%, 100% 40%, 100% 45%, 0 45%);
  }
  70% {
    clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
  }
  75% {
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }
  80% {
    clip-path: polygon(0 90%, 100% 90%, 100% 80%, 0 80%);
  }
  85% {
    clip-path: polygon(0 60%, 100% 60%, 100% 50%, 0 50%);
  }
  90% {
    clip-path: polygon(0 100%, 100% 100%, 100% 95%, 0 95%);
  }
  95% {
    clip-path: polygon(0 70%, 100% 70%, 100% 73%, 0 73%);
  }
  98% {
    opacity: 1;
    transform: translate3d(200px, 0, 0) scale3d(-1.2, -1, 1);
  }
  99%,
	to {
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    opacity: 0;
    transform: translateZ(0);
  }
}
@keyframes overlay-animation {
  0% {
    background-image: url(/img/top/mv/noise_01.jpg);
  }
  16% {
    background-image: url(/img/top/mv/noise_02.jpg);
  }
  33% {
    background-image: url(/img/top/mv/noise_03.jpg);
  }
  49% {
    background-image: url(/img/top/mv/noise_04.jpg);
  }
  66% {
    background-image: url(/img/top/mv/noise_05.jpg);
  }
  83% {
    background-image: url(/img/top/mv/noise_06.jpg);
  }
  100% {
    background-image: url(/img/top/mv/noise_01.jpg);
  }
}

/*# sourceMappingURL=mv.css.map */