@charset "utf-8";
/* CSS Document */

h1 {
  margin: 0 0 .5em;
  padding: 0;
}

.animate-reveal {
  opacity: 0;
  -webkit-animation: reveal 0.5s linear 1 normal forwards;
     -moz-animation: reveal 0.5s linear 1 normal forwards;
       -o-animation: reveal 0.5s linear 1 normal forwards;
          animation: reveal 0.5s linear 1 normal forwards;
}

.animate-first {
  -webkit-animation-delay: 0;
     -moz-animation-delay: 0;
       -o-animation-delay: 0;
          animation-delay: 0;
}

.animate-second {
  -webkit-animation-delay: 500ms;
     -moz-animation-delay: 500ms;
       -o-animation-delay: 500ms;
          animation-delay: 500ms;
}

.animate-third {
  -webkit-animation-delay: 0.5s;
     -moz-animation-delay: 0.5s;
       -o-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-moz-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-o-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

/* scrollpoint styles */
.scrollpoint.sp-triggered {
    transition:.3s all linear;
}

/*Fade in and animate bottom to top*/
.fadeUp {
    opacity:0;
    position:relative;
    top:30px;
}
.fadeUp.sp-triggered {
    opacity:1;
    top:0;
}

/*Fade in and animate right to left*/
/*     <----- (fadein)*/
.fadeLeft {
    opacity:0;
    position:relative;
    left:30px;
}
.fadeLeft.sp-triggered {
    opacity:1;
    left:0;
}

/*Fade in and animate left to right*/
/*     -----> (fadein)*/
.fadeRight {
    opacity:0;
    position:relative;
    right:30px;
}
.fadeRight.sp-triggered {
    opacity:1;
    right:0;
}

/*Slide in from left side*/
/*     ----->*/
.slideRight {
    position:relative;
    right:100%;
}
.slideRight.sp-triggered {
    right:0;
}

/*Slide in from right side*/
/*     <-----*/
.slideLeft {
    position:relative;
    left:100%;
}
.slideLeft.sp-triggered {
    left:0;
}

/*Small slide in from right side*/
/*     ----->*/
.quickSlideRight {
    position:relative;
    right:50px;
}
.quickSlideRight.sp-triggered {
    right:0;
}

/* Zoom in */
.zoomIn {
    opacity:0;
    position: relative;
    transform: scale(.5);
}
.zoomIn.sp-triggered {
    opacity:1;
    zoom: 1;
    transform: scale(1);
}