﻿/* begin Teal_eye_look webkit animation */
@-webkit-keyframes Teal_eye_look {
    20% {-webkit-transform: translate(35px,0);}
    40% {}
    60% {-webkit-transform: translate(-35px,0);}
    80% {}
    100% {-webkit-transform: translate(0em,0);}
}
.Teal_eye_look {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: Teal_eye_look;
    -webkit-transform-origin: center top 0;
    -webkit-animation-timing-function: ease;
    -webkit-animation-duration: 3s;
}
/* end Teal_eye_look webkit animation */
/* begin Teal_eye_look animation */
@keyframes Teal_eye_look {
    20% {transform: translate(35px,0);}
    40% {}
    60% {transform: translate(-35px,0);}
    80% {}
    100% {transform: translate(0em,0);}
}
.Teal_eye_look {
    animation-iteration-count: infinite;
    animation-name: Teal_eye_look;
    transform-origin: center top 0;
    animation-timing-function:ease;
    animation-duration: 3s;
}
/* end Teal_eye_look animation */
/* begin eye_huge_blink_top webkit animation */
@-webkit-keyframes eye_huge_blink_top {
    0% {}
    20% {}
    40% {-webkit-transform: translate(0,58px)}
    60% {}
    80% {}
    100% {-webkit-transform: translate(0,-58px)}
}
.eye_huge_blink_top  {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: eye_huge_blink_top;
    -webkit-transform-origin: center top 0;
    -webkit-animation-timing-function: ease;
    -webkit-animation-duration: 1.5s;
}
/* end eye_huge_blink webkit animation */
/* begin eye_huge_blink top animation */
@keyframes eye_huge_blink_top {
    0% {}
    20% {}
    40% {transform: translate(0,58px)}
    60% {}
    80% {}
    100% {transform: translate(0,-58px)}
}
.eye_huge_blink_top {
    animation-iteration-count: infinite;
    animation-name: eye_huge_blink_top;
    transform-origin: center top 0;
    animation-timing-function: ease;
    animation-duration: 1.5s;
}
/* end eye_huge_blink_top animation */
/* begin eye_huge_blink_bot webkit animation */
@-webkit-keyframes eye_huge_blink_bot {
    0% {}
    20% {}
    40% {-webkit-transform: translate(0,-14px)}
    60% {}
    80% {}
    100% {}
}
.eye_huge_blink_bot {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: eye_huge_blink_bot;
    -webkit-transform-origin: center top 0;
    -webkit-animation-timing-function: ease;
    -webkit-animation-duration: 1.5s;
}
/* end eye_huge_blink_bot webkit animation */
/* begin eye_huge_blink bot animation */
@keyframes eye_huge_blink_bot {
    20% {}
    40% {transform: translate(0,-14px)}
    60% {}
    80% {}
    100% {}
}
.eye_huge_blink_bot {
    animation-iteration-count: infinite;
    animation-name: eye_huge_blink_bot;
    transform-origin: center top 0;
    animation-timing-function: ease;
    animation-duration: 1.5s;
}
/* end eye_huge_blink bot animation */
/* begin CATleftandright webkit animation */
@-webkit-keyframes CATleftandright {
20% {
    -webkit-transform: translate(2px,0);
    }
40% {
    -webkit-transform: translate(5px,0);
    }
60% {
    -webkit-transform: translate(5px,0);
    }
80% {
    -webkit-transform: translate(-5px,0);
    }
100% {
    -webkit-transform: translate(0px,0);
    }
}
.CATleftandright {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: CATleftandright;
    -webkit-transform-origin: center top 0;
    -webkit-animation-timing-function: ease;
    -webkit-animation-duration: 3s;
}
/* end CATleftandright webkit animation */
/* begin CATleftandright animation */
@keyframes CATleftandright {
20% {
    transform: translate(2px,0);
    }
40% {
    transform: translate(5px,0);
    }
60% {
    transform: translate(5px,0);
}
80% {
    transform: translate(-5px,0);
    }
100% {
    transform: translate(0px,0);
    }
}
.CATleftandright {
    animation-iteration-count: infinite;
    animation-name: CATleftandright;
    transform-origin: center top 0;
    animation-timing-function: ease;
    animation-duration: 3s;
}
/* end CATleftandright animation */
/* begin Yellow_eye_look webkit animation */
@-webkit-keyframes Yellow_eye_look {
    20% {-webkit-transform: translate(5px,0);}
    40% {}
    60% {-webkit-transform: translate(-5px,0);}
    80% {}
    100% {-webkit-transform: translate(0em,0);}
}
.Yellow_eye_look {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: Yellow_eye_look;
    -webkit-transform-origin: center top 0;
    -webkit-animation-timing-function:ease;
    -webkit-animation-duration: 3s;
}
/* end Yellow_eye_look webkit animation */
/* begin Yellow_eye_look animation */
@keyframes Yellow_eye_look {
    20% {transform: translate(5px,0);}
    40% {}
    60% {transform: translate(-5px,0);}
    80% {}
    100% {transform: translate(0em,0);}
}
.Yellow_eye_look {
    animation-iteration-count: infinite;
    animation-name: Yellow_eye_look;
    transform-origin: center top 0;
    animation-timing-function: ease;
    animation-duration: 3s;
}
/* end Yellow_eye_look animation */
/* begin Right_eye_spin webkit animation */
@-webkit-keyframes Right_eye_spin {
    20% {}
    40% {}
    60% {}
    80% {}
    100% {-webkit-transform: rotate(360deg);}
}
.Right_eye_spin {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: Right_eye_spin;
    -webkit-transform-origin: center center 0;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 1s;
}
/* end Right_eye_spin webkit animation */
/* begin Right_eye_spin animation */
@keyframes Right_eye_spin {
    20% {}
    40% {}
    60% {}
    80% {}
    100% {transform: rotate(360deg);}
}
.Right_eye_spin {
    animation-iteration-count: infinite;
    animation-name: Right_eye_spin;
    animation-timing-function: linear;
    transform-origin: center center 0;
    animation-duration: 1s;
}
/* end Right_eye_spin animation */
/* begin Levitate_eye_leftside webkit animation */
@-webkit-keyframes levitate_eye_leftside{
  0% {-webkit-transform: translateY(-5px);}
  50% {-webkit-transform: translateY(0px);}
  100%{-webkit-transform: translateY(-5px);}
}
.levitate_eye_leftside {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: levitate_eye_leftside;
    -webkit-transform-origin: center top 0;
    -webkit-animation-timing-function: ease;
    -webkit-animation-duration: 1.5s;
}
/* end Levitate_eye_leftside webkit animation */
/* begin Levitate_eye_leftside animation */
@keyframes levitate_eye_leftside{
  0% {transform: translateY(-5px);}
  50% {transform: translateY(3px);}
  100%{transform: translateY(-5px);}
}
.levitate_eye_leftside {
    animation-iteration-count: infinite;
    animation-name: levitate_eye_leftside;
    transform-origin: center top 0;
    animation-timing-function: ease;
    animation-duration: 1.5s;
}
/* end Levitate_eye_leftside animation */

