/**
 * Movedo Theme & Extension - Exact Animations CSS
 * Copiado idéntico del tema y extensión original Movedo (Greatives).
 *
 * @package Teme_WP
 */

/* =============================================================================
- Animations
============================================================================= */
.grve-animated-item {
	opacity: 0;
}

html.ie9 .grve-animated-item {
	opacity: 1;
}

.grve-animated {
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:.8s;
	-moz-animation-duration:.8s;
	-ms-animation-duration:.8s;
	-o-animation-duration:.8s;
	animation-duration:.8s;
	opacity: 1;
}

.grve-animated.grve-duration-very-fast {
	-webkit-animation-duration:.4s;
	-moz-animation-duration:.4s;
	-ms-animation-duration:.4s;
	-o-animation-duration:.4s;
	animation-duration:.4s;
}

.grve-animated.grve-duration-fast {
	-webkit-animation-duration:.6s;
	-moz-animation-duration:.6s;
	-ms-animation-duration:.6s;
	-o-animation-duration:.6s;
	animation-duration:.6s;
}

.grve-animated.grve-duration-slow {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}

.grve-animated.grve-duration-very-slow {
	-webkit-animation-duration: 1.2s;
	-moz-animation-duration: 1.2s;
	-ms-animation-duration: 1.2s;
	-o-animation-duration: 1.2s;
	animation-duration: 1.2s;
}

/* Fade In */
@-webkit-keyframes grve_fade_in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-moz-keyframes grve_fade_in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-o-keyframes grve_fade_in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

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

.grve-fade-in.grve-animated {
	-webkit-animation-name: grve_fade_in;
	-moz-animation-name: grve_fade_in;
	-o-animation-name: grve_fade_in;
	animation-name: grve_fade_in;
}

