/* CSS3 Animation Keyframes */

@-webkit-keyframes stdFadeIn {
  0%   { opacity: 0; }
  100% {opacity: 1;}
}
@keyframes stdFadeIn {
  0%   { opacity: 0; }
  100% {opacity: 1;}
}


@-webkit-keyframes stdFadeIn2 {
  0%   { opacity: 0; }
  33%   { opacity: 0; }
  100% {opacity: 1;}
}
@keyframes stdFadeIn2 {
  0%   { opacity: 0; }
  33%   { opacity: 0; }
  100% {opacity: 1;}
}


@-webkit-keyframes stdZoomIn3 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0,0);
  }
  33% {
    opacity: 1;
    -webkit-transform: scale(0,0);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1,1); 
  }
  90% {
    -webkit-transform: rotate(15deg);
  }
  95% {
    -webkit-transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0deg) ;
  }
}
@keyframes stdZoomIn3 {
  0% {
    opacity: 0;
    transform: scale(0,0);
  }
  33% {
    opacity: 1;
    transform: scale(0,0);
  }
  80% {
    opacity: 1;
    transform: scale(1,1);
  }
  90% {
    transform: rotate(15deg);
  }
  95% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg) ;
  }
}


@-webkit-keyframes stdFadeIn4 {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes stdFadeIn4 {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@-webkit-keyframes stdSlideInLeft4 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-100%,0);
  }
  75% {
    opacity: 0;
    -webkit-transform: translate(-100%,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0,0);
  }
}
@keyframes stdSlideInLeft4 {
  0% {
    opacity: 0;
    transform: translate(-100%,0);
  }
  75% {
    opacity: 0;
    transform: translate(-100%,0);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}


@-webkit-keyframes stdSlideInRight4 {
  0% {
    opacity: 0;
    -webkit-transform: translate(100%,0);
  }
  75% {
    opacity: 0;
    -webkit-transform: translate(100%,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0,0);
  }
}
@keyframes stdSlideInRight4 {
  0% {
    opacity: 0;
    transform: translate(100%,0);
  }
  75% {
    opacity: 0;
    transform: translate(100%,0);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}


@-webkit-keyframes stdSlideInTop5 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0,-100%);
  }
  75% {
    opacity: 0;
    -webkit-transform: translate(0,-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0,0);
  }
}
@keyframes stdSlideInTop5 {
  0% {
    opacity: 0;
    transform: translate(0,-100%);
  }
  75% {
    opacity: 0;
    transform: translate(0,-100%);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}


@-webkit-keyframes stdSlideInLeft5 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-100%,0);
  }
  85% {
    opacity: 0;
    -webkit-transform: translate(-100%,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0,0);
  }
}
@keyframes stdSlideInLeft5 {
  0% {
    opacity: 0;
    transform: translate(-100%,0);
  }
  85% {
    opacity: 0;
    transform: translate(-100%,0);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}


@-webkit-keyframes stdSlideInRight5 {
  0% {
    opacity: 0;
    -webkit-transform: translate(100%,0);
  }
  85% {
    opacity: 0;
    -webkit-transform: translate(100%,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0,0);
  }
}
@keyframes stdSlideInRight5 {
  0% {
    opacity: 0;
    transform: translate(100%,0);
  }
  85% {
    opacity: 0;
    transform: translate(100%,0);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}


@-webkit-keyframes stdZoomIn6 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0,0);
  }
  85% {
    opacity: 1;
    -webkit-transform: scale(0,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1,1); 
  }
}
@keyframes stdZoomIn6 {
  0% {
    opacity: 0;
    transform: scale(0,0);
  }
  85% {
    opacity: 1;
    transform: scale(0,0);
  }
  100% {
    opacity: 1;
    transform: scale(1,1);
  }
}


@-webkit-keyframes stdFadeIn6 {
  0% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes stdFadeIn6 {
  0% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@-webkit-keyframes stdSlideInLeft7 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-100%,0);
  }
  90% {
    opacity: 0;
    -webkit-transform: translate(-100%,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0,0);
  }
}
@keyframes stdSlideInLeft7 {
  0% {
    opacity: 0;
    transform: translate(-100%,0);
  }
  90% {
    opacity: 0;
    transform: translate(-100%,0);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}


@-webkit-keyframes stdSlideInLeft8 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-100%,0);
  }
  1% {
    opacity: 0;
    -webkit-transform: translate(-100%,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0,0);
  }
}
@keyframes stdSlideInLeft8 {
  0% {
    opacity: 0;
    transform: translate(-100%,0);
  }
  1% {
    opacity: 0;
    transform: translate(-100%,0);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}


@-webkit-keyframes stdSlideInRight2-1 {
  0% {
    opacity: 0;
    -webkit-transform: translate(100%,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0,0);
  }
}
@keyframes stdSlideInRight2-1 {
  0% {
    opacity: 0;
    transform: translate(100%,0);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}


@-webkit-keyframes stdFadeIn2-1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes stdFadeIn2-1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@-webkit-keyframes stdSlideInUp2-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0,100vh);
  }
  25% {
    opacity: 0;
    -webkit-transform: translate(0,100vh);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0,0);
  }
}
@keyframes stdSlideInUp2-2 {
  0% {
    opacity: 0;
    transform: translate(0,100vh);
  }
  25% {
    opacity: 0;
    transform: translate(0,100vh);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}


@-webkit-keyframes stdRollInLeft2-3 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-100vw,0) rotate(-720deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(-100vw,0) rotate(-720deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0,0) rotate(0deg);
  }
}
@keyframes stdRollInLeft2-3 {
  0% {
    opacity: 0;
    transform: translate(-100vw,0) rotate(-720deg);
  }
  50% {
    opacity: 1;
    transform: translate(-100vw,0) rotate(-720deg);
  }
  100% {
    opacity: 1;
    transform: translate(0,0) rotate(0deg);
  }
}


@-webkit-keyframes stdSlideInLeft2-4 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-100vw,0);
  }
  75% {
    opacity: 0;
    -webkit-transform: translate(-100vw,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0,0);
  }
}
@keyframes stdSlideInLeft2-4 {
  0% {
    opacity: 0;
    transform: translate(-100vw,0);
  }
  75% {
    opacity: 0;
    transform: translate(-100vw,0);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}


@-webkit-keyframes stdZoomIn2-5 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0,0);
  }
  75% {
    opacity: 1;
    -webkit-transform: scale(0,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1,1); 
  }
}
@keyframes stdZoomIn2-5 {
  0% {
    opacity: 0;
    transform: scale(0,0);
  }
  75% {
    opacity: 1;
    transform: scale(0,0);
  }
  100% {
    opacity: 1;
    transform: scale(1,1);
  }
}


@-webkit-keyframes stdFadeIn2-5 {
  0% {
    opacity: 0;
  }
  85% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes stdFadeIn2-5 {
  0% {
    opacity: 0;
  }
  85% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@-webkit-keyframes stdSlideInLeft3-1 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-100vw,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0,0);
  }
}
@keyframes stdSlideInLeft3-1 {
  0% {
    opacity: 0;
    transform: translate(-100vw,0);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}