.effeckt-list-scroll {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-perspective: 400px;
  -ms-perspective: 400px;
  perspective: 400px;
}

.effeckt-list-scroll > li {
  position: relative;
  z-index: 2;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

[data-effeckt-type="grow"] li {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

[data-effeckt-type="grow"] li.past,
[data-effeckt-type="grow"] li.future {
  -webkit-transform: scale(0.01);
  -ms-transform: scale(0.01);
  transform: scale(0.01);
}

[data-effeckt-type="curl"] li {
  -webkit-perspective: 600px;
  -ms-perspective: 600px;
  perspective: 600px;
  -webkit-perspective-origin: 0% 50%;
  -ms-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
  -webkit-transition: all 500ms ease, opacity 166.66667ms ease;
  transition: all 500ms ease, opacity 166.66667ms ease;
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

[data-effeckt-type="curl"] li.past {
  opacity: 0;
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
}

[data-effeckt-type="curl"] li.future {
  opacity: 0;
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  transform: rotateY(90deg);
}

[data-effeckt-type="wave"] li {
  -webkit-transition: all 500ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  transition: all 500ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
}

[data-effeckt-type="wave"] li.past {
  -webkit-transform: translateX(-70%);
  -ms-transform: translateX(-70%);
  transform: translateX(-70%);
}

[data-effeckt-type="wave"] li.future {
  -webkit-transform: translateX(-70%);
  -ms-transform: translateX(-70%);
  transform: translateX(-70%);
}

[data-effeckt-type="fan"] li {
  -webkit-transition: all 500ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 500ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

[data-effeckt-type="fan"] li.past {
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

[data-effeckt-type="fan"] li.future {
  -webkit-transform: rotate(70deg);
  -ms-transform: rotate(70deg);
  transform: rotate(70deg);
}

[data-effeckt-type="fade"] li {
  -webkit-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}

[data-effeckt-type="fade"] li.past,
[data-effeckt-type="fade"] li.future {
  opacity: 0;
}

[data-effeckt-type="fly"] {
  -webkit-perspective: 400px;
  -ms-perspective: 400px;
  perspective: 400px;
  -webkit-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

[data-effeckt-type="fly"] li {
  -webkit-transition: all 500ms ease, opacity 250ms ease;
  transition: all 500ms ease, opacity 250ms ease;
  -webkit-transform-origin: 50% 50% -50px;
  -ms-transform-origin: 50% 50% -50px;
  transform-origin: 50% 50% -50px;
}

[data-effeckt-type="fly"] li.past,
[data-effeckt-type="fly"] li.future {
  opacity: 0;
}

[data-effeckt-type="fly"] li.past {
  -webkit-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

[data-effeckt-type="fly"] li.future {
  -webkit-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

[data-effeckt-type="landing"] {
  -webkit-perspective: 400px;
  -ms-perspective: 400px;
  perspective: 400px;
  -webkit-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

[data-effeckt-type="landing"] li {
  -webkit-transition: all 500ms ease, opacity 250ms ease;
  transition: all 500ms ease, opacity 250ms ease;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

[data-effeckt-type="landing"] li.past,
[data-effeckt-type="landing"] li.future {
  opacity: 0;
}

[data-effeckt-type="landing"] li.past {
  -webkit-transform: scale(1.5) translate(10%, -50%);
  -ms-transform: scale(1.5) translate(10%, -50%);
  transform: scale(1.5) translate(10%, -50%);
}

[data-effeckt-type="landing"] li.future {
  -webkit-transform: scale(1.5) translate(-10%, 50%);
  -ms-transform: scale(1.5) translate(-10%, 50%);
  transform: scale(1.5) translate(-10%, 50%);
}

[data-effeckt-type="swing-front"] {
  -webkit-perspective: 400px;
  -ms-perspective: 400px;
  perspective: 400px;
  -webkit-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

[data-effeckt-type="swing-front"] li {
  -webkit-transition: all 500ms ease, opacity 250ms ease;
  transition: all 500ms ease, opacity 250ms ease;
}

[data-effeckt-type="swing-front"] li.past,
[data-effeckt-type="swing-front"] li.future {
  opacity: 0;
}

[data-effeckt-type="swing-front"] li.past {
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: rotateX(140deg);
  -ms-transform: rotateX(140deg);
  transform: rotateX(140deg);
}

[data-effeckt-type="swing-front"] li.future {
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transform: rotateX(-140deg);
  -ms-transform: rotateX(-140deg);
  transform: rotateX(-140deg);
}

[data-effeckt-type="swing-back"] {
  -webkit-perspective: 400px;
  -ms-perspective: 400px;
  perspective: 400px;
  -webkit-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

[data-effeckt-type="swing-back"] li {
  -webkit-transition: all 500ms ease, opacity 250ms ease;
  transition: all 500ms ease, opacity 250ms ease;
}

[data-effeckt-type="swing-back"] li.past,
[data-effeckt-type="swing-back"] li.future {
  opacity: 0;
}

[data-effeckt-type="swing-back"] li.past {
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform: rotateX(-140deg);
  -ms-transform: rotateX(-140deg);
  transform: rotateX(-140deg);
}

[data-effeckt-type="swing-back"] li.future {
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transform: rotateX(140deg);
  -ms-transform: rotateX(140deg);
  transform: rotateX(140deg);
}

[data-effeckt-type="twist"] {
  -webkit-perspective: 400px;
  -ms-perspective: 400px;
  perspective: 400px;
  -webkit-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

[data-effeckt-type="twist"] li {
  -webkit-transition: all 500ms ease, opacity 250ms ease;
  transition: all 500ms ease, opacity 250ms ease;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

[data-effeckt-type="twist"] li.past,
[data-effeckt-type="twist"] li.future {
  opacity: 0;
}

[data-effeckt-type="twist"] li.past {
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

[data-effeckt-type="twist"] li.future {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

[data-effeckt-type="door"] {
  -webkit-perspective: 400px;
  -ms-perspective: 400px;
  perspective: 400px;
  -webkit-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

[data-effeckt-type="door"] li {
  -webkit-transition: all 500ms ease, opacity 250ms ease;
  transition: all 500ms ease, opacity 250ms ease;
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

[data-effeckt-type="door"] li.past,
[data-effeckt-type="door"] li.future {
  opacity: 0;
  -webkit-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}

[data-effeckt-type="climb"] {
  -webkit-perspective: 400px;
  -ms-perspective: 400px;
  perspective: 400px;
  -webkit-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

[data-effeckt-type="climb"] li {
  -webkit-transition: all 500ms ease, opacity 250ms ease;
  transition: all 500ms ease, opacity 250ms ease;
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

[data-effeckt-type="climb"] li.past {
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
}

[data-effeckt-type="climb"] li.future {
  -webkit-transform: translateY(200%);
  -ms-transform: translateY(200%);
  transform: translateY(200%);
}