/* Fade In Up */
@-webkit-keyframes grve_fade_in_up {
	0% { opacity: 0; -webkit-transform: translateY(100px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes grve_fade_in_up {
	0% { opacity: 0; -moz-transform: translateY(100px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes grve_fade_in_up {
	0% { opacity: 0; -o-transform: translateY(100px); }
	100% { opacity: 1; -o-transform: translateY(0); }
}

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

.grve-fade-in-up.grve-animated {
	-webkit-animation-name: grve_fade_in_up;
	-moz-animation-name: grve_fade_in_up;
	-o-animation-name: grve_fade_in_up;
	animation-name: grve_fade_in_up;
}

/* Fade In Up Big */
@-webkit-keyframes grve_fade_in_up_big {
	0% { opacity: 0; -webkit-transform: translateY(500px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes grve_fade_in_up_big {
	0% { opacity: 0; -moz-transform: translateY(500px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes grve_fade_in_up_big {
	0% { opacity: 0; -o-transform: translateY(500px); }
	100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes grve_fade_in_up_big {
	0% { opacity: 0; transform: translateY(500px); }
	100% { opacity: 1; transform: translateY(0); }
}

.grve-fade-in-up-big.grve-animated {
	-webkit-animation-name: grve_fade_in_up_big;
	-moz-animation-name: grve_fade_in_up_big;
	-o-animation-name: grve_fade_in_up_big;
	animation-name: grve_fade_in_up_big;
}

/* Fade In Down */
@-webkit-keyframes grve_fade_in_down {
	0% { opacity: 0; -webkit-transform: translateY(-100px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes grve_fade_in_down {
	0% { opacity: 0; -moz-transform: translateY(-100px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes grve_fade_in_down {
	0% { opacity: 0; -o-transform: translateY(-100px); }
	100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes grve_fade_in_down {
	0% { opacity: 0; transform: translateY(-100px); }
	100% { opacity: 1; transform: translateY(0); }
}

.grve-fade-in-down.grve-animated {
	-webkit-animation-name: grve_fade_in_down;
	-moz-animation-name: grve_fade_in_down;
	-o-animation-name: grve_fade_in_down;
	animation-name: grve_fade_in_down;
}

/* Fade In Down Big */
@-webkit-keyframes grve_fade_in_down_big {
	0% { opacity: 0; -webkit-transform: translateY(-500px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes grve_fade_in_down_big {
	0% { opacity: 0; -moz-transform: translateY(-500px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes grve_fade_in_down_big {
	0% { opacity: 0; -o-transform: translateY(-500px); }
	100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes grve_fade_in_down_big {
	0% { opacity: 0; transform: translateY(-500px); }
	100% { opacity: 1; transform: translateY(0); }
}

.grve-fade-in-down-big.grve-animated {
	-webkit-animation-name: grve_fade_in_down_big;
	-moz-animation-name: grve_fade_in_down_big;
	-o-animation-name: grve_fade_in_down_big;
	animation-name: grve_fade_in_down_big;
}

/* Fade In Left */
@-webkit-keyframes grve_fade_in_left {
	0% { opacity: 0; -webkit-transform: translateX(-100px); }
	100% { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes grve_fade_in_left {
	0% { opacity: 0; -moz-transform: translateX(-100px); }
	100% { opacity: 1; -moz-transform: translateX(0); }
}

@-o-keyframes grve_fade_in_left {
	0% { opacity: 0; -o-transform: translateX(-100px); }
	100% { opacity: 1; -o-transform: translateX(0); }
}

@keyframes grve_fade_in_left {
	0% { opacity: 0; transform: translateX(-100px); }
	100% { opacity: 1; transform: translateX(0); }
}

.grve-fade-in-left.grve-animated {
	-webkit-animation-name: grve_fade_in_left;
	-moz-animation-name: grve_fade_in_left;
	-o-animation-name: grve_fade_in_left;
	animation-name: grve_fade_in_left;
}

/* Fade In Left Big */
@-webkit-keyframes grve_fade_in_left_big {
	0% { opacity: 0; -webkit-transform: translateX(-500px); }
	100% { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes grve_fade_in_left_big {
	0% { opacity: 0; -moz-transform: translateX(-500px); }
	100% { opacity: 1; -moz-transform: translateX(0); }
}

@-o-keyframes grve_fade_in_left_big {
	0% { opacity: 0; -o-transform: translateX(-500px); }
	100% { opacity: 1; -o-transform: translateX(0); }
}

@keyframes grve_fade_in_left_big {
	0% { opacity: 0; transform: translateX(-500px); }
	100% { opacity: 1; transform: translateX(0); }
}

.grve-fade-in-left-big.grve-animated {
	-webkit-animation-name: grve_fade_in_left_big;
	-moz-animation-name: grve_fade_in_left_big;
	-o-animation-name: grve_fade_in_left_big;
	animation-name: grve_fade_in_left_big;
}

/* Fade In Right */
@-webkit-keyframes grve_fade_in_right {
	0% { opacity: 0; -webkit-transform: translateX(100px); }
	100% { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes grve_fade_in_right {
	0% { opacity: 0; -moz-transform: translateX(100px); }
	100% { opacity: 1; -moz-transform: translateX(0); }
}

@-o-keyframes grve_fade_in_right {
	0% { opacity: 0; -o-transform: translateX(100px); }
	100% { opacity: 1; -o-transform: translateX(0); }
}

@keyframes grve_fade_in_right {
	0% { opacity: 0; transform: translateX(100px); }
	100% { opacity: 1; transform: translateX(0); }
}

.grve-fade-in-right.grve-animated {
	-webkit-animation-name: grve_fade_in_right;
	-moz-animation-name: grve_fade_in_right;
	-o-animation-name: grve_fade_in_right;
	animation-name: grve_fade_in_right;
}

/* Fade In Right Big */
@-webkit-keyframes grve_fade_in_right_big {
	0% { opacity: 0; -webkit-transform: translateX(500px); }
	100% { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes grve_fade_in_right_big {
	0% { opacity: 0; -moz-transform: translateX(500px); }
	100% { opacity: 1; -moz-transform: translateX(0); }
}

@-o-keyframes grve_fade_in_right_big {
	0% { opacity: 0; -o-transform: translateX(500px); }
	100% { opacity: 1; -o-transform: translateX(0); }
}

@keyframes grve_fade_in_right_big {
	0% { opacity: 0; transform: translateX(500px); }
	100% { opacity: 1; transform: translateX(0); }
}

.grve-fade-in-right-big.grve-animated {
	-webkit-animation-name: grve_fade_in_right_big;
	-moz-animation-name: grve_fade_in_right_big;
	-o-animation-name: grve_fade_in_right_big;
	animation-name: grve_fade_in_right_big;
}

/* Zoom In */
@-webkit-keyframes grve_zoom_in {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 1;
  }
}

@keyframes grve_zoom_in {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 1;
  }
}

.grve-zoom-in.grve-animated {
	-webkit-animation-name: grve_zoom_in;
	animation-name: grve_zoom_in;
}

/* =============================================================================
--- Column Clipping Animation (Exacto de Movedo)
============================================================================= */
.grve-clipping-animation,
.grve-clipping-animation.grve-colored-clipping .grve-clipping-content {
	visibility: hidden;
	opacity: 0;
}

.grve-clipping-animation.grve-clipping-animated,
.grve-clipping-animation.grve-clipping-show-content.grve-colored-clipping .grve-clipping-content {
	visibility: visible;
	opacity: 1;
}

.grve-clipping-animation .grve-clipping-wrapper {
	overflow: hidden;
	position: relative;
}

/* Clipping Overlay */
.grve-clipping-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

/* Clipping Up */
.grve-clipping-animation.grve-clipping-animated.grve-clipping-up .grve-clipping-wrapper {
	-webkit-animation: clipping_up_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	-moz-animation: clipping_up_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	-o-animation: clipping_up_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	animation: clipping_up_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
}

.grve-clipping-animation.grve-clipping-animated.grve-clipping-up .grve-clipping-content {
	-webkit-animation: clipping_down_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	-moz-animation: clipping_down_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	-o-animation: clipping_down_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	animation: clipping_down_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
}

/* Clipping Down */
.grve-clipping-animation.grve-clipping-animated.grve-clipping-down .grve-clipping-wrapper {
	-webkit-animation: clipping_down_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	-moz-animation: clipping_down_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	-o-animation: clipping_down_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	animation: clipping_down_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
}

.grve-clipping-animation.grve-clipping-animated.grve-clipping-down .grve-clipping-content {
	-webkit-animation: clipping_up_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	-moz-animation: clipping_up_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	-o-animation: clipping_up_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	animation: clipping_up_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
}

/* Clipping Left */
.grve-clipping-animation.grve-clipping-animated.grve-clipping-left .grve-clipping-wrapper {
	-webkit-animation: clipping_left_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	-moz-animation: clipping_left_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	-o-animation: clipping_left_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	animation: clipping_left_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
}

.grve-clipping-animation.grve-clipping-animated.grve-clipping-left .grve-clipping-content {
	-webkit-animation: clipping_right_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	-moz-animation: clipping_right_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	-o-animation: clipping_right_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	animation: clipping_right_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
}

/* Clipping Right */
.grve-clipping-animation.grve-clipping-animated.grve-clipping-right .grve-clipping-wrapper {
	-webkit-animation: clipping_right_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	-moz-animation: clipping_right_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	-o-animation: clipping_right_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	animation: clipping_right_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
}

.grve-clipping-animation.grve-clipping-animated.grve-clipping-right .grve-clipping-content {
	-webkit-animation: clipping_left_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	-moz-animation: clipping_left_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	-o-animation: clipping_left_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
	animation: clipping_left_in 0.7s cubic-bezier(0.85,0,0.12,1) both;
}

/* Clipping Right In */
@-webkit-keyframes clipping_right_in {
	from { -webkit-transform: translateX(100%); translateZ(0); }
	to { -webkit-transform: translateX(0); translateZ(0); }
}

@-moz-keyframes clipping_right_in {
	from { -moz-transform: translateX(100%); translateZ(0); }
	to { -moz-transform: translateX(0); translateZ(0); }
}

@-o-keyframes clipping_right_in {
	from { -o-transform: translateX(100%); translateZ(0); }
	to { -o-transform: translateX(0); translateZ(0); }
}

@keyframes clipping_right_in {
	from { transform: translateX(100%); translateZ(0); }
	to { transform: translateX(0); translateZ(0); }
}

/* Clipping Left In */
@-webkit-keyframes clipping_left_in {
	from { -webkit-transform: translateX(-100%); translateZ(0); }
	to { -webkit-transform: translateX(0); translateZ(0); }
}

@-moz-keyframes clipping_left_in {
	from { -moz-transform: translateX(-100%); translateZ(0); }
	to { -moz-transform: translateX(0); translateZ(0); }
}

@-o-keyframes clipping_left_in {
	from { -o-transform: translateX(-100%); translateZ(0); }
	to { -o-transform: translateX(0); translateZ(0); }
}

@keyframes clipping_left_in {
	from { transform: translateX(-100%); translateZ(0); }
	to { transform: translateX(0); translateZ(0); }
}

/* Clipping Up In */
@-webkit-keyframes clipping_up_in {
	from { -webkit-transform: translateY(-100%); translateZ(0); }
	to { -webkit-transform: translateY(0); translateZ(0); }
}

@-moz-keyframes clipping_up_in {
	from { -moz-transform: translateY(-100%); translateZ(0); }
	to { -moz-transform: translateY(0); translateZ(0); }
}

@-o-keyframes clipping_up_in {
	from { -o-transform: translateY(-100%); translateZ(0); }
	to { -o-transform: translateY(0); translateZ(0); }
}

@keyframes clipping_up_in {
	from { transform: translateY(-100%); translateZ(0); }
	to { transform: translateY(0); translateZ(0); }
}

/* Clipping Down In */
@-webkit-keyframes clipping_down_in {
	from { -webkit-transform: translateY(100%); translateZ(0); }
	to { -webkit-transform: translateY(0); translateZ(0); }
}

@-moz-keyframes clipping_down_in {
	from { -moz-transform: translateY(100%); translateZ(0); }
	to { -moz-transform: translateY(0); translateZ(0); }
}

@-o-keyframes clipping_down_in {
	from { -o-transform: translateY(100%); translateZ(0); }
	to { -o-transform: translateY(0); translateZ(0); }
}

@keyframes clipping_down_in {
	from { transform: translateY(100%); translateZ(0); }
	to { transform: translateY(0); translateZ(0); }
}

/* Colored Clipping Up */
.grve-clipping-animation.grve-clipping-animated.grve-colored-clipping-up .grve-clipping-overlay {
	-webkit-animation: colored_clipping_up_in 1.4s cubic-bezier(0.85,0,0.12,1) both;
	-moz-animation: colored_clipping_up_in 1.4s cubic-bezier(0.85,0,0.12,1) both;
	-o-animation: colored_clipping_up_in 1.4s cubic-bezier(0.85,0,0.12,1) both;
	animation: colored_clipping_up_in 1.4s cubic-bezier(0.85,0,0.12,1) both;
}

/* Colored Clipping Down */
.grve-clipping-animation.grve-clipping-animated.grve-colored-clipping-down .grve-clipping-overlay {
	-webkit-animation: colored_clipping_down_in 1.4s cubic-bezier(0.85,0,0.12,1) both;
	-moz-animation: colored_clipping_down_in 1.4s cubic-bezier(0.85,0,0.12,1) both;
	-o-animation: colored_clipping_down_in 1.4s cubic-bezier(0.85,0,0.12,1) both;
	animation: colored_clipping_down_in 1.4s cubic-bezier(0.85,0,0.12,1) both;
}

/* Colored Clipping Left */
.grve-clipping-animation.grve-clipping-animated.grve-colored-clipping-left .grve-clipping-overlay {
	-webkit-animation: colored_clipping_left_in 1.4s cubic-bezier(0.85,0,0.12,1) both;
	-moz-animation: colored_clipping_left_in 1.4s cubic-bezier(0.85,0,0.12,1) both;
	-o-animation: colored_clipping_left_in 1.4s cubic-bezier(0.85,0,0.12,1) both;
	animation: colored_clipping_left_in 1.4s cubic-bezier(0.85,0,0.12,1) both;
}

/* Colored Clipping Right */
.grve-clipping-animation.grve-clipping-animated.grve-colored-clipping-right .grve-clipping-overlay {
	-webkit-animation: colored_clipping_right_in 1.4s cubic-bezier(0.85,0,0.12,1) both;
	-moz-animation: colored_clipping_right_in 1.4s cubic-bezier(0.85,0,0.12,1) both;
	-o-animation: colored_clipping_right_in 1.4s cubic-bezier(0.85,0,0.12,1) both;
	animation: colored_clipping_right_in 1.4s cubic-bezier(0.85,0,0.12,1) both;
}

/* Colored Clipping Up In */
@-webkit-keyframes colored_clipping_up_in {
	0% { -webkit-transform: translateY(-100%); translateZ(0); }
	50% { -webkit-transform: translateY(0); translateZ(0); }
	100% { -webkit-transform: translateY(100%); translateZ(0); }
}

@-moz-keyframes colored_clipping_up_in {
	0% { -moz-transform: translateY(-100%); translateZ(0); }
	50% { -moz-transform: translateY(0); translateZ(0); }
	100% { -moz-transform: translateY(100%); translateZ(0); }
}

@-o-keyframes colored_clipping_up_in {
	0% { -o-transform: translateY(-100%); translateZ(0); }
	50% { -o-transform: translateY(0); translateZ(0); }
	100% { -o-transform: translateY(100%); translateZ(0); }
}

@keyframes colored_clipping_up_in {
	0% { transform: translateY(-100%); translateZ(0); }
	50% { transform: translateY(0); translateZ(0); }
	100% { transform: translateY(100%); translateZ(0); }
}

/* Colored Clipping Down In */
@-webkit-keyframes colored_clipping_down_in {
	0% { -webkit-transform: translateY(100%); translateZ(0); }
	50% { -webkit-transform: translateY(0); translateZ(0); }
	100% { -webkit-transform: translateY(-100%); translateZ(0); }
}

@-moz-keyframes colored_clipping_down_in {
	0% { -moz-transform: translateY(100%); translateZ(0); }
	50% { -moz-transform: translateY(0); translateZ(0); }
	100% { -moz-transform: translateY(-100%); translateZ(0); }
}

@-o-keyframes colored_clipping_down_in {
	0% { -o-transform: translateY(100%); translateZ(0); }
	50% { -o-transform: translateY(0); translateZ(0); }
	100% { -o-transform: translateY(-100%); translateZ(0); }
}

@keyframes colored_clipping_down_in {
	0% { transform: translateY(100%); translateZ(0); }
	50% { transform: translateY(0); translateZ(0); }
	100% { transform: translateY(-100%); translateZ(0); }
}

/* Colored Clipping Left In */
@-webkit-keyframes colored_clipping_left_in {
	0% { -webkit-transform: translateX(-100%); translateZ(0); }
	50% { -webkit-transform: translateX(0); translateZ(0); }
	100% { -webkit-transform: translateX(100%); translateZ(0); }
}

@-moz-keyframes colored_clipping_left_in {
	0% { -moz-transform: translateX(-100%); translateZ(0); }
	50% { -moz-transform: translateX(0); translateZ(0); }
	100% { -moz-transform: translateX(100%); translateZ(0); }
}

@-o-keyframes colored_clipping_left_in {
	0% { -o-transform: translateX(-100%); translateZ(0); }
	50% { -o-transform: translateX(0); translateZ(0); }
	100% { -o-transform: translateX(100%); translateZ(0); }
}

@keyframes colored_clipping_left_in {
	0% { transform: translateX(-100%); translateZ(0); }
	50% { transform: translateX(0); translateZ(0); }
	100% { transform: translateX(100%); translateZ(0); }
}

/* Colored Clipping Right In */
@-webkit-keyframes colored_clipping_right_in {
	0% { -webkit-transform: translateX(100%); translateZ(0); }
	50% { -webkit-transform: translateX(0); translateZ(0); }
	100% { -webkit-transform: translateX(-100%); translateZ(0); }
}

@-moz-keyframes colored_clipping_right_in {
	0% { -moz-transform: translateX(100%); translateZ(0); }
	50% { -moz-transform: translateX(0); translateZ(0); }
	100% { -moz-transform: translateX(-100%); translateZ(0); }
}

@-o-keyframes colored_clipping_right_in {
	0% { -o-transform: translateX(100%); translateZ(0); }
	50% { -o-transform: translateX(0); translateZ(0); }
	100% { -o-transform: translateX(-100%); translateZ(0); }
}

@keyframes colored_clipping_right_in {
	0% { transform: translateX(100%); translateZ(0); }
	50% { transform: translateX(0); translateZ(0); }
	100% { transform: translateX(-100%); translateZ(0); }
}

.grve-section.grve-middle-content .grve-clipping-content {
	display: table;
	width: 100%;
}

.grve-section.grve-middle-content .grve-clipping-content .grve-column-wrapper {
	display: table-cell;
	vertical-align: middle;
}

/* =============================================================================
--- Colores de Clipping Overlay (Paleta Movedo)
============================================================================= */
.grve-bg-dark { background-color: #1c1f21; }
.grve-bg-light { background-color: #ffffff; }
.grve-bg-primary-1 { background-color: #f9224b; }
.grve-bg-primary-2 { background-color: #15c7ff; }
.grve-bg-primary-3 { background-color: #6a54fe; }
.grve-bg-primary-4 { background-color: #fca000; }
.grve-bg-primary-5 { background-color: #38c888; }
.grve-bg-primary-6 { background-color: #8c8c8c; }
.grve-bg-green { background-color: #38c888; }
.grve-bg-orange { background-color: #fca000; }
.grve-bg-red { background-color: #f9224b; }
.grve-bg-blue { background-color: #15c7ff; }
.grve-bg-aqua { background-color: #2ed3c6; }
.grve-bg-purple { background-color: #6a54fe; }
.grve-bg-grey { background-color: #8c8c8c; }

/* =============================================================================
--- Elementos adicionales (Progress Bar, Counters, Icon Boxes)
============================================================================= */
.grve-progress-bars .grve-bar {
	position: relative;
	width: 100%;
	height: 8px;
	background-color: rgba(0, 0, 0, 0.08);
	overflow: hidden;
}

.grve-progress-bars .grve-bar-line {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0%;
	background-color: #15c7ff;
}

.grve-progress-bars.grve-style-2 .grve-bar {
	display: block;
	z-index: 1;
	margin-top: 6px;
	background-color: rgba(0, 0, 0, 0.1);
}

.grve-progress-bars.grve-style-2 .grve-percentage {
	float: right;
}

.grve-progress-bars.grve-line-round.grve-style-2 .grve-bar-line {
	-webkit-border-radius: 200px 0 0 200px;
	border-radius: 200px 0 0 200px;
}

.grve-counter .grve-counter-item {
	margin-bottom: 6px;
	line-height: 1.2;
}

@-webkit-keyframes icon_box_animation {
	0% { opacity: 1; -webkit-transform: scale(1); }
	100% { opacity: 0; -webkit-transform: scale(1.4); }
}

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

.no-js .grve-animated-item,
.no-js .grve-clipping-animation,
.no-js .grve-clipping-animation.grve-colored-clipping .grve-clipping-content {
	opacity: 1 !important;
	visibility: visible !important;
}