/* begin bushes_shake webkit animation */
@-webkit-keyframes bushes_shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-2px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
  }
}
.bushes_shake {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: bushes_shake;
    -webkit-transform-origin: center top 0;
    -webkit-animation-timing-function: ease;
    -webkit-animation-duration: 1.5s;
}
/* end bushes_shake webkit animation */
/* begin bushes_shake animation */
@keyframes bushes_shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-2px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(2px, 0, 0);
  }
}
.bushes_shake {
    animation-iteration-count: infinite;
    animation-name: bushes_shake;
    transform-origin: center top 0;
    animation-timing-function: ease;
    animation-duration: 1.5s;
}

/* end bushes_shake animation */
/* begin bushes leaves  animation */

@-webkit-keyframes hinge_bushes_leaves1 {
  0% {
    -webkit-transform-origin: bottom left;
    -webkit-animation-timing-function: ease;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, -15deg);
    -webkit-transform-origin: bottom left;
    -webkit-animation-timing-function: ease;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -webkit-transform-origin: bottom left;
    -webkit-animation-timing-function: ease;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 60deg) translate3d(25px, 10px, 0);
  }
}

.hinge_bushes_leaves1 {
  -webkit-animation-iteration-count: 1;
  -webkit-animation-name: hinge_bushes_leaves1;
  -webkit-transform-origin: center top 0;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
}

