/* Shooting star animation
------------------------------------------------------- */
@-webkit-keyframes shootingstaranimation {
    0%        { -webkit-transform: translate(0px, 0px);     opacity: 1;  }
    7%       { -webkit-transform: translate(150px,100px);  opacity: 0;}
    50%       { -webkit-transform: translate(0px,0px);      opacity: 0;}
    50.2%     { -webkit-transform: translate(0px,0px);      opacity: 1;}
}
@-moz-keyframes shootingstaranimation {
    0%        { -moz-transform: translate(0px, 0px);     opacity: 1;  }
    7%       { -moz-transform: translate(150px,100px);  opacity: 0;}
    50%       { -moz-transform: translate(0px,0px);      opacity: 0;}
    50.2%     { -moz-transform: translate(0px,0px);      opacity: 1;}
}
@-o-keyframes shootingstaranimation {
    0%        { -o-transform: translate(0px, 0px);     opacity: 1;  }
    7%       { -o-transform: translate(150px,100px);  opacity: 0;}
    50%       { -o-transform: translate(0px,0px);      opacity: 0;}
    50.2%     { -o-transform: translate(0px,0px);      opacity: 1;}
}
@-ms-keyframes shootingstaranimation {
    0%        { -ms-transform: translate(0px, 0px);     opacity: 1;  }
    7%       { -ms-transform: translate(150px,100px);  opacity: 0;}
    50%       { -ms-transform: translate(0px,0px);      opacity: 0;}
    50.2%     { -ms-transform: translate(0px,0px);      opacity: 1;}
}
@keyframes shootingstaranimation {
    0%        { transform: translate(0px, 0px);     opacity: 1;  }
    7%       { transform: translate(150px,100px);  opacity: 0;}
    50%       { transform: translate(0px,0px);      opacity: 0;}
    50.2%     { transform: translate(0px,0px);      opacity: 1;}
}

/* Twinkling star animation
------------------------------------------------------- */
@-webkit-keyframes twinklingstar {
    0%        { -webkit-transform: scale(1);      opacity: 1;  }
    8%        { -webkit-transform: scale(1);      opacity: 1;  }
    10%       { -webkit-transform: scale(.2);     opacity: .2;}
    19%       { -webkit-transform: scale(.2);     opacity: .2;}
    20%       { -webkit-transform: scale(1);      opacity: 1;}
    25%       { -webkit-transform: scale(0);      opacity: 0;}
    30%       { -webkit-transform: scale(1);      opacity: 1;}
    60%       { -webkit-transform: scale(1);      opacity: 1;}
    62%       { -webkit-transform: scale(0);      opacity: 0;}
    80%       { -webkit-transform: scale(0);      opacity: 0;}
    82%       { -webkit-transform: scale(1);      opacity: 1;}
    100%      { -webkit-transform: scale(1);      opacity: 1;}
}
@-moz-keyframes twinklingstar {
    0%        { -moz-transform: scale(1);      opacity: 1;  }
    8%        { -moz-transform: scale(1);      opacity: 1;  }
    10%       { -moz-transform: scale(.2);     opacity: .2;}
    19%       { -moz-transform: scale(.2);     opacity: .2;}
    20%       { -moz-transform: scale(1);      opacity: 1;}
    25%       { -moz-transform: scale(0);      opacity: 0;}
    30%       { -moz-transform: scale(1);      opacity: 1;}
    60%       { -moz-transform: scale(1);      opacity: 1;}
    62%       { -moz-transform: scale(0);      opacity: 0;}
    80%       { -moz-transform: scale(0);      opacity: 0;}
    82%       { -moz-transform: scale(1);      opacity: 1;}
    100%      { -moz-transform: scale(1);      opacity: 1;}
}
@-o-keyframes twinklingstar {
    0%        { -o-transform: scale(1);      opacity: 1;  }
    8%        { -o-transform: scale(1);      opacity: 1;  }
    10%       { -o-transform: scale(.2);     opacity: .2;}
    19%       { -o-transform: scale(.2);     opacity: .2;}
    20%       { -o-transform: scale(1);      opacity: 1;}
    25%       { -o-transform: scale(0);      opacity: 0;}
    30%       { -o-transform: scale(1);      opacity: 1;}
    60%       { -o-transform: scale(1);      opacity: 1;}
    62%       { -o-transform: scale(0);      opacity: 0;}
    80%       { -o-transform: scale(0);      opacity: 0;}
    82%       { -o-transform: scale(1);      opacity: 1;}
    100%      { -o-transform: scale(1);      opacity: 1;}
}
@-ms-keyframes twinklingstar {
    0%        { -ms-transform: scale(1);      opacity: 1;  }
    8%        { -ms-transform: scale(1);      opacity: 1;  }
    10%       { -ms-transform: scale(.2);     opacity: .2;}
    19%       { -ms-transform: scale(.2);     opacity: .2;}
    20%       { -ms-transform: scale(1);      opacity: 1;}
    25%       { -ms-transform: scale(0);      opacity: 0;}
    30%       { -ms-transform: scale(1);      opacity: 1;}
    60%       { -ms-transform: scale(1);      opacity: 1;}
    62%       { -ms-transform: scale(0);      opacity: 0;}
    80%       { -ms-transform: scale(0);      opacity: 0;}
    82%       { -ms-transform: scale(1);      opacity: 1;}
    100%      { -ms-transform: scale(1);      opacity: 1;}
}
@keyframes twinklingstar {
    0%        { transform: scale(1);      opacity: 1;  }
    8%        { transform: scale(1);      opacity: 1;  }
    10%       { transform: scale(.2);     opacity: .2;}
    19%       { transform: scale(.2);     opacity: .2;}
    20%       { transform: scale(1);      opacity: 1;}
    25%       { transform: scale(0);      opacity: 0;}
    30%       { transform: scale(1);      opacity: 1;}
    60%       { transform: scale(1);      opacity: 1;}
    62%       { transform: scale(0);      opacity: 0;}
    80%       { transform: scale(0);      opacity: 0;}
    82%       { transform: scale(1);      opacity: 1;}
    100%      { transform: scale(1);      opacity: 1;}
}

