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

/*----- skew -----*/
.translate {   
	animation: translate 4s;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite; 
	-webkit-animation: translate 4s; /* Safari & Chrome */
	-webkit-animation-timing-function:ease-in;
	-webkit-animation-iteration-count: infinite;
}
@keyframes translate { 
	0%{ transform: translateX(3px);}
	5%{ transform: translateX(-4px);}
	10%{ transform: translateX(5px);}
	15%{ transform: translateX(-4px);}
	20%{ transform: translateX(3px);}
	25%{ transform: translateX(-2px);}
	30%{ transform: translateX(1px);}
	35%{ transform: translateX(0px);}
	100%{ transform: translateX(0px);} 
} 
@-webkit-keyframes translate { 
	0%{ -webkit-transform: translateX(3px);}
	5%{ -webkit-transform: translateX(-4px);}
	10%{ -webkit-transform: translateX(5px);}
	15%{ -webkit-transform: translateX(-4px);}
	20%{ -webkit-transform: translateX(3px);}
	25%{ -webkit-transform: translateX(-2px);}
	30%{ -webkit-transform: translateX(1px);}
	35%{ -webkit-transform: translateX(0px);}
	100%{ -webkit-transform: translateX(0px);} 
}


/*----- skew -----*/
.skew {   
	animation: skew 2s;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite; 
	-webkit-animation: skew 2s; /* Safari & Chrome */
	-webkit-animation-timing-function:ease-in;
	-webkit-animation-iteration-count: infinite;
}
@keyframes skew { 
	0%{ transform: skewX(5deg);}
	10%{ transform: skewX(-6deg);}
	20%{ transform: skewX(7deg);}
	30%{ transform: skewX(-6deg);}
	40%{ transform: skewX(5deg);}
	50%{ transform: skewX(-4deg);}
	60%{ transform: skewX(3deg);}
	70%{ transform: skewX(-2deg);}
	80%{ transform: skewX(1deg);}
	90%{ transform: skewX(0deg);}
	100%{ transform: skewX(0deg);} 
} 
@-webkit-keyframes skew { 
	0%{ -webkit-transform: skewX(5deg);}
	10%{ -webkit-transform: skewX(-6deg);}
	20%{ -webkit-transform: skewX(7deg);}
	30%{ -webkit-transform: skewX(-6deg);}
	40%{ -webkit-transform: skewX(5deg);}
	50%{ -webkit-transform: skewX(-4deg);}
	60%{ -webkit-transform: skewX(3deg);}
	70%{ -webkit-transform: skewX(-2deg);}
	80%{ -webkit-transform: skewX(1deg);}
	90%{ -webkit-transform: skewX(0deg);}
	100%{ -webkit-transform: skewX(0deg);} 
}