@keyframes hinge_bushes_leaves1 {
  0% {
    transform-origin: bottom left;
    animation-timing-function: ease;
  }

  20%, 60% {
    transform: rotate3d(0, 0, 1, -15deg);
    transform-origin: bottom left;
    animation-timing-function: ease;
  }

  40%, 80% {
    transform: rotate3d(0, 0, 1, 15deg);
    transform-origin: bottom left;
    animation-timing-function: ease;
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 60deg) translate3d(25px, 10px, 0);
  }
}

.hinge_bushes_leaves1 {
  animation-iteration-count: 1;
  animation-name: hinge_bushes_leaves1;
  transform-origin: center top 0;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

@-webkit-keyframes hinge_bushes_leaves2{
  0% {
    -webkit-transform-origin: bottom left;
    -webkit-animation-timing-function: ease;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, -15deg);
    -webkit-transform-origin: bottom left;
    -webkit-animation-timing-function: ease;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -webkit-transform-origin: bottom left;
    -webkit-animation-timing-function: ease;
  }

  to {
    -webkit-transform:  rotate3d(0, 0, 1, 60deg) translate3d(75px, 20px, 0);
  }
}

.hinge_bushes_leaves2{
  -webkit-animation-iteration-count: 1;
  -webkit-animation-name: hinge_bushes_leaves2;
  -webkit-transform-origin: center top 0;
  -webkit-animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
}

@keyframes hinge_bushes_leaves2{
  0% {
    transform-origin: bottom left;
    animation-timing-function: ease;
  }

  20%, 60% {
    transform: rotate3d(0, 0, 1, -15deg);
    transform-origin: bottom left;
    animation-timing-function: ease;
  }

  40%, 80% {
    transform: rotate3d(0, 0, 1, 15deg);
    transform-origin: bottom left;
    animation-timing-function: ease;
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 60deg) translate3d(75px, 20px, 0);
  }
}

.hinge_bushes_leaves2 {
    animation-iteration-count: 1;
    animation-name: hinge_bushes_leaves2;
    transform-origin: center top 0;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

/* end bushes leaves  animation */
/* begin tree leaves  animation */

@-webkit-keyframes leaf_right1_fall {
  0% {
    -webkit-transform-origin: center top;
    -webkit-animation-timing-function: ease;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, -30deg);
    -webkit-transform-origin: center top;
    -webkit-animation-timing-function: ease;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: center top;
    -webkit-animation-timing-function: ease;
  }
    90% {
    -webkit-transform-origin: center top;
    -webkit-animation-timing-function: ease;
    -webkit-transform: rotate3d(60deg) translate3d(-60px, 100px);
    -webkit-opacity: 1;
  }

  to {
    -webkit-transform: translate3d(5px, 210px, 0);
  }
}

.leaf_right1_fall{
  -webkit-animation-iteration-count: 1;
  -webkit-animation-name: leaf_right1_fall;
  -webkit-transform-origin: center top 0;
  -webkit-animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
}