/* Floating guy animation
------------------------------------------------------- */

@-webkit-keyframes floating {
    0%       { -webkit-transform: translateY(0px); }
    50%      { -webkit-transform: translateY(-80px);}
    100%     { -webkit-transform: translateY(0px);}
}


@-moz-keyframes floating {
    0%       { -moz-transform: translateY(0px); }
    50%      { -moz-transform: translateY(-80px);}
    100%     { -moz-transform: translateY(0px);}
}


@-o-keyframes floating {
    0%       { -o-transform: translateY(0px); }
    50%      { -o-transform: translateY(-80px);}
    100%     { -o-transform: translateY(0px);}
}


@-ms-keyframes floating {
    0%       { -ms-transform: translateY(0px); }
    50%      { -ms-transform: translateY(-80px);}
    100%     { -ms-transform: translateY(0px);}
}


@keyframes floating {
    0%       { transform: translateY(0px); }
    50%      { transform: translateY(-80px);}
    100%     { transform: translateY(0px);}
}
/* Floating small
------------------------------------------------------- */

@-webkit-keyframes floatingsmall {
    0%       { -webkit-transform: translateY(0px); }
    50%      { -webkit-transform: translateY(-30px);}
    100%     { -webkit-transform: translateY(0px);}
}


@-moz-keyframes floatingsmall {
    0%       { -moz-transform: translateY(0px); }
    50%      { -moz-transform: translateY(-30px);}
    100%     { -moz-transform: translateY(0px);}
}


@-o-keyframes floatingsmall {
    0%       { -o-transform: translateY(0px); }
    50%      { -o-transform: translateY(-30px);}
    100%     { -o-transform: translateY(0px);}
}


@-ms-keyframes floatingsmall {
    0%       { -ms-transform: translateY(0px); }
    50%      { -ms-transform: translateY(-30px);}
    100%     { -ms-transform: translateY(0px);}
}


@keyframes floatingsmall {
    0%       { transform: translateY(0px); }
    50%      { transform: translateY(-30px);}
    100%     { transform: translateY(0px);}
}

/* driving car
------------------------------------------------------- */

@-webkit-keyframes drivingcar {
    0%       { -moz-transform: translateY(0px); }
    50%      { -moz-transform: translateY(-5px);}
    100%     { -moz-transform: translateY(0px);}
}


@-moz-keyframes drivingcar {
    0%       { -moz-transform: translateY(0px); }
    50%      { -moz-transform: translateY(-5px);}
    100%     { -moz-transform: translateY(0px);}
}


@-o-keyframes drivingcar {
    0%       { -o-transform: translateY(0px); }
    50%      { -o-transform: translateY(-5px);}
    100%     { -o-transform: translateY(0px);}
}


@-ms-keyframes drivingcar {
    0%       { -ms-transform: translateY(0px); }
    50%      { -ms-transform: translateY(-5px);}
    100%     { -ms-transform: translateY(0px);}
}


