@charset "utf-8";
/* CSS Document */


/* ------ ANIMATIONS ------ */

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}
	@-webkit-keyframes bounce {
	0%, 20%, 53%, 80%, 100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	}
	40%, 43% {
	-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	-webkit-transform: translate3d(0, -30px, 0);
	transform: translate3d(0, -30px, 0);
	}
	70% {
	-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
	}
	90% {
	-webkit-transform: translate3d(0,-4px,0);
	transform: translate3d(0,-4px,0);
	}
	}
	
	@keyframes bounce {
	0%, 20%, 53%, 80%, 100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	}
	40%, 43% {
	-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	-webkit-transform: translate3d(0, -30px, 0);
	transform: translate3d(0, -30px, 0);
	}
	70% {
	-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
	}
	90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);
	}
	} 
  
  
	  @-webkit-keyframes shakeit {
	  0% { -webkit-transform: rotate(0deg); }
	  25% { -webkit-transform: rotate(3deg); }
	  50% { -webkit-transform: rotate(0deg); }
	  75% { -webkit-transform: rotate(-3deg);  }
	  100% { -webkit-transform: rotate(0deg);  }
	  }
	  @keyframes shakeit {
	  0% { transform: rotate(0deg);  }
	  25% { transform: rotate(3deg);  }
	  50% { transform: rotate(0deg);  }
	  75% { transform: rotate(-3deg);  }
	  100% { transform: rotate(0deg);  }
	  }
  
	  @-webkit-keyframes run {
		  0% { right: 0%;}
		  50%{ right : 5%;}
		  100%{ right: 0%;}
	  }