@keyframes leaf_right1_fall{
  0% {
    transform-origin: center top;
    animation-timing-function: ease;
  }

  20%, 60% {
    transform: rotate3d(0, 0, 1, -30deg);
    transform-origin: center top;
    animation-timing-function: ease;
  }

  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: center top;
    animation-timing-function: ease;
    opacity: 1;
  }
  90% {
    transform-origin: center top;
    animation-timing-function: ease;
    transform: rotate3d(60deg) translate3d(-60px, 100px);
    opacity: 1;
  }
  to {
    transform: translate3d(5px, 210px, 0);
  }
}

.leaf_right1_fall{
  animation-iteration-count: 1;
  animation-name: leaf_right1_fall;
  transform-origin: center top 0;
  animation-duration: 5s;
  animation-fill-mode: forwards;
}

/* end tree leaves  animation */
/* begin cat tv animation */
@-webkit-keyframes cat_tv_pop {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0);
    -webkit-transform-origin: center top;
    -webkit-animation-timing-function: ease;
  }

  20%, 60% {
    -webkit-transform: translate3d(0px, -25px, 0);
    -webkit-transform-origin: center top;
    -webkit-animation-timing-function: ease;
  }

  40%, 80% {
    -webkit-transform: translate3d(0px, -50px, 0);
    -webkit-transform-origin: center top;
    -webkit-animation-timing-function: ease;
  }

  to {
    -webkit-transform: translate3d(0px, 0px, 0);
  }
}

.cat_tv_pop {
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: cat_tv_pop;
  -webkit-transform-origin: center top 0;
  -webkit-animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
}

@keyframes cat_tv_pop {
  0% {
    transform: translate3d(0px, 0px, 0);
    transform-origin: center top;
    animation-timing-function: ease;
  }

  20% {
    transform: translate3d(0px, -50px, 0);
    transform-origin: center top;
    animation-timing-function: ease;
  }
  60% {
    transform: translate3d(0px, -50px, 0);
    transform-origin: center top;
    animation-timing-function: ease;
  }
  80% {
    transform: translate3d(0px, -50px, 0);
    transform-origin: center top;
    animation-timing-function: ease;
  }
  to {
    transform: translate3d(0px, 0px, 0);
  }
}

.cat_tv_pop {
  animation-iteration-count: infinite;
  animation-name: cat_tv_pop;
  transform-origin: center top 0;
  animation-duration: 5s;
  animation-fill-mode: forwards;
}

/* end cat tv animation */
/* begin cat tail animation */

@-webkit-keyframes cat_tv_tail_move {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0);
    -webkit-transform-origin: center top;
    -webkit-animation-timing-function: ease;
  }

  20%, 60% {
    -webkit-transform: translate3d(-15px, -5px, 0);
    -webkit-transform-origin: center top;
    -webkit-animation-timing-function: ease;
  }

  40%, 80% {
    -webkit-transform: translate3d(30px, -10px, 0);
    -webkit-transform-origin: center top;
    -webkit-animation-timing-function: ease;
  }

  to {
    -webkit-transform: translate3d(0px, 0px, 0);
  }
}

.cat_tv_tail_move {
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-name: cat_tv_tail_move;
  -webkit-transform-origin: center top 0;
  -webkit-animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
}

@keyframes cat_tv_tail_move {
  0% {
    transform: translate3d(0px, 0px, 0);
    transform-origin: center top;
    animation-timing-function: ease;
  }

  20%, 60% {
    transform: translate3d(15px, -5px, 0);
    transform-origin: center top;
    animation-timing-function: ease;
  }

  40%, 80% {
    transform: translate3d(30px, -10px, 0);
    transform-origin: center top;
    animation-timing-function: ease;
  }
  to {
    transform: translate3d(0px, 0px, 0);
  }
}

.cat_tv_tail_move {
  animation-iteration-count: infinite;
  animation-name: cat_tv_tail_move;
  transform-origin: center top 0;
  animation-duration: 5s;
  animation-fill-mode: forwards;
}
/* end cat tail animation */

