/** 
 * Animations
 */

.wt-animate{
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.wt-animate.slow{
	-webkit-transition: 1.2s;
	-o-transition: 1.2s;
	transition: 1.2s;	
}

.wt-animate.very-slow{
	-webkit-transition: 2.2s;
	-o-transition: 2.2s;
	transition: 2.2s;		
}

.wt-animate.normal{
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;	
}

.wt-animate.fast{
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;	
}

.wt-animate.fade{
	opacity: 0;
}
.wt-animate.fade.done{
	opacity: 1;
}

.wt-animate.grow-up{
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
	transform: scale(0.7);
}
.wt-animate.grow-up.done{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.wt-animate.grow-down{
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}
.wt-animate.grow-down.done{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.wt-animate.to-top{
	-webkit-transform: translateY(40%);
	-ms-transform: translateY(40%);
	-o-transform: translateY(40%);
	transform: translateY(40%);
}
.wt-animate.to-top.done{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.wt-animate.to-bottom{
	-webkit-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	-o-transform: translateY(-40%);
	transform: translateY(-40%);
}
.wt-animate.to-bottom.done{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.wt-animate.to-left{
	-webkit-transform: translateX(40%);
	-ms-transform: translateX(40%);
	-o-transform: translateX(40%);
	transform: translateX(40%);
}
.wt-animate.to-left.done{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.wt-animate.to-right{
	-webkit-transform: translateX(-40%);
	-ms-transform: translateX(-40%);
	-o-transform: translateX(-40%);
	transform: translateX(-40%);
}
.wt-animate.to-right.done{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

@keyframes float-shadow {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
}


.wt-animate.float {
	transform: translatey(0px);
	animation: float 2s ease-in-out infinite;
}

.wt-animate.float.fast{
	animation: float 1s ease-in-out infinite;	
}

.wt-animate.float.very-fast{
	animation: float 0.5s ease-in-out infinite;	
}

.wt-animate.float.slow{
	animation: float 3s ease-in-out infinite;	
}

.wt-animate.float.very-slow{
	animation: float 6s ease-in-out infinite;	
}

.wt-animate.float-shadow {
	box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
	transform: translatey(0px);
	animation: float-shadow 2s ease-in-out infinite;
}


.wt-animate.float-shadow.fast{
	animation: float-shadow 1s ease-in-out infinite;	
}

.wt-animate.float-shadow.very-fast{
	animation: float-shadow 0.5s ease-in-out infinite;	
}

.wt-animate.float-shadow.slow{
	animation: float-shadow 3s ease-in-out infinite;	
}

.wt-animate.float-shadow.very-slow{
	animation: float-shadow 6s ease-in-out infinite;	
}

/**
 * End Animations
 */