/* character */

.char {
	-webkit-transform: translate(0,-1500px);
	-webkit-animation:4s cubic-bezier(0.23, 1, 0.38, 0.98) 0s forwards character;
	-moz-animation:4s cubic-bezier(0.23, 1, 0.38, 0.98) 1s forwards character;
	animation:4s cubic-bezier(0.23, 1, 0.38, 0.98) 1s forwards character;
}
@-webkit-keyframes character {
	0% {-webkit-transform: translate(0,-1500px);}
	100% {-webkit-transform: translate(0,0);}}
@-moz-keyframes character {
	0% {-moz-transform: translate(0,-1500px);}
	100% {-moz-transform: translate(0,0);}}
@keyframes character {
	0% {transform: translate(0,-1500px);}
	100% {transform: translate(0,0);}}

.char.two {
	-webkit-animation-delay: 1.7s;
	-moz-animation-delay: 1.7s;
	animation-delay: 1.7s;
}
.char.three {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
.char.four {
	-webkit-animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
.char.five {
	-webkit-animation-delay: 1.4s;
	-moz-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
.char.six {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}
.swing {  /*** swing ***/
    -webkit-animation:3s ease-in-out 1s infinite swing ;
    -moz-animation: 3s ease-in-out 1s infinite swing ;
    animation:3s ease-in-out 1s infinite swing ;
}

@-webkit-keyframes swing {
 0%{-webkit-transform:rotate(-3deg)}
 50%{-webkit-transform:rotate(3deg)}
 100%{-webkit-transform:rotate(-3deg)}
}

.swing:nth-child(2) {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}
.swing:nth-child(3) {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	animation-delay: .6s;
}
.swing:nth-child(4) {
	-webkit-animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
.swing:nth-child(5) {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}
.swing:nth-child(6) {
	-webkit-animation-delay: 2.6s;
	-moz-animation-delay: 2.6s;
	animation-delay: 2.6s;
}