/********** TRANSITIONS AND ANIMATIONS **********/


._flip_perspectiva_comum {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

._content_perspectiva_swap_1_tmp {
	cursor:pointer; 
	position:relative;
	z-index:2001;
}

._content_perspectiva_swap_2_tmp {
	cursor:pointer; 
	position:relative;
	z-index:2001
}

._content_perspectiva_swap_2{
	cursor:pointer;
}

._animation_duration_1s{
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

._animation_duration_500ms{
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
}
	
._animation_delay_1s{
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

._animation_delay_500ms{
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}

._flip_perspectiva_out_fw {
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-webkit-animation-name: flip_perspectiva_out_fw;
	animation-name: flip_perspectiva_out_fw;
}
@-webkit-keyframes flip_perspectiva_out_fw {
  0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
  }
  100%{
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
		visibility:hidden;
  }
}
@keyframes flip_perspectiva_out_fw {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
		visibility:hidden;
	}
}

._flip_perspectiva_in_fw {
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-name: flip_perspectiva_in_fw;
	animation-name: flip_perspectiva_in_fw;
}
@-webkit-keyframes flip_perspectiva_in_fw {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		visibility:visible;
	}
	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
		visibility:visible;
	}
}
@keyframes flip_perspectiva_in_fw {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		visibility:visible;
	}
	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
		visibility:visible;
	}
}

._flip_perspectiva_in_rev {
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-webkit-animation-name: flip_perspectiva_in_rev;
	animation-name: flip_perspectiva_in_rev;
}
@-webkit-keyframes flip_perspectiva_in_rev {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
		visibility:visible;
	}
	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		visibility:visible;
	}
}
@keyframes flip_perspectiva_in_rev {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
		visibility:visible;
	}
	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		visibility:hidden;
	}
}

._flip_perspectiva_out_rev {
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-name: flip_perspectiva_out_rev;
	animation-name: flip_perspectiva_out_rev;
	visibility:hidden;
}
@-webkit-keyframes flip_perspectiva_out_rev {
  0% {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
	visibility:visible;
  }
  100%{
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
	visibility:visible;
  }
}
@keyframes flip_perspectiva_out_rev {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
		visibility:visible;
	}
	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
		visibility:visible;
	}
}



._flip_perspectiva_in {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flip_perspectiva_in;
	animation-name: flip_perspectiva_in;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes flip_perspectiva_in {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
	}
	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
	}
}
@keyframes flip_perspectiva_in {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
	}
	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
	}
}

._flip_perspectiva_out {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flip_perspectiva_out;
	animation-name: flip_perspectiva_out;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes flip_perspectiva_out {
  from {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
  }
  to {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  }
}
@keyframes flip_perspectiva_out {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	}
}


._flip_perspectiva_180 {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flip_perspectiva_180;
	animation-name: flip_perspectiva_180;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes flip_perspectiva_180 {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
  49% {
		visibility:hidden;
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	}
  50% {
		visibility:visible;
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
  }
	51% {
		visibility:visible;
	}
  100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
	}
}
@keyframes flip_perspectiva_180 {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
	49% {
		visibility:hidden;
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	}
	50% {
		visibility:hidden;
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -90deg);
	}
	51% {
		visibility:visible;
	}
	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
	}
}


._flip_perspectiva_z_1:hover {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flip_perspectiva_z_1;
	animation-name: flip_perspectiva_z_1;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes flip_perspectiva_z_1 {
	0% {-webkit-transform: perspective(400px);}
	10% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 40deg);}
	20% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -35deg);}
	30% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 30deg);}
	40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -25deg);}
	50% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 20deg);}
	60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);}
	70% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);}
	80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
	90% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 3deg);}
	100% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);}
}
@keyframes flip_perspectiva_z_1 {
	0% {transform: perspective(400px);}
	10% {transform: perspective(400px) rotate3d(0, 1, 0, 40deg);}
	20% {transform: perspective(400px) rotate3d(0, 1, 0, -35deg);}
	30% {transform: perspective(400px) rotate3d(0, 1, 0, 30deg);}
	40% {transform: perspective(400px) rotate3d(0, 1, 0, -25deg);}
	50% {transform: perspective(400px) rotate3d(0, 1, 0, 20deg);}
	60% {transform: perspective(400px) rotate3d(0, 1, 0, -15deg);}
	70% {transform: perspective(400px) rotate3d(0, 1, 0, 10deg);}
	80% {transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
	90% {transform: perspective(400px) rotate3d(0, 1, 0, 3deg);}
	100% {transform: perspective(400px) rotate3d(0, 1, 0, 0deg);}
}


._flip_perspectiva_z_2:hover {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flip_perspectiva_z_2;
	animation-name: flip_perspectiva_z_2;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes flip_perspectiva_z_2 {
	0% {-webkit-transform: perspective(400px);}
	10% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 20deg);}
	20% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -17deg);}
	30% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 15deg);}
	40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -12deg);}
	50% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);}
	60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -7deg);}
	70% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 5deg);}
	80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -2deg);}
	90% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 1deg);}
	100% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);}
}
@keyframes flip_perspectiva_z_2 {
	0% {transform: perspective(400px);}
	10% {transform: perspective(400px) rotate3d(0, 1, 0, 20deg);}
	20% {transform: perspective(400px) rotate3d(0, 1, 0, -17deg);}
	30% {transform: perspective(400px) rotate3d(0, 1, 0, 15deg);}
	40% {transform: perspective(400px) rotate3d(0, 1, 0, -12deg);}
	50% {transform: perspective(400px) rotate3d(0, 1, 0, 10deg);}
	60% {transform: perspective(400px) rotate3d(0, 1, 0, -7deg);}
	70% {transform: perspective(400px) rotate3d(0, 1, 0, 5deg);}
	80% {transform: perspective(400px) rotate3d(0, 1, 0, -2deg);}
	90% {transform: perspective(400px) rotate3d(0, 1, 0, 1deg);}
	100% {transform: perspective(400px) rotate3d(0, 1, 0, 0deg);}
}


._flip_perspectiva_z_3:hover {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flip_perspectiva_z_3;
	animation-name: flip_perspectiva_z_3;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes flip_perspectiva_z_3 {
	0% {-webkit-transform: perspective(400px);}
	20% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);}
	40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -8deg);}
	60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 5deg);}
	80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -3deg);}
	100% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);}
}
@keyframes flip_perspectiva_z_3 {
	0% {transform: perspective(400px);}
	20% {transform: perspective(400px) rotate3d(0, 1, 0, 10deg);}
	40% {transform: perspective(400px) rotate3d(0, 1, 0, -8deg);}
	60% {transform: perspective(400px) rotate3d(0, 1, 0, 5deg);}
	80% {transform: perspective(400px) rotate3d(0, 1, 0, -3deg);}
	100% {transform: perspective(400px) rotate3d(0, 1, 0, 0deg);}
}