@keyframes drivingcar {
    0%       { transform: translateY(0px); }
    50%      { transform: translateY(-5px);}
    100%     { transform: translateY(0px);}
}



/* Blinking eyes animation - People
------------------------------------------------------- */

@-webkit-keyframes blinkeyes {
    0%      { -webkit-transform: scaleY(1);}
    20%     { -webkit-transform: scaleY(1);}
    20.7%   { -webkit-transform: scaleY(.2); }
    21%     { -webkit-transform: scaleY(.2);}
    21.3%   { -webkit-transform: scaleY(1);
    50%     { -webkit-transform: scaleY(1);}
    50.2%   { -webkit-transform: scaleY(.2);}
    51.2%   { -webkit-transform: scaleY(.2); }
    51.3%   { -webkit-transform: scaleY(1); }
    100%    { -webkit-transform: scaleY(1); }
}

@-moz-keyframes blinkeyes {
    0%      { -moz-transform: scaleY(1);}
    20%     { -moz-transform: scaleY(1);}
    20.7%   { -moz-transform: scaleY(.2); }
    21%     { -moz-transform: scaleY(.2);}
    21.3%   { -moz-transform: scaleY(1);
    50%     { -moz-transform: scaleY(1);}
    50.2%   { -moz-transform: scaleY(.2);}
    51.2%   { -moz-transform: scaleY(.2); }
    51.3%   { -moz-transform: scaleY(1); }
    100%    { -moz-transform: scaleY(1); }
}

@-ms-keyframes blinkeyes {
    0%      { -ms-transform: scaleY(1);}
    20%     { -ms-transform: scaleY(1);}
    20.7%   { -ms-transform: scaleY(.2); }
    21%     { -ms-transform: scaleY(.2);}
    21.3%   { -ms-transform: scaleY(1);
    50%     { -ms-transform: scaleY(1);}
    50.2%   { -ms-transform: scaleY(.2);}
    51.2%   { -ms-transform: scaleY(.2); }
    51.3%   { -ms-transform: scaleY(1); }
    100%    { -ms-transform: scaleY(1); }
}

@-o-keyframes blinkeyes {
    0%      { -o-transform: scaleY(1);}
    20%     { -o-transform: scaleY(1);}
    20.7%   { -o-transform: scaleY(.2); }
    21%     { -o-transform: scaleY(.2);}
    21.3%   { -o-transform: scaleY(1);
    50%     { -o-transform: scaleY(1);}
    50.2%   { -o-transform: scaleY(.2);}
    51.2%   { -o-transform: scaleY(.2); }
    51.3%   { -o-transform: scaleY(1); }
    100%    { -o-transform: scaleY(1); }
}

@keyframes blinkeyes {
    0%      { transform: scaleY(1);}
    20%     { transform: scaleY(1);}
    20.7%   { transform: scaleY(.2); }
    21%     { transform: scaleY(.2);}
    21.3%   { transform: scaleY(1);
    50%     { transform: scaleY(1);}
    50.2%   { transform: scaleY(.2);}
    51.2%   { transform: scaleY(.2); }
    51.3%   { transform: scaleY(1); }
    100%    { transform: scaleY(1); }
}


/* Spinning animation - windmills
------------------------------------------------------- */

@-webkit-keyframes spin1 {
0% { -webkit-transform: rotate(0deg);}
100% { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin1 {
0% { -moz-transform: rotate(0deg);}
100% { -moz-transform: rotate(360deg);}
}
@-o-keyframes spin1 {
0% { -o-transform: rotate(0deg);}
100% { -o-transform: rotate(360deg);}
}
@-ms-keyframes spin1 {
0% { -ms-transform: rotate(0deg);}
100% { -ms-transform: rotate(360deg);}
}
@-keyframes spin1 {
0% { transform: rotate(0deg);}
100% { transform: rotate(360deg);}
}



/* Blinking eyes animation - Dogs
------------------------------------------------------- */

@-webkit-keyframes blinkeyesanimal {
    0% { opacity: 0; }
    20% { opacity: 0; }
    20.7% { opacity: 1; }
    21% { opacity: 1; }
    21.3% { opacity: 0; }
    49.7% { opacity: 0;  }
    50% { opacity: 0; }
    50.2% { opacity: 1; }
    51.2% { opacity: 1; }
    51.3% { opacity: 0; }
    56% { opacity: 0;  }
    99% { opacity: 0; }
    100% { opacity: 0;  }
}

@-moz-keyframes blinkeyesanimal {
    0% { opacity: 0; }
    20% { opacity: 0; }
    20.7% { opacity: 1; }
    21% { opacity: 1; }
    21.3% { opacity: 0; }
    49.7% { opacity: 0;  }
    50% { opacity: 0; }
    50.2% { opacity: 1; }
    51.2% { opacity: 1; }
    51.3% { opacity: 0; }
    56% { opacity: 0;  }
    99% { opacity: 0; }
    100% { opacity: 0;  }
}

@-o-keyframes blinkeyesanimal {
    0% { opacity: 0; }
    20% { opacity: 0; }
    20.7% { opacity: 1; }
    21% { opacity: 1; }
    21.3% { opacity: 0; }
    49.7% { opacity: 0;  }
    50% { opacity: 0; }
    50.2% { opacity: 1; }
    51.2% { opacity: 1; }
    51.3% { opacity: 0; }
    56% { opacity: 0;  }
    99% { opacity: 0; }
    100% { opacity: 0;  }
}

@-ms-keyframes blinkeyesanimal {
    0% { opacity: 0; }
    20% { opacity: 0; }
    20.7% { opacity: 1; }
    21% { opacity: 1; }
    21.3% { opacity: 0; }
    49.7% { opacity: 0;  }
    50% { opacity: 0; }
    50.2% { opacity: 1; }
    51.2% { opacity: 1; }
    51.3% { opacity: 0; }
    56% { opacity: 0;  }
    99% { opacity: 0; }
    100% { opacity: 0;  }
}


@keyframes blinkeyesanimal {
    0% { opacity: 0; }
    20% { opacity: 0; }
    20.7% { opacity: 1; }
    21% { opacity: 1; }
    21.3% { opacity: 0; }
    49.7% { opacity: 0;  }
    50% { opacity: 0; }
    50.2% { opacity: 1; }
    51.2% { opacity: 1; }
    51.3% { opacity: 0; }
    56% { opacity: 0;  }
    99% { opacity: 0; }
    100% { opacity: 0;  }
}


/* Flickering light animation
------------------------------------------------------- */

@-webkit-keyframes flicker {
    0% { opacity: 0.3; }
    11% { opacity: 0.3; }
    21% { opacity: 0.3; }
    22% { opacity: 0.1; }
    25% { opacity: 0.1; }
    26% { opacity: 0.3; }
    55% { opacity: 0.3; }
    61% { opacity: 0.3; }
    87% { opacity: 0.3; }
    88% { opacity: 0; }
    90% { opacity: 0; }
    91% { opacity: 0.3; }
    100% { opacity: 0.3; }
}


@-moz-keyframes flicker {
    0% { opacity: 0.3; }
    11% { opacity: 0.3; }
    21% { opacity: 0.3; }
    22% { opacity: 0.1; }
    25% { opacity: 0.1; }
    26% { opacity: 0.3; }
    55% { opacity: 0.3; }
    61% { opacity: 0.3; }
    87% { opacity: 0.3; }
    88% { opacity: 0; }
    90% { opacity: 0; }
    91% { opacity: 0.3; }
    100% { opacity: 0.3; }
}


@-ms-keyframes flicker {
    0% { opacity: 0.3; }
    11% { opacity: 0.3; }
    21% { opacity: 0.3; }
    22% { opacity: 0.1; }
    25% { opacity: 0.1; }
    26% { opacity: 0.3; }
    55% { opacity: 0.3; }
    61% { opacity: 0.3; }
    87% { opacity: 0.3; }
    88% { opacity: 0; }
    90% { opacity: 0; }
    91% { opacity: 0.3; }
    100% { opacity: 0.3; }
}


@-o-keyframes flicker {
    0% { opacity: 0.3; }
    11% { opacity: 0.3; }
    21% { opacity: 0.3; }
    22% { opacity: 0.1; }
    25% { opacity: 0.1; }
    26% { opacity: 0.3; }
    55% { opacity: 0.3; }
    61% { opacity: 0.3; }
    87% { opacity: 0.3; }
    88% { opacity: 0; }
    90% { opacity: 0; }
    91% { opacity: 0.3; }
    100% { opacity: 0.3; }
}


@keyframes flicker {
    0% { opacity: 0.3; }
    11% { opacity: 0.3; }
    21% { opacity: 0.3; }
    22% { opacity: 0.1; }
    25% { opacity: 0.1; }
    26% { opacity: 0.3; }
    55% { opacity: 0.3; }
    61% { opacity: 0.3; }
    87% { opacity: 0.3; }
    88% { opacity: 0; }
    90% { opacity: 0; }
    91% { opacity: 0.3; }
    100% { opacity: 0.3; }
}