.slide-bottom {
	-webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-up {
	-webkit-animation: slide-up 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-up 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/**
 * ----------------------------------------
 * animation slide-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes slide-up {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
@keyframes slide-up {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}

/* -------------------------------------------------------------------------------------------- */    


.slide-right {
	-webkit-animation: slide-right_2 60s linear infinite both;
	        animation: slide-right_2 60s linear infinite both;
}
/**
 * ----------------------------------------
 * animation slide-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-right_2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-33.33%);
            transform: translateX(-33.33%);
  }
}
@keyframes slide-right_2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-33.33%);
            transform: translateX(-33.33%);
  }
}

/* -------------------------------------------------------------------------------------------- */ 

.star_flash_1 {
	-webkit-animation: star_flash_1 3s linear infinite both;
	        animation: star_flash_1 3s linear infinite both;
}
.star_flash_2 {
	-webkit-animation: star_flash_1 3s linear infinite both;
	        animation: star_flash_1 3s linear infinite both;
	animation-delay: 2s;
}
/**
 * ----------------------------------------
 * animation star_flash_1
 * ----------------------------------------
 */
@-webkit-keyframes star_flash_1 {
  0% {    opacity: 0;  }
	10% {	opacity: 1;	}
	60% {	opacity: 1;	}
  100% {   opacity: 0;  }
}
@keyframes star_flash_1 {
  0% {   opacity: 0;  }
	10% {	opacity: 1;	}
	60% {	opacity: 1;	}
  100% {   opacity: 0;  }
}
/**
 * ----------------------------------------
 * animation star_flash_1
 * ----------------------------------------
 */
@-webkit-keyframes star_flash_1 {
  0% {    opacity: 0;  }
	10% {	opacity: 1;	}
	60% {	opacity: 1;	}
  100% {   opacity: 0;  }
}
@keyframes star_flash_1 {
  0% {   opacity: 0;  }
	10% {	opacity: 1;	}
	60% {	opacity: 1;	}
  100% {   opacity: 0;  }
}

/* -------------------------------------------------------------------------------------------- */ 

.vibrate-1 {
	-webkit-animation: vibrate-1 5s linear infinite both;
	        animation: vibrate-1 5s linear infinite both;
}
/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-3px, 3px);
            transform: translate(-3px, 3px);
  }
  40% {
    -webkit-transform: translate(-3px, -3px);
            transform: translate(-3px, -3px);
  }
  60% {
    -webkit-transform: translate(3px, 3px);
            transform: translate(3px, 3px);
  }
  80% {
    -webkit-transform: translate(3px, -3px);
            transform: translate(3px, -3px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-3px, 3px);
            transform: translate(-3px, 3px);
  }
  40% {
    -webkit-transform: translate(-3px, -3px);
            transform: translate(-3px, -3px);
  }
  60% {
    -webkit-transform: translate(3px, 3px);
            transform: translate(3px, 3px);
  }
  80% {
    -webkit-transform: translate(3px, -3px);
            transform: translate(3px, -3px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}


/* -------------------------------------------------------------------------------------------- */  

.lan_1 {
	-webkit-animation: lan-1 10s linear infinite both;
	        animation: lan-1 10s linear infinite both;
}
@-webkit-keyframes lan-1 {
  0% { top: 58%; left: 40%;}
	80% { top: 2%; left: 10%; opacity: 1;}
  100% { opacity: 0;}

}

.lan_2 {
	-webkit-animation: lan-2 13s linear infinite both;
	        animation: lan-2 13s linear infinite both;
	animation-delay: 2s;
}
@-webkit-keyframes lan-2 {
  0% { top: 58%; right: 35%;}
	80% { top: 10%; right: 5%; opacity: 1;}
  100% { opacity: 0;}

}

.lan_3 {
	-webkit-animation: lan-3 18s linear infinite both;
	        animation: lan-3 18s linear infinite both;
	animation-delay: 6s;
}
@-webkit-keyframes lan-3 {
  0% { top: 58%; right: 35%;}
	80% { top: 0%; right: 55%; opacity: 1;}
  100% { opacity: 0;}

}

.lan_4 {
	-webkit-animation: lan-4 22s linear infinite both;
	        animation: lan-4 22s linear infinite both;
	animation-delay: 8s;
}
@-webkit-keyframes lan-4 {
  0% { top: 58%; right: 75%;}
	80% { top: 5%; right: 30%; opacity: 1;}
  100% { opacity: 0;}

}



/* -------------------------------------------------------------------------------------------- */  

.lan_1 .lan_s{
	-webkit-animation: lan-s 4s linear infinite both;
	        animation: lan-s 4s linear infinite both;
}
@-webkit-keyframes lan-s {
  	0% { transform: rotate(0deg);}
	50% { transform: rotate(20deg);}
  	100% { transform: rotate(0deg);}
}


.lan_2 .lan_s{
	-webkit-animation: lan-s2 3s linear infinite both;
	        animation: lan-s2 3s linear infinite both;
}
@-webkit-keyframes lan-s2 {
  	0% { transform: rotate(40deg);}
	50% { transform: rotate(65deg);}
  	100% { transform: rotate(40deg);}
}


.lan_3 .lan_s{
	-webkit-animation: lan-s3 3s linear infinite both;
	        animation: lan-s3 3s linear infinite both;
}
@-webkit-keyframes lan-s3 {
  	0% { transform: rotate(-50deg);}
	50% { transform: rotate(-20deg);}
  	100% { transform: rotate(-50deg);}
}

.lan_4 .lan_s{
	-webkit-animation: lan-s4 2s linear infinite both;
	        animation: lan-s4 2s linear infinite both;
}
@-webkit-keyframes lan-s4 {
  	0% { transform: rotate(10deg);}
	50% { transform: rotate(40deg);}
  	100% { transform: rotate(10deg);}
}


/* -------------------------------------------------------------------------------------------- */  
.wobble-hor-bottom {
	-webkit-animation: wobble-hor-bottom 4s infinite both;
	        animation: wobble-hor-bottom 4s infinite both;
}


/**
 * ----------------------------------------
 * animation wobble-hor-bottom
 * ----------------------------------------
 */
@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-10px) rotate(-6deg);
            transform: translateX(-10px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(10px) rotate(6deg);
            transform: translateX(10px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-10px) rotate(-3.6deg);
            transform: translateX(-10px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(6px) rotate(2.4deg);
            transform: translateX(6px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-3px) rotate(-1.2deg);
            transform: translateX(-3px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-10px) rotate(-5deg);
            transform: translateX(-10px) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(10px) rotate(5deg);
            transform: translateX(10px) rotate(5deg);
  }
  45% {
    -webkit-transform: translateX(-10px) rotate(-3.6deg);
            transform: translateX(-10px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(6px) rotate(2.4deg);
            transform: translateX(6px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-3px) rotate(-1.2deg);
            transform: translateX(-3px) rotate(-1.2deg);
  }
}



/* -------------------------------------------------------------------------------------------- */ 

.rotate-center {
	-webkit-animation: rotate-center 90s linear infinite both;
	        animation: rotate-center 90s linear infinite both;
}
/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* -------------------------------------------------------------------------------------------- */