@charset "utf8";

/*animated*/

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.turnLeft {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

.turnLeft {
	-webkit-animation-name: turnLeft;
	animation-name: turnLeft;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

@keyframes turnLeft {
	0% {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	100% {
		-webkit-transform: rotateY(-90deg);
		transform: rotateY(-90deg);
	}
}

@-webkit-keyframes turnLeft {
	0% {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	100% {
		-webkit-transform: rotateY(-90deg);
		transform: rotateY(-90deg);
	}
}

.breath {
	-webkit-animation-name:breath;
	animation-name:breath;
}

@keyframes breath {
	0% {
		transform: scale(1.1);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.1);
	}
}

@-webkit-keyframes breath {
	0% {
		-webkit-transform: scale(1.1);
	}
	50% {
		-webkit-transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.1);
	}
}

.animated.turnRight {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

.turnRight {
	-webkit-animation-name: turnRight;
	animation-name: turnRight;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

@keyframes turnRight {
	0% {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	100% {
		-webkit-transform: rotateY(90deg);
		transform: rotateY(90deg);
	}
}

@-webkit-keyframes turnRight {
	0% {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	100% {
		-webkit-transform: rotateY(90deg);
		transform: rotateY(90deg);
	}
}

.knock {
	-webkit-animation-name: knock;
	animation-name: knock;
	-webkit-animation-duration: .7s;
	animation-duration: .7s;
}

@keyframes knock {
	0 {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(5px, 5px, 5px);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes knock {
	0 {
		-webkit-transform: translate3d(0, 0, 0);
	}
	50% {
		-webkit-transform: translate3d(5px, 5px, 5px);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes rubberBand {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}
	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}
	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}
	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1);
	}
	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes rubberBand {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}
	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}
	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}
	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1);
	}
	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}