/* animation sets */

/* move from / to  */

.pt-page-moveToTop {
	-webkit-animation: moveToTop .6s ease both;
	-moz-animation: moveToTop .6s linear both;
	animation: moveToTop .6s linear both;
}
.pt-page-moveFromTop {
	-webkit-animation: moveFromTop .6s ease both;
	-moz-animation: moveFromTop .7s linear both;
	animation: moveFromTop .6s linear both;
}
.pt-page-moveToBottom {
	-webkit-animation: moveToBottom .6s linear both;
	-moz-animation: moveToBottom .6s linear both;
	animation: moveToBottom .6s linear both;
}
.pt-page-moveFromBottom {
	-webkit-animation: moveFromBottom .6s linear both;
	-moz-animation: moveFromBottom .6s linear both;
	animation: moveFromBottom .6s linear both;
}

/********************************* keyframes **************************************/

/* move from / to  */



@-webkit-keyframes moveToTop {
 to {
-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes moveToTop {
 to {
-moz-transform: translateY(-100%);
}
}
@keyframes moveToTop {
 to {
transform: translateY(-100%);
}
}
@-o-keyframes moveToTop {
 to {
-o-transform: translateY(-100%);
}
}
 @-webkit-keyframes moveFromTop {
 from {
-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes moveFromTop {
 from {
-moz-transform: translateY(-100%);
}
}
@keyframes moveFromTop {
 from {
transform: translateY(-100%);
}
}
@-o-keyframes moveFromTop {
 from {
-o-transform: translateY(-100%);
}
}
 @-webkit-keyframes moveToBottom {
 to {
-webkit-transform: translateY(100%);
}
}
@-moz-keyframes moveToBottom {
 to {
-moz-transform: translateY(100%);
}
}
@keyframes moveToBottom {
 to {
transform: translateY(100%);
}
}
@-o-keyframes moveToBottom {
 to {
-o-transform: translateY(100%);
}
}
 @-webkit-keyframes moveFromBottom {
 from {
-webkit-transform: translateY(100%);
}
}
@-moz-keyframes moveFromBottom {
 from {
-moz-transform: translateY(100%);
}
}
@keyframes moveFromBottom {
 from {
transform: translateY(100%);
}
}
@-o-keyframes moveFromBottom {
 from {
-o-transform: translateY(100%);
}
}
/* push */
.pt-page-rotatePushLeft {
	-webkit-transform-origin: 0% 50%;
	-webkit-animation: rotatePushLeft .8s both ease;
	-moz-transform-origin: 0% 50%;
	-moz-animation: rotatePushLeft .8s both ease;
	transform-origin: 0% 50%;
	animation: rotatePushLeft .8s both ease;
}
.pt-page-rotatePushRight {
	-webkit-transform-origin: 100% 50%;
	-webkit-animation: rotatePushRight .8s both ease;
	-moz-transform-origin: 100% 50%;
	-moz-animation: rotatePushRight .8s both ease;
	transform-origin: 100% 50%;
	animation: rotatePushRight .8s both ease;
}
.pt-page-rotatePushTop {
	-webkit-transform-origin: 50% 0%;
	-webkit-animation: rotatePushTop .8s both ease;
	-moz-transform-origin: 50% 0%;
	-moz-animation: rotatePushTop .8s both ease;
	transform-origin: 50% 0%;
	animation: rotatePushTop .8s both ease;
}
.pt-page-rotatePushBottom {
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: rotatePushBottom .8s both ease;
	-moz-transform-origin: 50% 100%;
	-moz-animation: rotatePushBottom .8s both ease;
	transform-origin: 50% 100%;
	animation: rotatePushBottom .8s both ease;
}
 @-webkit-keyframes rotatePushTop {
 to {
opacity: 0;
-webkit-transform: rotateX(-90deg);
}
}
@-moz-keyframes rotatePushTop {
 to {
opacity: 0;
-moz-transform: rotateX(-90deg);
}
}
@keyframes rotatePushTop {
 to {
opacity: 0;
transform: rotateX(-90deg);
}
}
 @-webkit-keyframes rotatePushBottom {
 to {
opacity: 0;
-webkit-transform: rotateX(90deg);
}
}
@-moz-keyframes rotatePushBottom {
 to {
opacity: 0;
-moz-transform: rotateX(90deg);
}
}
@keyframes rotatePushBottom {
 to {
opacity: 0;
transform: rotateX(90deg);
}
}
/* fine form ricetta  */

.slideOutTop, .slideInTop, .slideOutBottom, .slideInBottom {
	visibility: visible;
	display: block;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
.slideOutTop {
	-webkit-animation: slideOutTop .7s;

	-moz-animation: slideOutTop .7s;
	-o-animation: slideOutTop .7s;
	-ms-animation: slideOutTop .7s;
	animation: slideOutTop .7s;
}
.slideInTop {
	-webkit-animation: slideInTop .7s;
	-moz-animation: slideInTop .7s;
	-o-animation: slideInTop .7s;
	-ms-animation: slideInTop .7s;
	animation: slideInTop .7s;
}
.slideOutBottom {
	-webkit-animation: slideOutBottom .7s;
	-moz-animation: slideOutBottom .7s;
	-o-animation: slideOutBottom .7s;
	-ms-animation: slideOutBottom .7s;
	animation: slideOutBottom .7s;
}
.slideInBottom {
	-webkit-animation: slideInBottom .7s;
	-moz-animation: slideInBottom .7s;
	-o-animation: slideInBottom .7s;
	-ms-animation: slideInBottom .7s;
	animation: slideInBottom .7s;
}
 @keyframes slideOutTop {
from {
transform:translate(0, 0)
}
to {
transform:translate(0, -100%)
}
}
@-o-keyframes slideOutTop {
from {
-o-transform:translate(0, 0)
}
to {
-o-transform:translate(0, -100%)
}
}
@-ms-keyframes slideOutTop {
from {
-ms-transform:translate(0, 0)
}
to {
-ms-transform:translate(0, -100%)
}
}
@-moz-keyframes slideOutTop {
from {
-moz-transform:translate(0, 0)
}
to {
-moz-transform:translate(0, -100%)
}
}
@-webkit-keyframes slideOutTop {
from {
-webkit-transform:translate(0, 0)
}
to {
-webkit-transform:translate(0, -100%)
}
}
 @keyframes slideInTop {
 from {
transform:translate(0, -100%)
}
 to {
transform:translate(0, 0)
}
}
@-o-keyframes slideInTop {
 from {
-o-transform:translate(0, -100%)
}
 to {
-o-transform:translate(0, 0)
}
}
@-ms-keyframes slideInTop {
 from {
-ms-transform:translate(0, -100%)
}
 to {
-ms-transform:translate(0, 0)
}
}
@-moz-keyframes slideInTop {
 from {
-moz-transform:translate(0, -100%)
}
 to {
-moz-transform:translate(0, 0)
}
}
@-webkit-keyframes slideInTop {
 from {
-webkit-transform:translate(0, -100%)
}
 to {
-webkit-transform:translate(0, 0)
}
}
 @keyframes slideOutBottom {
from {
transform:translate(0, 0)
}
to {
transform:translate(0, 100%)
}
}
@-o-keyframes slideOutBottom {
from {
-o-transform:translate(0, 0)
}
to {
-o-transform:translate(0, 100%)
}
}
@-ms-keyframes slideOutBottom {
from {
-ms-transform:translate(0, 0)
}
to {
-ms-transform:translate(0, 100%)
}
}
@-moz-keyframes slideOutBottom {
from {
-moz-transform:translate(0, 0)
}
to {
-moz-transform:translate(0, 100%)
}
}
@-webkit-keyframes slideOutBottom {
from {
-webkit-transform:translate(0, 0)
}
to {
-webkit-transform:translate(0, 100%)
}
}
 @keyframes slideInBottom {
 from {
transform:translate(0, 100%)
}
 to {
transform:translate(0, 0)
}
}
@-o-keyframes slideInBottom {
 from {
-o-transform:translate(0, 100%)
}
 to {
-o-transform:translate(0, 0)
}
}
@-ms-keyframes slideInBottom {
 from {
-ms-transform:translate(0, 100%)
}
 to {
-ms-transform:translate(0, 0)
}
}
@-moz-keyframes slideInBottom {
 from {
-moz-transform:translate(0, 100%)
}
 to {
-moz-transform:translate(0, 0)
}
}
@-webkit-keyframes slideInBottom {
 from {
-webkit-transform:translate(0, 100%)
}
 to {
-webkit-transform:translate(0, 0)
}
}