/* begin flower grow animation */
@-webkit-keyframes flower_grow {
  0% {
    -webkit-transform: scale(0.5,0.5) translate3d(0px, 0px, 0);
    -webkit-transform-origin: center top;
    -webkit-animation-timing-function: ease;
  }

  40% {
    -webkit-transform: scale(0.75,0.75) translate3d(0px, -25px, 0);
    -webkit-transform-origin: center top;
    -webkit-animation-timing-function: ease;
    opacity: 1;
  }

  80% {
    -webkit-transform: scale(1,1) translate3d(0px, -50px, 0);
    -webkit-transform-origin: center top;
    -webkit-animation-timing-function: ease;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0px, -50px, 0);
    -webkit-transform-origin: center top;
    opacity: 1;
  }
}

.flower_grow {
  -webkit-animation-iteration-count: 1;
  -webkit-animation-name: flower_grow;
  -webkit-transform-origin: center top 0;
  -webkit-animation-duration: 5s;
  -webkit-animation-fill-mode: forwards;
}

@keyframes flower_grow {
  0% {
    transform:  scale(0.5,0.5) translate3d(0px, 0px, 0);
    transform-origin: center top;
    animation-timing-function: ease;
  }

  40% {
    transform: scale(0.75,0.75) translate3d(0px, -25px, 0);
    transform-origin: center top;
    animation-timing-function: ease;
    opacity: 1;
  }

  80% {
    transform: scale(1,1) translate3d(0px, -50px, 0);
    transform-origin: center top;
    animation-timing-function: ease;
    opacity: 1;
  }
  to {
    transform: translate3d(0px, -50px, 0);
    transform-origin: center top;
    opacity: 1;
  }
}

.flower_grow {
  animation-iteration-count: 1;
  animation-name: flower_grow;
  transform-origin: center top 0;
  animation-duration: 5s;
  animation-fill-mode: forwards;
}

/* end flower grow animation */


@-webkit-keyframes tree_flipInX {
  from {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    opacity: 1;
  }

  40% {
    -webkit-transform: rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: rotate3d(1, 0, 0, 10deg);
  }

  80% {
    -webkit-transform: rotate3d(1, 0, 0, -5deg);
  }
    to {
    opacity: 1;
  }
}

.tree_flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: tree_flipInX;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: center bottom 0;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
}
@keyframes tree_flipInX {
  from {
    transform: rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 1;
  }

  40% {
    transform: rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: rotate3d(1, 0, 0, 10deg);
  }
  80% {
    transform: rotate3d(1, 0, 0, -5deg);
  }
      to {
    opacity: 1;
  }
}

.tree_flipInX {
  backface-visibility: visible !important;
  animation-name: tree_flipInX;
  animation-iteration-count: 1;
  transform-origin: center bottom 0;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}


@-webkit-keyframes wave_move {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-7px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(7px, 0, 0);
  }
}
.wave_move {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: wave_move;
    -webkit-transform-origin: center top 0;
    -webkit-animation-timing-function: ease;
    -webkit-animation-duration: 7s;
}
/* end wave_move webkit animation */
/* begin wave_move animation */
@keyframes wave_move {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-7px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(7px, 0, 0);
  }
}
.wave_move {
    animation-iteration-count: infinite;
    animation-name: wave_move;
    transform-origin: center top 0;
    animation-timing-function: ease;
    animation-duration: 7s;
}

@-webkit-keyframes wave_move_right {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(7px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(-7px, 0, 0);
  }
}
.wave_move_right {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: wave_move_right;
    -webkit-transform-origin: center top 0;
    -webkit-animation-timing-function: ease;
    -webkit-animation-duration: 7s;
}
/* end wave_move_right webkit animation */
/* begin wave_move_right animation */
@keyframes wave_move_right {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(7px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(-7px, 0, 0);
  }
}
.wave_move_right {
    animation-iteration-count: infinite;
    animation-name: wave_move_right;
    transform-origin: center top 0;
    animation-timing-function: ease;
    animation-duration: 7s;
}
