/* animations */
.anim-scale-up-center.animateme {
  -webkit-animation: scale-up-center 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: scale-up-center 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

}
.anim-scale-up-center.noanimfornow {
    -webkit-transform: scale(.2) translateY(-800px);
    transform: scale(.2) translateY(-800px);

}
@keyframes scale-up-center {
  0%{
    -webkit-transform: scale(.2) translateY(-800px);
    transform: scale(.2) translateY(-800px);
  }
  100%{
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}
/**/
/**
 * ----------------------------------------
 * animation slide-fwd-top
 * ----------------------------------------
 */
 .slide-fwd-top.animateme {
 	-webkit-animation: slide-fwd-top 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
 	        animation: slide-fwd-top 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
 }
 .slide-fwd-top.noanimfornow {
     transform: scale(0.5);
     transform-origin: 50% 100%;

 }
@-webkit-keyframes slide-fwd-top {
    0% {
		transform: scale(0.5);
		transform-origin: 50% 100%;
	}

	100% {
		transform: scale(1);
		transform-origin: 50% 100%;
	}
}
@keyframes slide-fwd-top {
    0% {
		transform: scale(0.5);
		transform-origin: 50% 100%;
	}

	100% {
		transform: scale(1);
		transform-origin: 50% 100%;
	}
}

/**/

.anim-flip-in-horizontal.anim-visible {
  -webkit-animation: flip-in-horizontal 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: flip-in-horizontal 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes flip-in-horizontal {
  0%{
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    opacity: 0;
  }
  100%{
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}

.anim-slide-in-left.anim-visible, .position-right .ws-double-block-img.anim-visible,
.text-on-img-block.position-right .text-on-img-img.anim-visible,
.text-on-img-block.position-left .text-on-img-wrap.anim-visible {
  -webkit-animation: slide-in-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-in-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes slide-in-left {
  0%{
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
    opacity: 0;
  }
  100%{
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.anim-slide-in-right.anim-visible, .position-left .ws-double-block-img.anim-visible,
.text-on-img-block.position-left .text-on-img-img.anim-visible,
.text-on-img-block.position-right .text-on-img-wrap.anim-visible  {
  -webkit-animation: slide-in-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-in-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes slide-in-right {
  0%{
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0;
  }
  100%{
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.anim-slide-in-top.anim-visible {
  -webkit-animation: slide-in-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-in-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes slide-in-top {
  0%{
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  100%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.anim-slide-in-bottom.anim-visible {
  -webkit-animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes slide-in-bottom {
  0%{
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
 }
  100%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
/* small top and bottom animations */
.anim-slide-in-top-small.anim-visible {
  -webkit-animation: slide-in-top-small 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-in-top-small 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes slide-in-top-small {
  0%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
  100%{
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem);
    opacity: 1;
  }
}
.anim-slide-in-bottom-small.anim-visible {
  -webkit-animation: slide-in-bottom-small 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-in-bottom-small 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes slide-in-bottom-small {
  0%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100%{
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
  }
}
/* animations textblock cover */
.anim-slide-block-right.anim-visible {
  -webkit-animation: slide-block-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-block-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes slide-block-right {
  0%{
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100%{
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.anim-slide-block-left.anim-visible {
  -webkit-animation: slide-block-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-block-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes slide-block-left {
  0%{
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100%{
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
/* image animation in block text_two_images */
.anim-slide-img-bottom.anim-visible {
    -webkit-animation: scale-up-tr 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000)  both;
	        animation: scale-up-tr 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000)  both;
}
@-webkit-keyframes scale-up-tr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
}
@keyframes scale-up-tr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
}

.anim-slide-img-top.anim-visible {
	-webkit-animation: scale-up-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000)  both;
	        animation: scale-up-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000)  both;
}
@-webkit-keyframes scale-up-bottom {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
}
@keyframes scale-up-bottom {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
}
/* images at the left */
.anim-slide-img-bottom-l.anim-visible {
    -webkit-animation: scale-up-tl 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000)  both;
	        animation: scale-up-tl 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000)  both;
}
@-webkit-keyframes scale-up-tl {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}
@keyframes scale-up-tl {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}

.anim-slide-img-top-l.anim-visible {
	-webkit-animation: scale-up-bottom-l 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000)  both;
	        animation: scale-up-bottom-l 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000)  both;
}
@-webkit-keyframes scale-up-bottom-l {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
}
@keyframes scale-up-bottom-l {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
}
/* slide bottom infinite */
.anim-slide-in-top-infinite {
  -webkit-animation: anim-slide-in-top-infinite 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
  animation: anim-slide-in-top-infinite 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
}
@keyframes anim-slide-in-top-infinite {
    0%{
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
    50%{
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
    90%{
      -webkit-transform: translateY(.75rem);
      transform: translateY(.75rem);
      opacity: 0;
    }
    100%{
      opacity: 0;
    }
}
