/* scrollpoint styles */
.scrollpoint.sp-triggered {
    transition:.5s all linear;
}

.fadeIn {
  opacity: 0
}

.fadeIn.sp-triggered {
  opacity: 1
}

.fadeOut {
  opacity: 1
}

.fadeOut.sp-triggered {
  opacity: 0
}

.fadeInUp {
  opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.fadeInUp.sp-triggered {
  opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fadeInUpBig {
  opacity: 0;
    -webkit-transform: translate3d(0, 500px, 0);
    transform: translate3d(0, 100px, 0);
}

.fadeInUpBig.sp-triggered {
  opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: .8s all linear;
}

.rotateInDownLeft {
  -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}

.rotateInDownLeft.sp-triggered {
  -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition-delay: .5s;
}

.rotateInUpLeft {
  -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}

.rotateInUpLeft.sp-triggered {
  -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition-delay: .1s;
}

.fadeInLeft {
  opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.fadeInLeft.sp-triggered {
  opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


.zoomIn {
  opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}

.zoomIn.sp-triggered {
  opacity: 1;
  -webkit-transform: scale3d(1.0, 1.0, 1.0);
    transform: scale3d(1.0, 1.0, 1.0);
}