@-webkit-keyframes anim-firstview-1 {
  0% {
    -webkit-filter: blur(30px);
            filter: blur(30px);
    opacity: 0;
  }
  80% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes anim-firstview-1 {
  0% {
    -webkit-filter: blur(30px);
            filter: blur(30px);
    opacity: 0;
  }
  80% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes anim-firstview-2 {
  0% {
    -webkit-filter: blur(30px);
            filter: blur(30px);
    -webkit-transform: translate(0, -5%), scale(1.5);
            transform: translate(0, -5%), scale(1.5);
    opacity: 0;
  }
  80% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: translate(0, 0), scale(1);
            transform: translate(0, 0), scale(1);
    opacity: 1;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: translate(0, 0), scale(1);
            transform: translate(0, 0), scale(1);
    opacity: 1;
  }
}
@keyframes anim-firstview-2 {
  0% {
    -webkit-filter: blur(30px);
            filter: blur(30px);
    -webkit-transform: translate(0, -5%), scale(1.5);
            transform: translate(0, -5%), scale(1.5);
    opacity: 0;
  }
  80% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: translate(0, 0), scale(1);
            transform: translate(0, 0), scale(1);
    opacity: 1;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: translate(0, 0), scale(1);
            transform: translate(0, 0), scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes grass_anim01 {
  to, from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
}
@keyframes grass_anim01 {
  to, from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
}
@-webkit-keyframes grass_anim02 {
  to, from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
}
@keyframes grass_anim02 {
  to, from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
}
@-webkit-keyframes glnav_separate {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes glnav_separate {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes anim-appear {
  0% {
    opacity: 0;
    -webkit-filter: blur(0.5px);
            filter: blur(0.5px);
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}
@keyframes anim-appear {
  0% {
    opacity: 0;
    -webkit-filter: blur(0.5px);
            filter: blur(0.5px);
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}
@-webkit-keyframes anim-hide {
  0% {
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-filter: blur(0.5em);
            filter: blur(0.5em);
  }
}
@keyframes anim-hide {
  0% {
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-filter: blur(0.5em);
            filter: blur(0.5em);
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0), screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  @-webkit-keyframes anim-appear {
    0% {
      opacity: 0;
      -webkit-filter: blur(0.5px);
              filter: blur(0.5px);
    }
    100% {
      opacity: 1;
      -webkit-filter: blur(0.04px);
              filter: blur(0.04px);
    }
  }
  @keyframes anim-appear {
    0% {
      opacity: 0;
      -webkit-filter: blur(0.5px);
              filter: blur(0.5px);
    }
    100% {
      opacity: 1;
      -webkit-filter: blur(0.04px);
              filter: blur(0.04px);
    }
  }
  @-webkit-keyframes anim-hide {
    0% {
      opacity: 1;
      -webkit-filter: blur(0.04px);
              filter: blur(0.04px);
    }
    100% {
      opacity: 0;
      -webkit-filter: blur(0.5em);
              filter: blur(0.5em);
    }
  }
  @keyframes anim-hide {
    0% {
      opacity: 1;
      -webkit-filter: blur(0.04px);
              filter: blur(0.04px);
    }
    100% {
      opacity: 0;
      -webkit-filter: blur(0.5em);
              filter: blur(0.5em);
    }
  }
}
@-webkit-keyframes anim-new {
  from {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes anim-new {
  from {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes anim-empty {}
@keyframes anim-empty {}
@-webkit-keyframes animation-bctop {
  from {
    background-position-x: 0px;
  }
  to {
    background-position-x: 1792px;
  }
}
@keyframes animation-bctop {
  from {
    background-position-x: 0px;
  }
  to {
    background-position-x: 1792px;
  }
}
@-webkit-keyframes anim-loading {
  0% {
    width: 20px;
    height: 20px;
    opacity: 1;
  }
  100% {
    width: 6px;
    height: 6px;
    opacity: 0.2;
    margin-left: 7px;
  }
}
@keyframes anim-loading {
  0% {
    width: 20px;
    height: 20px;
    opacity: 1;
  }
  100% {
    width: 6px;
    height: 6px;
    opacity: 0.2;
    margin-left: 7px;
  }
}
@-webkit-keyframes anim-arrow-l {
  0% {
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
  50% {
    -webkit-filter: brightness(1.3);
            filter: brightness(1.3);
  }
  100% {
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
}
@keyframes anim-arrow-l {
  0% {
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
  50% {
    -webkit-filter: brightness(1.3);
            filter: brightness(1.3);
  }
  100% {
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
}
@-webkit-keyframes anim-arrow-r {
  0% {
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
  50% {
    -webkit-filter: brightness(1.3);
            filter: brightness(1.3);
  }
  100% {
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
}
@keyframes anim-arrow-r {
  0% {
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
  50% {
    -webkit-filter: brightness(1.3);
            filter: brightness(1.3);
  }
  100% {
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
}
@-webkit-keyframes anim-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes anim-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes anim-flower {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes anim-flower {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes anim-stay {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes anim-stay {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes anim-glnav {
  from {
    background-position: 0%, 0%;
  }
  to {
    background-position: 0%, 100%;
  }
}
@keyframes anim-glnav {
  from {
    background-position: 0%, 0%;
  }
  to {
    background-position: 0%, 100%;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2021-6-3 14:15:6
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation bounce-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes bounce-in-bottom {
  0% {
    -webkit-transform: translateY(500px);
            transform: translateY(500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(65px);
            transform: translateY(65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(28px);
            transform: translateY(28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-bottom {
  0% {
    -webkit-transform: translateY(500px);
            transform: translateY(500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(65px);
            transform: translateY(65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(28px);
            transform: translateY(28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}