/* Effect 1 */
.wpbh-grid-effect-fade .wpbhAnimated {
	animation: wpbhfade 0.65s ease forwards;
}

@keyframes wpbhfade {
	0% { }
	100% { opacity: 1; }
}

/* Effect 2 */
.wpbh-grid-effect-fade_slide .wpbhAnimated {
	transform: translateY(200px);
	animation: wpbhFadeSlide 0.65s ease forwards;
}

@keyframes wpbhFadeSlide {
	0% { }
	100% { transform: translateY(0); opacity: 1; }
}

/* Effect 3 */
.wpbh-grid-effect-zoom .wpbhAnimated {
	transform: scale(0.6);
	animation: wpbhZoom 0.65s ease-in-out forwards;
}

@keyframes wpbhZoom {
	0% { }
	100% { transform: scale(1); opacity: 1; }
}

/* Effect 4 */
.wpbh-grid-effect-flip {
	perspective: 1300px;
}

.wpbh-grid-effect-flip .wpbhAnimated {
	transform-style: preserve-3d;
	transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	animation: wpbhFlip .8s ease-in-out forwards;
}

@keyframes wpbhFlip {
	0% { }
	100% { transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

/* Effect 5 */
.wpbh-grid-effect-leaves {
	perspective: 1300px;
}

.wpbh-grid-effect-leaves .wpbhAnimated {
	transform-style: preserve-3d;
	transform-origin: 50% 50% -300px;
	transform: rotateX(-180deg);
	animation: wpbhLeaves .8s ease-in-out forwards;
}

@keyframes wpbhLeaves {
	0% { }
	100% { transform: rotateX(0deg); opacity: 1; }
}

/* Effect 6 */
.wpbh-grid-effect-transform {
	perspective: 1300px;
}

.wpbh-grid-effect-transform .wpbhAnimated {
	transform-style: preserve-3d;
	transform-origin: 0% 0%;
	transform: rotateX(-80deg);
	animation: wpbhTransform .8s ease-in-out forwards;
}

@keyframes wpbhTransform {
	0% { }
	100% { transform: rotateX(0deg); opacity: 1; }
}

/* Effect 7 */
.wpbh-grid-effect-rotate {
	perspective: 1300px;
}

.wpbh-grid-effect-rotate .wpbhAnimated {
	transform-style: preserve-3d;
	transform: rotateY(-180deg);
	animation: wpbhRotate .8s ease-in-out forwards;
}

@keyframes wpbhRotate {
	0% { }
	100% { transform: rotateY(0deg); opacity: 1; }
}

/* Effect 8 */
.wpbh-grid-effect-fade_zoom {
	perspective: 1300px;
}

.wpbh-grid-effect-fade_zoom .wpbhAnimated {
	transform-style: preserve-3d;
	transform: scale(0.4);
	animation: wpbhFadeZoom .8s ease-in forwards;
}

@keyframes wpbhFadeZoom {
	0% { }
	70% { transform: scale(1.1); opacity: .8; animation-timing-function: ease-out; }
	100% { transform: scale(1); opacity: 1; }
}