/*@mixin radial-spin () {

    // explanation http://davidwalsh.name/css-circles 
    @-webkit-keyframes spin {
        from {
            -webkit-transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(360deg);
        }
    }

    @-moz-keyframes spin {
        from {
            -moz-transform: rotate(0deg);
        }

        to {
            -moz-transform: rotate(360deg);
        }
    }

    @-ms-keyframes spin {
        from {
            -ms-transform: rotate(0deg);
        }

        to {
            -ms-transform: rotate(360deg);
        }
    }
}*/
.scroll-anim.show-simple, .scroll-anim {
  perspective: 1000;
  backface-visibility: hidden;
}

span.scroll-anim,
i.scroll-anim,
em.scroll-anim,
b.scroll-anim,
strong.scroll-anim,
small.scroll-anim {
  display: inline-block;
}

.scroll-anim {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.scroll-anim.show-simple {
  -moz-opacity: 0;
  -o-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -webkit-transition: -webkit-opacity var(--sk-scroll-anim-speed, 0.6s) ease-out;
  -moz-transition: -moz-opacity var(--sk-scroll-anim-speed, 0.6s) ease-out;
  -ms-transition: -ms-filter var(--sk-scroll-anim-speed, 0.6s) ease-out;
  transition: opacity var(--sk-scroll-anim-speed, 0.6s) ease-out;
}
.scroll-anim.show-simple.showed {
  -moz-opacity: 1;
  -o-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
}
.scroll-anim.show-up {
  -moz-opacity: 0;
  -o-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(var(--sk-scroll-anim-ypos, 20px));
  -moz-transform: translateY(var(--sk-scroll-anim-ypos, 20px));
  -o-transform: translateY(var(--sk-scroll-anim-ypos, 20px));
  -ms-transform: translateY(var(--sk-scroll-anim-ypos, 20px));
  transform: translateY(var(--sk-scroll-anim-ypos, 20px));
  -webkit-transition: -webkit-transform var(--sk-scroll-anim-speed, 0.6s) ease-out, -webkit-opacity var(--sk-scroll-anim-speed, 0.6s) ease-out;
  -moz-transition: -moz-transform var(--sk-scroll-anim-speed, 0.6s) ease-out, -moz-opacity var(--sk-scroll-anim-speed, 0.6s) ease-out;
  -o-transform: -o-transform var(--sk-scroll-anim-speed, 0.6s) ease-out, -o-opacity var(--sk-scroll-anim-speed, 0.6s) ease-out;
  -ms-transition: -ms-transform var(--sk-scroll-anim-speed, 0.6s) ease-out, opacity var(--sk-scroll-anim-speed, 0.6s) ease-out;
  transition: transform var(--sk-scroll-anim-speed, 0.6s) ease-out, opacity var(--sk-scroll-anim-speed, 0.6s) ease-out;
}
.scroll-anim.show-up.showed {
  -moz-opacity: 1;
  -o-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.scroll-anim.show-rotate-3 {
  -moz-rotate: 3deg;
  -webkit-rotate: 3deg;
  -o-rotate: 3deg;
  rotate: 3deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.scroll-anim.show-rotate-5 {
  -moz-rotate: 5deg;
  -webkit-rotate: 5deg;
  -o-rotate: 5deg;
  rotate: 5deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.scroll-anim.show-rotate-45 {
  -moz-rotate: 45deg;
  -webkit-rotate: 45deg;
  -o-rotate: 45deg;
  rotate: 45deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.scroll-anim.show-rotate--3 {
  -moz-rotate: -3deg;
  -webkit-rotate: -3deg;
  -o-rotate: -3deg;
  rotate: -3deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.scroll-anim.show-rotate--5 {
  -moz-rotate: -5deg;
  -webkit-rotate: -5deg;
  -o-rotate: -5deg;
  rotate: -5deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.scroll-anim.show-rotate--45 {
  -moz-rotate: -45deg;
  -webkit-rotate: -45deg;
  -o-rotate: -45deg;
  rotate: -45deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.scroll-anim[class*=show-rotate-] {
  -webkit-transition: rotate var(--sk-scroll-anim-speed, 0.6s) ease-out;
  -moz-transition: rotate var(--sk-scroll-anim-speed, 0.6s) ease-out;
  -o-transition: rotate var(--sk-scroll-anim-speed, 0.6s) ease-out;
  transition: rotate var(--sk-scroll-anim-speed, 0.6s) ease-out;
}
.scroll-anim[class*=show-rotate-].showed {
  -moz-rotate: 0deg;
  -webkit-rotate: 0deg;
  -o-rotate: 0deg;
  rotate: 0deg;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.scroll-anim.show-delay-1 {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.scroll-anim.show-delay-2 {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.scroll-anim.show-delay-3 {
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.scroll-anim.show-delay-4 {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.scroll-anim.show-delay-5 {
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.scroll-anim.show-delay-6 {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
.scroll-anim.show-delay-7 {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.scroll-anim.show-delay-8 {
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
.scroll-anim.show-delay-9 {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}

@media (min-width: 768px) {
  .scroll-anim,
  .scroll-anim .d-primary {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
  }
  .scroll-anim.show-delay-1 {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .scroll-anim.show-delay-2 {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  .scroll-anim.show-delay-3 {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .scroll-anim.show-delay-4 {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
  .scroll-anim.show-delay-5 {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
  .scroll-anim.show-delay-6 {
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
  }
  .scroll-anim.show-delay-7 {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
  }
  .scroll-anim.show-delay-8 {
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
  }
  .scroll-anim.show-delay-9 {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
  }
}

/*# sourceMappingURL=scroll-anim.css.map */