[data-animate] {opacity: 0;}  /* test removed with more.js Animate 2.0 */

/* ------------------------------- transitions ------------------------------ */

.transition {transition-duration: 1s;}

.transition.fadeIn {opacity: 0;}
.transition.fadeIn.active {opacity: 1;}

.transition.fadeOut {opacity: 1;}
.transition.fadeOut.active {opacity: 0;}

.transition.zoomIn {transform: scale(0.5);}
.transition.zoomIn.active {transform: scale(1);}

.transition.zoomOut {transform: scale(1);}
.transition.zoomOut.active {transform: scale(0.5);}

.transition.slideLeft {transform: translate(-30%, 0);}
.transition.slideLeft.active {transform: translate(0, 0);}

.transition.slideRight {transform: translate(30%, 0);}
.transition.slideRight.active {transform: translate(0, 0);}

.transition.slideTop {transform: translate(0, -30%);}
.transition.slideTop.active {transform: translate(0, 0);}

.transition.slideBottom {transform: translate(0, 30%);}
.transition.slideBottom.active {transform: translate(0, 0);}

.transition.blurIn {filter: blur(1em);}
.transition.blurIn.active {filter: blur(0em);}

.transition.blurOut {filter: blur(0em);}
.transition.blurOut.active {filter: blur(1em);}

.transition.blurInZoomIn {filter: blur(1em); transform: scale(2);}
.transition.blurInZoomIn.active {filter: blur(0em); transform: scale(1);}

.transition.blurInZoomOut {filter: blur(1em); transform: scale(0.5);}
.transition.blurInZoomOut.active {filter: blur(0em); transform: scale(1);}

.transition.expandY {max-height: 0; overflow: hidden;}
.transition.expandY.active {height: initial; max-height: 9999px;}

/* --------------------------- infinite animations -------------------------- */

.infiniteRotateRight {animation: infiniteRotateRight 60s linear infinite;}

@keyframes infiniteRotateRight {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

.infiniteRotateLeft {animation: infiniteRotateLeft 60s linear infinite;}

@keyframes infiniteRotateLeft {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(-360deg);}
}

.pulsedbox {animation: pulse 3s ease-in-out infinite;}
.pulsedbox30s {animation: pulse 30s ease-in-out infinite;}

@-webkit-keyframes pulse {
 0% {transform: scale(0.9) rotate(0deg);}
 50% {transform: scale(1.0) rotate(0deg);}
 100% {transform: scale(0.9) rotate(0deg);}
}



.floating {
 animation: floating 3s ease-in-out infinite;
}

@-webkit-keyframes floating {
 0% {
   transform-origin: 0% 0%;
 }
 50% {
   transform-origin: 20% 40%;
 }
 100% {
   transform-origin: 0% 0%;
 }
}

/* ----------------------------- bgFx animations ---------------------------- */

.bgFx-zoomInOut {animation: zoomInOut 100s ease-in-out infinite;}

@-webkit-keyframes zoomInOut {
 0% {transform: scale(1) rotate(0deg);}
 50% {transform: scale(1.5) rotate(-10deg);}
 100% {transform: scale(1) rotate(0deg);}
}

.bgFx-scrollDown {animation: scrollDown 50s linear infinite;}

@-webkit-keyframes scrollDown {
  0% {background-position-Y: 0;}
 100% {background-position-Y: 66vh;}
}

.bgFx-scrollLeft {animation: scrollLeft 75s linear infinite;}

@-webkit-keyframes scrollLeft {
 0% {background-position-X: 0;}
 100% {background-position-X: -75vmin;}
}

.bgFx-scrollRight {animation: scrollLeft 75s linear infinite;}

@-webkit-keyframes scrollLeft {
 0% {background-position-X: 0;}
 100% {background-position-X: 66vmax;}
}

/* ----------------------------- animations state --------------------------- */

.pause {
    animation-play-state: paused;
}