@charset "UTF-8";

@-webkit-keyframes fadeInUpSS {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpSS {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpSS {
  -webkit-animation-name: fadeInUpSS;
  animation-name: fadeInUpSS;
}

@-webkit-keyframes fadeInDownSS {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownSS {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownSS {
  -webkit-animation-name: fadeInDownSS;
  animation-name: fadeInDownSS;
}

@-webkit-keyframes fadeInLeftSS {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftSS {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftSS {
  -webkit-animation-name: fadeInLeftSS;
  animation-name: fadeInLeftSS;
}

@-webkit-keyframes fadeInRightSS {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightSS {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightSS {
  -webkit-animation-name: fadeInRightSS;
  animation-name: fadeInRightSS;
}


/* delay */

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 2.0s;
  animation-delay: 2.0s;
}
.animate__animated.animate__delay-6s {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
.animate__animated.animate__delay-7s {
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s;
}

@media screen and (max-width:768px){
.animate__animated.animate__delay-1s,
.animate__animated.animate__delay-2s,
.animate__animated.animate__delay-3s,
.animate__animated.animate__delay-4s,
.animate__animated.animate__delay-5s,
.animate__animated.animate__delay-6s,
.animate__animated.animate__delay-7s {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#header .animate__animated.animate__delay-5s {
  -webkit-animation-delay: 2.0s;
  animation-delay: 2.0s;
}
}