/* animation sets */

/* move from / to  */

.pt-page-movetoleft {
	-webkit-animation: movetoleft .6s ease both;
	animation: movetoleft .6s ease both;
}

.pt-page-movefromleft {
	-webkit-animation: movefromleft .6s ease both;
	animation: movefromleft .6s ease both;
}

.pt-page-movetoright {
	-webkit-animation: movetoright .6s ease both;
	animation: movetoright .6s ease both;
}

.pt-page-movefromright {
	-webkit-animation: movefromright .6s ease both;
	animation: movefromright .6s ease both;
}

.pt-page-movetotop {
	-webkit-animation: movetotop .6s ease both;
	animation: movetotop .6s ease both;
}

.pt-page-movefromtop {
	-webkit-animation: movefromtop .6s ease both;
	animation: movefromtop .6s ease both;
}

.pt-page-movetobottom {
	-webkit-animation: movetobottom .6s ease both;
	animation: movetobottom .6s ease both;
}

.pt-page-movefrombottom {
	-webkit-animation: movefrombottom .6s ease both;
	animation: movefrombottom .6s ease both;
}

/* fade */

.pt-page-fade {
	-webkit-animation: fade .7s ease both;
	animation: fade .7s ease both;
}

/* move from / to and fade */

.pt-page-movetoleftfade {
	-webkit-animation: movetoleftfade .7s ease both;
	animation: movetoleftfade .7s ease both;
}

.pt-page-movefromleftfade {
	-webkit-animation: movefromleftfade .7s ease both;
	animation: movefromleftfade .7s ease both;
}

.pt-page-movetorightfade {
	-webkit-animation: movetorightfade .7s ease both;
	animation: movetorightfade .7s ease both;
}

.pt-page-movefromrightfade {
	-webkit-animation: movefromrightfade .7s ease both;
	animation: movefromrightfade .7s ease both;
}

.pt-page-movetotopfade {
	-webkit-animation: movetotopfade .7s ease both;
	animation: movetotopfade .7s ease both;
}

.pt-page-movefromtopfade {
	-webkit-animation: movefromtopfade .7s ease both;
	animation: movefromtopfade .7s ease both;
}

.pt-page-movetobottomfade {
	-webkit-animation: movetobottomfade .7s ease both;
	animation: movetobottomfade .7s ease both;
}

.pt-page-movefrombottomfade {
	-webkit-animation: movefrombottomfade .7s ease both;
	animation: movefrombottomfade .7s ease both;
}

/* move to with different easing */

.pt-page-movetolefteasing {
	-webkit-animation: movetoleft .7s ease-in-out both;
	animation: movetoleft .7s ease-in-out both;
}
.pt-page-movetorighteasing {
	-webkit-animation: movetoright .7s ease-in-out both;
	animation: movetoright .7s ease-in-out both;
}
.pt-page-movetotopeasing {
	-webkit-animation: movetotop .7s ease-in-out both;
	animation: movetotop .7s ease-in-out both;
}
.pt-page-movetobottomeasing {
	-webkit-animation: movetobottom .7s ease-in-out both;
	animation: movetobottom .7s ease-in-out both;
}

/*  iconup & circle */
.pt-page-moveiconup {
	-webkit-animation: moveiconup ease 1.5s both infinite;
	animation: movetobottom ease 1.5s both infinite;
}

.pt-page-movecircle {
	-webkit-animation: movecircle ease-in-out 1.2s both;
	animation: movecircle ease-in-out 1.2s both;
}


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

/* move from / to  */

@-webkit-keyframes movetoleft {
	from { }
	to { -webkit-transform: translatex(-100%); }
}
@keyframes movetoleft {
	from { }
	to { -webkit-transform: translatex(-100%); transform: translatex(-100%); }
}

@-webkit-keyframes movefromleft {
	from { -webkit-transform: translatex(-100%); }
}
@keyframes movefromleft {
	from { -webkit-transform: translatex(-100%); transform: translatex(-100%); }
}

@-webkit-keyframes movetoright { 
	from { }
	to { -webkit-transform: translatex(100%); }
}
@keyframes movetoright { 
	from { }
	to { -webkit-transform: translatex(100%); transform: translatex(100%); }
}

@-webkit-keyframes movefromright {
	from { -webkit-transform: translatex(100%); }
}
@keyframes movefromright {
	from { -webkit-transform: translatex(100%); transform: translatex(100%); }
}

@-webkit-keyframes movetotop {
	from { }
	to { -webkit-transform: translatey(-100%); }
}
@keyframes movetotop {
	from { }
	to { -webkit-transform: translatey(-100%); transform: translatey(-100%); }
}

@-webkit-keyframes movefromtop {
	from { -webkit-transform: translatey(-100%); }
}
@keyframes movefromtop {
	from { -webkit-transform: translatey(-100%); transform: translatey(-100%); }
}

@-webkit-keyframes movetobottom {
	from { }
	to { -webkit-transform: translatey(100%); }
}
@keyframes movetobottom {
	from { }
	to { -webkit-transform: translatey(100%); transform: translatey(100%); }
}

@-webkit-keyframes movefrombottom {
	from { -webkit-transform: translatey(100%); }
}
@keyframes movefrombottom {
	from { -webkit-transform: translatey(100%); transform: translatey(100%); }
}

@-webkit-keyframes moveiconup {
	0% { -webkit-transform: translatey(100%); opacity:0;}
	50% { -webkit-transform: translatey(0%); opacity:1;}
	100% { -webkit-transform: translatey(-100%); opacity:0;}
}
@keyframes moveiconup {
	0% { -webkit-transform: translatey(100%); transform: translatey(100%); opacity:0;}
	50% { -webkit-transform: translatey(0%); transform: translatey(0%); opacity:1;}
	100% { -webkit-transform: translatey(-100%); transform: translatey(-100%); opacity:0;}
}

@-webkit-keyframes movecircle {
	0% { -webkit-transform: translatey(-80%);-webkit-opacity:0.1;}
	5% { -webkit-transform: translatey(-80%);-webkit-opacity:0.3;}
	35% { -webkit-transform: translatey(10%);-webkit-opacity:1;}
	60% { -webkit-transform: translatey(-13%);}
	65% { -webkit-transform: translatey(-13%);}
	100% { -webkit-transform: translatey(0%);}
}

@keyframes movecircle {
	0% { -webkit-transform: translatey(-80%);-webkit-opacity:0.1;
		transform: translatey(-80%);opacity:0.1;}
	5% { -webkit-transform: translatey(-80%);-webkit-opacity:0.3;
		transform: translatey(-80%);opacity:0.3;}
	35% { -webkit-transform: translatey(10%);-webkit-opacity:1;
		transform: translatey(10%);opacity:1;}
	60% { -webkit-transform: translatey(-13%);transform: translatey(-13%);}
	65% { -webkit-transform: translatey(-13%);transform: translatey(-13%);}
	100% { -webkit-transform: translatey(0%);transform: translatey(0%);}
}

/* fade */

@-webkit-keyframes fade {
	from { }
	to { opacity: 0.3; }
}
@keyframes fade {
	from { }
	to { opacity: 0.3; }
}

/* move from / to and fade */

@-webkit-keyframes movetoleftfade {
	from { }
	to { opacity: 0.3; -webkit-transform: translatex(-100%); }
}
@keyframes movetoleftfade {
	from { }
	to { opacity: 0.3; -webkit-transform: translatex(-100%); transform: translatex(-100%); }
}

@-webkit-keyframes movefromleftfade {
	from { opacity: 0.3; -webkit-transform: translatex(-100%); }
}
@keyframes movefromleftfade {
	from { opacity: 0.3; -webkit-transform: translatex(-100%); transform: translatex(-100%); }
}

@-webkit-keyframes movetorightfade {
	from { }
	to { opacity: 0.3; -webkit-transform: translatex(100%); }
}
@keyframes movetorightfade {
	from { }
	to { opacity: 0.3; -webkit-transform: translatex(100%); transform: translatex(100%); }
}

@-webkit-keyframes movefromrightfade {
	from { opacity: 0.3; -webkit-transform: translatex(100%); }
}
@keyframes movefromrightfade {
	from { opacity: 0.3; -webkit-transform: translatex(100%); transform: translatex(100%); }
}

@-webkit-keyframes movetotopfade {
	from { }
	to { opacity: 0.3; -webkit-transform: translatey(-100%); }
}
@keyframes movetotopfade {
	from { }
	to { opacity: 0.3; -webkit-transform: translatey(-100%); transform: translatey(-100%); }
}

@-webkit-keyframes movefromtopfade {
	from { opacity: 0.3; -webkit-transform: translatey(-100%); }
}
@keyframes movefromtopfade {
	from { opacity: 0.3; -webkit-transform: translatey(-100%); transform: translatey(-100%); }
}

@-webkit-keyframes movetobottomfade {
	from { }
	to { opacity: 0.3; -webkit-transform: translatey(100%); }
}
@keyframes movetobottomfade {
	from { }
	to { opacity: 0.3; -webkit-transform: translatey(100%); transform: translatey(100%); }
}

@-webkit-keyframes movefrombottomfade {
	from { opacity: 0.3; -webkit-transform: translatey(100%); }
}
@keyframes movefrombottomfade {
	from { opacity: 0.3; -webkit-transform: translatey(100%); transform: translatey(100%); }
}

/* scale and fade */

.pt-page-scaledown {
	-webkit-animation: scaledown .7s ease both;
	animation: scaledown .7s ease both;
}

.pt-page-scaleup {
	-webkit-animation: scaleup .7s ease both;
	animation: scaleup .7s ease both;
}

.pt-page-scaleupdown {
	-webkit-animation: scaleupdown .5s ease both;
	animation: scaleupdown .5s ease both;
}

.pt-page-scaledownup {
	-webkit-animation: scaledownup .5s ease both;
	animation: scaledownup .5s ease both;
}

.pt-page-scaledowncenter {
	-webkit-animation: scaledowncenter .4s ease-in both;
	animation: scaledowncenter .4s ease-in both;
}

.pt-page-scaleupcenter {
	-webkit-animation: scaleupcenter .4s ease-out both;
	animation: scaleupcenter .4s ease-out both;
}

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

/* scale and fade */

@-webkit-keyframes scaledown {
	from { }
	to { opacity: 0; -webkit-transform: scale(.8); }
}
@keyframes scaledown {
	from { }
	to { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); }
}

@-webkit-keyframes scaleup {
	from { opacity: 0; -webkit-transform: scale(.8); }
}
@keyframes scaleup {
	from { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); }
}

@-webkit-keyframes scaleupdown {
	from { opacity: 0; -webkit-transform: scale(1.2); }
}
@keyframes scaleupdown {
	from { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@-webkit-keyframes scaledownup {
	from { }
	to { opacity: 0; -webkit-transform: scale(1.2); }
}
@keyframes scaledownup {
	from { }
	to { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@-webkit-keyframes scaledowncenter {
	from { }
	to { opacity: 0; -webkit-transform: scale(.7); }
}
@keyframes scaledowncenter {
	from { }
	to { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7); }
}

@-webkit-keyframes scaleupcenter {
	from { opacity: 0; -webkit-transform: scale(.7); }
}
@keyframes scaleupcenter {
	from { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7); }
}

/* rotate sides first and scale */

.pt-page-rotaterightsidefirst {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotaterightsidefirst .8s both ease-in;
	animation: rotaterightsidefirst .8s both ease-in;
}
.pt-page-rotateleftsidefirst {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateleftsidefirst .8s both ease-in;
	animation: rotateleftsidefirst .8s both ease-in;
}
.pt-page-rotatetopsidefirst {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotatetopsidefirst .8s both ease-in;
	animation: rotatetopsidefirst .8s both ease-in;
}
.pt-page-rotatebottomsidefirst {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotatebottomsidefirst .8s both ease-in;
	animation: rotatebottomsidefirst .8s both ease-in;
}

/* flip */

.pt-page-flipoutright {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipoutright .5s both ease-in;
	animation: flipoutright .5s both ease-in;
}
.pt-page-flipinleft {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipinleft .5s both ease-out;
	animation: flipinleft .5s both ease-out;
}
.pt-page-flipoutleft {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipoutleft .5s both ease-in;
	animation: flipoutleft .5s both ease-in;
}
.pt-page-flipinright {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipinright .5s both ease-out;
	animation: flipinright .5s both ease-out;
}
.pt-page-flipouttop {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipouttop .5s both ease-in;
	animation: flipouttop .5s both ease-in;
}
.pt-page-flipinbottom {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipinbottom .5s both ease-out;
	animation: flipinbottom .5s both ease-out;
}
.pt-page-flipoutbottom {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipoutbottom .5s both ease-in;
	animation: flipoutbottom .5s both ease-in;
}
.pt-page-flipintop {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: flipintop .5s both ease-out;
	animation: flipintop .5s both ease-out;
}

/* rotate fall */

.pt-page-rotatefall {
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-animation: rotatefall 1s both ease-in;
	animation: rotatefall 1s both ease-in;
}

/* rotate newspaper */
.pt-page-rotateoutnewspaper {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: rotateoutnewspaper .5s both ease-in;
	animation: rotateoutnewspaper .5s both ease-in;
}
.pt-page-rotateinnewspaper {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: rotateinnewspaper .5s both ease-out;
	animation: rotateinnewspaper .5s both ease-out;
}

/* push */
.pt-page-rotatepushleft {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotatepushleft .8s both ease;
	animation: rotatepushleft .8s both ease;
}
.pt-page-rotatepushright {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotatepushright .8s both ease;
	animation: rotatepushright .8s both ease;
}
.pt-page-rotatepushtop {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotatepushtop .8s both ease;
	animation: rotatepushtop .8s both ease;
}
.pt-page-rotatepushbottom {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotatepushbottom .8s both ease;
	animation: rotatepushbottom .8s both ease;
}

/* pull */
.pt-page-rotatepullright {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotatepullright .5s both ease;
	animation: rotatepullright .5s both ease;
}
.pt-page-rotatepullleft {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotatepullleft .5s both ease;
	animation: rotatepullleft .5s both ease;
}
.pt-page-rotatepulltop {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotatepulltop .5s both ease;
	animation: rotatepulltop .5s both ease;
}
.pt-page-rotatepullbottom {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotatepullbottom .5s both ease;
	animation: rotatepullbottom .5s both ease;
}

/* fold */
.pt-page-rotatefoldright {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotatefoldright .7s both ease;
	animation: rotatefoldright .7s both ease;
}
.pt-page-rotatefoldleft {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotatefoldleft .7s both ease;
	animation: rotatefoldleft .7s both ease;
}
.pt-page-rotatefoldtop {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotatefoldtop .7s both ease;
	animation: rotatefoldtop .7s both ease;
}
.pt-page-rotatefoldbottom {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotatefoldbottom .7s both ease;
	animation: rotatefoldbottom .7s both ease;
}

/* unfold */
.pt-page-rotateunfoldleft {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateunfoldleft .7s both ease;
	animation: rotateunfoldleft .7s both ease;
}
.pt-page-rotateunfoldright {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateunfoldright .7s both ease;
	animation: rotateunfoldright .7s both ease;
}
.pt-page-rotateunfoldtop {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateunfoldtop .7s both ease;
	animation: rotateunfoldtop .7s both ease;
}
.pt-page-rotateunfoldbottom {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateunfoldbottom .7s both ease;
	animation: rotateunfoldbottom .7s both ease;
}

/* room walls */
.pt-page-rotateroomleftout {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateroomleftout .8s both ease;
	animation: rotateroomleftout .8s both ease;
}
.pt-page-rotateroomleftin {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateroomleftin .8s both ease;
	animation: rotateroomleftin .8s both ease;
}
.pt-page-rotateroomrightout {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateroomrightout .8s both ease;
	animation: rotateroomrightout .8s both ease;
}
.pt-page-rotateroomrightin {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateroomrightin .8s both ease;
	animation: rotateroomrightin .8s both ease;
}
.pt-page-rotateroomtopout {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateroomtopout .8s both ease;
	animation: rotateroomtopout .8s both ease;
}
.pt-page-rotateroomtopin {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateroomtopin .8s both ease;
	animation: rotateroomtopin .8s both ease;
}
.pt-page-rotateroombottomout {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotateroombottomout .8s both ease;
	animation: rotateroombottomout .8s both ease;
}
.pt-page-rotateroombottomin {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateroombottomin .8s both ease;
	animation: rotateroombottomin .8s both ease;
}

/* cube */
.pt-page-rotatecubeleftout {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotatecubeleftout .6s both ease-in;
	animation: rotatecubeleftout .6s both ease-in;
}
.pt-page-rotatecubeleftin {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotatecubeleftin .6s both ease-in;
	animation: rotatecubeleftin .6s both ease-in;
}
.pt-page-rotatecuberightout {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotatecuberightout .6s both ease-in;
	animation: rotatecuberightout .6s both ease-in;
}
.pt-page-rotatecuberightin {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotatecuberightin .6s both ease-in;
	animation: rotatecuberightin .6s both ease-in;
}
.pt-page-rotatecubetopout {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotatecubetopout .6s both ease-in;
	animation: rotatecubetopout .6s both ease-in;
}
.pt-page-rotatecubetopin {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotatecubetopin .6s both ease-in;
	animation: rotatecubetopin .6s both ease-in;
}
.pt-page-rotatecubebottomout {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotatecubebottomout .6s both ease-in;
	animation: rotatecubebottomout .6s both ease-in;
}
.pt-page-rotatecubebottomin {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotatecubebottomin .6s both ease-in;
	animation: rotatecubebottomin .6s both ease-in;
}

/* carousel */
.pt-page-rotatecarouselleftout {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotatecarouselleftout .8s both ease;
	animation: rotatecarouselleftout .8s both ease;
}
.pt-page-rotatecarouselleftin {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotatecarouselleftin .8s both ease;
	animation: rotatecarouselleftin .8s both ease;
}
.pt-page-rotatecarouselrightout {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotatecarouselrightout .8s both ease;
	animation: rotatecarouselrightout .8s both ease;
}
.pt-page-rotatecarouselrightin {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotatecarouselrightin .8s both ease;
	animation: rotatecarouselrightin .8s both ease;
}
.pt-page-rotatecarouseltopout {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotatecarouseltopout .8s both ease;
	animation: rotatecarouseltopout .8s both ease;
}
.pt-page-rotatecarouseltopin {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotatecarouseltopin .8s both ease;
	animation: rotatecarouseltopin .8s both ease;
}
.pt-page-rotatecarouselbottomout {
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: rotatecarouselbottomout .8s both ease;
	animation: rotatecarouselbottomout .8s both ease;
}
.pt-page-rotatecarouselbottomin {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotatecarouselbottomin .8s both ease;
	animation: rotatecarouselbottomin .8s both ease;
}

/* sides */
.pt-page-rotatesidesout {
	-webkit-transform-origin: -50% 50%;
	transform-origin: -50% 50%;
	-webkit-animation: rotatesidesout .5s both ease-in;
	animation: rotatesidesout .5s both ease-in;
}
.pt-page-rotatesidesin {
	-webkit-transform-origin: 150% 50%;
	transform-origin: 150% 50%;
	-webkit-animation: rotatesidesin .5s both ease-out;
	animation: rotatesidesin .5s both ease-out;
}

/* slide */
.pt-page-rotateslideout {
	-webkit-animation: rotateslideout 1s both ease;
	animation: rotateslideout 1s both ease;
}
.pt-page-rotateslidein {
	-webkit-animation: rotateslidein 1s both ease;
	animation: rotateslidein 1s both ease;
}

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

/* rotate sides first and scale */

@-webkit-keyframes rotaterightsidefirst {
	0% { }
	40% { -webkit-transform: rotatey(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translatez(-200px); opacity:0; }
}
@keyframes rotaterightsidefirst {
	0% { }
	40% { -webkit-transform: rotatey(15deg); transform: rotatey(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translatez(-200px); transform: scale(0.8) translatez(-200px); opacity:0; }
}

@-webkit-keyframes rotateleftsidefirst {
	0% { }
	40% { -webkit-transform: rotatey(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translatez(-200px); opacity:0; }
}
@keyframes rotateleftsidefirst {
	0% { }
	40% { -webkit-transform: rotatey(-15deg); transform: rotatey(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translatez(-200px); transform: scale(0.8) translatez(-200px); opacity:0; }
}

@-webkit-keyframes rotatetopsidefirst {
	0% { }
	40% { -webkit-transform: rotatex(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translatez(-200px); opacity:0; }
}
@keyframes rotatetopsidefirst {
	0% { }
	40% { -webkit-transform: rotatex(15deg); transform: rotatex(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translatez(-200px); transform: scale(0.8) translatez(-200px); opacity:0; }
}

@-webkit-keyframes rotatebottomsidefirst {
	0% { }
	40% { -webkit-transform: rotatex(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translatez(-200px); opacity:0; }
}
@keyframes rotatebottomsidefirst {
	0% { }
	40% { -webkit-transform: rotatex(-15deg); transform: rotatex(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(0.8) translatez(-200px); transform: scale(0.8) translatez(-200px); opacity:0; }
}

/* flip */

@-webkit-keyframes flipoutright {
	from { }
	to { -webkit-transform: translatez(-1000px) rotatey(90deg); opacity: 0.2; }
}
@keyframes flipoutright {
	from { }
	to { -webkit-transform: translatez(-1000px) rotatey(90deg); transform: translatez(-1000px) rotatey(90deg); opacity: 0.2; }
}

@-webkit-keyframes flipinleft {
	from { -webkit-transform: translatez(-1000px) rotatey(-90deg); opacity: 0.2; }
}
@keyframes flipinleft {
	from { -webkit-transform: translatez(-1000px) rotatey(-90deg); transform: translatez(-1000px) rotatey(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipoutleft {
	from { }
	to { -webkit-transform: translatez(-1000px) rotatey(-90deg); opacity: 0.2; }
}
@keyframes flipoutleft {
	from { }
	to { -webkit-transform: translatez(-1000px) rotatey(-90deg); transform: translatez(-1000px) rotatey(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipinright {
	from { -webkit-transform: translatez(-1000px) rotatey(90deg); opacity: 0.2; }
}
@keyframes flipinright {
	from { -webkit-transform: translatez(-1000px) rotatey(90deg); transform: translatez(-1000px) rotatey(90deg); opacity: 0.2; }
}

@-webkit-keyframes flipouttop {
	from { }
	to { -webkit-transform: translatez(-1000px) rotatex(90deg); opacity: 0.2; }
}
@keyframes flipouttop {
	from { }
	to { -webkit-transform: translatez(-1000px) rotatex(90deg); transform: translatez(-1000px) rotatex(90deg); opacity: 0.2; }
}

@-webkit-keyframes flipinbottom {
	from { -webkit-transform: translatez(-1000px) rotatex(-90deg); opacity: 0.2; }
}
@keyframes flipinbottom {
	from { -webkit-transform: translatez(-1000px) rotatex(-90deg); transform: translatez(-1000px) rotatex(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipoutbottom {
	from { }
	to { -webkit-transform: translatez(-1000px) rotatex(-90deg); opacity: 0.2; }
}
@keyframes flipoutbottom {
	from { }
	to { -webkit-transform: translatez(-1000px) rotatex(-90deg); transform: translatez(-1000px) rotatex(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipintop {
	from { -webkit-transform: translatez(-1000px) rotatex(90deg); opacity: 0.2; }
}
@keyframes flipintop {
	from { -webkit-transform: translatez(-1000px) rotatex(90deg); transform: translatez(-1000px) rotatex(90deg); opacity: 0.2; }
}

/* fall */

@-webkit-keyframes rotatefall {
	0% { -webkit-transform: rotatez(0deg); }
	20% { -webkit-transform: rotatez(10deg); -webkit-animation-timing-function: ease-out; }
	40% { -webkit-transform: rotatez(17deg); }
	60% { -webkit-transform: rotatez(16deg); }
	100% { -webkit-transform: translatey(100%) rotatez(17deg); }
}
@keyframes rotatefall {
	0% { -webkit-transform: rotatez(0deg); transform: rotatez(0deg); }
	20% { -webkit-transform: rotatez(10deg); transform: rotatez(10deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
	40% { -webkit-transform: rotatez(17deg); transform: rotatez(17deg); }
	60% { -webkit-transform: rotatez(16deg); transform: rotatez(16deg); }
	100% { -webkit-transform: translatey(100%) rotatez(17deg); transform: translatey(100%) rotatez(17deg); }
}

/* newspaper */

@-webkit-keyframes rotateoutnewspaper {
	from { }
	to { -webkit-transform: translatez(-3000px) rotatez(360deg); opacity: 0; }
}
@keyframes rotateoutnewspaper {
	from { }
	to { -webkit-transform: translatez(-3000px) rotatez(360deg); transform: translatez(-3000px) rotatez(360deg); opacity: 0; }
}

@-webkit-keyframes rotateinnewspaper {
	from { -webkit-transform: translatez(-3000px) rotatez(-360deg); opacity: 0; }
}
@keyframes rotateinnewspaper {
	from { -webkit-transform: translatez(-3000px) rotatez(-360deg); transform: translatez(-3000px) rotatez(-360deg); opacity: 0; }
}

/* push */

@-webkit-keyframes rotatepushleft {
	from { }
	to { opacity: 0; -webkit-transform: rotatey(90deg); }
}
@keyframes rotatepushleft {
	from { }
	to { opacity: 0; -webkit-transform: rotatey(90deg); transform: rotatey(90deg); }
}

@-webkit-keyframes rotatepushright {
	from { }
	to { opacity: 0; -webkit-transform: rotatey(-90deg); }
}
@keyframes rotatepushright {
	from { }
	to { opacity: 0; -webkit-transform: rotatey(-90deg); transform: rotatey(-90deg); }
}

@-webkit-keyframes rotatepushtop {
	from { }
	to { opacity: 0; -webkit-transform: rotatex(-90deg); }
}
@keyframes rotatepushtop {
	from { }
	to { opacity: 0; -webkit-transform: rotatex(-90deg); transform: rotatex(-90deg); }
}

@-webkit-keyframes rotatepushbottom {
	from { }
	to { opacity: 0; -webkit-transform: rotatex(90deg); }
}
@keyframes rotatepushbottom {
	from { }
	to { opacity: 0; -webkit-transform: rotatex(90deg); transform: rotatex(90deg); }
}

/* pull */

@-webkit-keyframes rotatepullright {
	from { opacity: 0; -webkit-transform: rotatey(-90deg); }
}
@keyframes rotatepullright {
	from { opacity: 0; -webkit-transform: rotatey(-90deg); transform: rotatey(-90deg); }
}

@-webkit-keyframes rotatepullleft {
	from { opacity: 0; -webkit-transform: rotatey(90deg); }
}
@keyframes rotatepullleft {
	from { opacity: 0; -webkit-transform: rotatey(90deg); transform: rotatey(90deg); }
}

@-webkit-keyframes rotatepulltop {
	from { opacity: 0; -webkit-transform: rotatex(-90deg); }
}
@keyframes rotatepulltop {
	from { opacity: 0; -webkit-transform: rotatex(-90deg); transform: rotatex(-90deg); }
}

@-webkit-keyframes rotatepullbottom {
	from { opacity: 0; -webkit-transform: rotatex(90deg); }
}
@keyframes rotatepullbottom {
	from { opacity: 0; -webkit-transform: rotatex(90deg); transform: rotatex(90deg); }
}

/* fold */

@-webkit-keyframes rotatefoldright {
	from { }
	to { opacity: 0; -webkit-transform: translatex(100%) rotatey(90deg); }
}
@keyframes rotatefoldright {
	from { }
	to { opacity: 0; -webkit-transform: translatex(100%) rotatey(90deg); transform: translatex(100%) rotatey(90deg); }
}

@-webkit-keyframes rotatefoldleft {
	from { }
	to { opacity: 0; -webkit-transform: translatex(-100%) rotatey(-90deg); }
}
@keyframes rotatefoldleft {
	from { }
	to { opacity: 0; -webkit-transform: translatex(-100%) rotatey(-90deg); transform: translatex(-100%) rotatey(-90deg); }
}

@-webkit-keyframes rotatefoldtop {
	from { }
	to { opacity: 0; -webkit-transform: translatey(-100%) rotatex(90deg); }
}
@keyframes rotatefoldtop {
	from { }
	to { opacity: 0; -webkit-transform: translatey(-100%) rotatex(90deg); transform: translatey(-100%) rotatex(90deg); }
}

@-webkit-keyframes rotatefoldbottom {
	from { }
	to { opacity: 0; -webkit-transform: translatey(100%) rotatex(-90deg); }
}
@keyframes rotatefoldbottom {
	from { }
	to { opacity: 0; -webkit-transform: translatey(100%) rotatex(-90deg); transform: translatey(100%) rotatex(-90deg); }
}

/* unfold */

@-webkit-keyframes rotateunfoldleft {
	from { opacity: 0; -webkit-transform: translatex(-100%) rotatey(-90deg); }
}
@keyframes rotateunfoldleft {
	from { opacity: 0; -webkit-transform: translatex(-100%) rotatey(-90deg); transform: translatex(-100%) rotatey(-90deg); }
}

@-webkit-keyframes rotateunfoldright {
	from { opacity: 0; -webkit-transform: translatex(100%) rotatey(90deg); }
}
@keyframes rotateunfoldright {
	from { opacity: 0; -webkit-transform: translatex(100%) rotatey(90deg); transform: translatex(100%) rotatey(90deg); }
}

@-webkit-keyframes rotateunfoldtop {
	from { opacity: 0; -webkit-transform: translatey(-100%) rotatex(90deg); }
}
@keyframes rotateunfoldtop {
	from { opacity: 0; -webkit-transform: translatey(-100%) rotatex(90deg); transform: translatey(-100%) rotatex(90deg); }
}

@-webkit-keyframes rotateunfoldbottom {
	from { opacity: 0; -webkit-transform: translatey(100%) rotatex(-90deg); }
}
@keyframes rotateunfoldbottom {
	from { opacity: 0; -webkit-transform: translatey(100%) rotatex(-90deg); transform: translatey(100%) rotatex(-90deg); }
}

/* room walls */

@-webkit-keyframes rotateroomleftout {
	from { }
	to { opacity: .3; -webkit-transform: translatex(-100%) rotatey(90deg); }
}
@keyframes rotateroomleftout {
	from { }
	to { opacity: .3; -webkit-transform: translatex(-100%) rotatey(90deg); transform: translatex(-100%) rotatey(90deg); }
}

@-webkit-keyframes rotateroomleftin {
	from { opacity: .3; -webkit-transform: translatex(100%) rotatey(-90deg); }
}
@keyframes rotateroomleftin {
	from { opacity: .3; -webkit-transform: translatex(100%) rotatey(-90deg); transform: translatex(100%) rotatey(-90deg); }
}

@-webkit-keyframes rotateroomrightout {
	from { }
	to { opacity: .3; -webkit-transform: translatex(100%) rotatey(-90deg); }
}
@keyframes rotateroomrightout {
	from { }
	to { opacity: .3; -webkit-transform: translatex(100%) rotatey(-90deg); transform: translatex(100%) rotatey(-90deg); }
}

@-webkit-keyframes rotateroomrightin {
	from { opacity: .3; -webkit-transform: translatex(-100%) rotatey(90deg); }
}
@keyframes rotateroomrightin {
	from { opacity: .3; -webkit-transform: translatex(-100%) rotatey(90deg); transform: translatex(-100%) rotatey(90deg); }
}

@-webkit-keyframes rotateroomtopout {
	from { }
	to { opacity: .3; -webkit-transform: translatey(-100%) rotatex(-90deg); }
}
@keyframes rotateroomtopout {
	from { }
	to { opacity: .3; -webkit-transform: translatey(-100%) rotatex(-90deg); transform: translatey(-100%) rotatex(-90deg); }
}

@-webkit-keyframes rotateroomtopin {
	from { opacity: .3; -webkit-transform: translatey(100%) rotatex(90deg); }
}
@keyframes rotateroomtopin {
	from { opacity: .3; -webkit-transform: translatey(100%) rotatex(90deg); transform: translatey(100%) rotatex(90deg); }
}

@-webkit-keyframes rotateroombottomout {
	from { }
	to { opacity: .3; -webkit-transform: translatey(100%) rotatex(90deg); }
}
@keyframes rotateroombottomout {
	from { }
	to { opacity: .3; -webkit-transform: translatey(100%) rotatex(90deg); transform: translatey(100%) rotatex(90deg); }
}

@-webkit-keyframes rotateroombottomin {
	from { opacity: .3; -webkit-transform: translatey(-100%) rotatex(-90deg); }
}
@keyframes rotateroombottomin {
	from { opacity: .3; -webkit-transform: translatey(-100%) rotatex(-90deg); transform: translatey(-100%) rotatex(-90deg); }
}

/* cube */

@-webkit-keyframes rotatecubeleftout {
	0% { }
	50% { -webkit-animation-timing-function: ease-out;  -webkit-transform: translatex(-50%) translatez(-200px) rotatey(-45deg); }
	100% { opacity: .3; -webkit-transform: translatex(-100%) rotatey(-90deg); }
}
@keyframes rotatecubeleftout {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;  -webkit-transform: translatex(-50%) translatez(-200px) rotatey(-45deg);  transform: translatex(-50%) translatez(-200px) rotatey(-45deg); }
	100% { opacity: .3; -webkit-transform: translatex(-100%) rotatey(-90deg); transform: translatex(-100%) rotatey(-90deg); }
}

@-webkit-keyframes rotatecubeleftin {
	0% { opacity: .3; -webkit-transform: translatex(100%) rotatey(90deg); }
	50% { -webkit-animation-timing-function: ease-out;  -webkit-transform: translatex(50%) translatez(-200px) rotatey(45deg); }
}
@keyframes rotatecubeleftin {
	0% { opacity: .3; -webkit-transform: translatex(100%) rotatey(90deg); transform: translatex(100%) rotatey(90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;  -webkit-transform: translatex(50%) translatez(-200px) rotatey(45deg);  transform: translatex(50%) translatez(-200px) rotatey(45deg); }
}

@-webkit-keyframes rotatecuberightout {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translatex(50%) translatez(-200px) rotatey(45deg); }
	100% { opacity: .3; -webkit-transform: translatex(100%) rotatey(90deg); }
}
@keyframes rotatecuberightout {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translatex(50%) translatez(-200px) rotatey(45deg); transform: translatex(50%) translatez(-200px) rotatey(45deg); }
	100% { opacity: .3; -webkit-transform: translatex(100%) rotatey(90deg); transform: translatex(100%) rotatey(90deg); }
}

@-webkit-keyframes rotatecuberightin {
	0% { opacity: .3; -webkit-transform: translatex(-100%) rotatey(-90deg); }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translatex(-50%) translatez(-200px) rotatey(-45deg); }
}
@keyframes rotatecuberightin {
	0% { opacity: .3; -webkit-transform: translatex(-100%) rotatey(-90deg); transform: translatex(-100%) rotatey(-90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translatex(-50%) translatez(-200px) rotatey(-45deg); transform: translatex(-50%) translatez(-200px) rotatey(-45deg); }
}

@-webkit-keyframes rotatecubetopout {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translatey(-50%) translatez(-200px) rotatex(45deg); }
	100% { opacity: .3; -webkit-transform: translatey(-100%) rotatex(90deg); }
}
@keyframes rotatecubetopout {
	0% {}
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translatey(-50%) translatez(-200px) rotatex(45deg); transform: translatey(-50%) translatez(-200px) rotatex(45deg); }
	100% { opacity: .3; -webkit-transform: translatey(-100%) rotatex(90deg); transform: translatey(-100%) rotatex(90deg); }
}

@-webkit-keyframes rotatecubetopin {
	0% { opacity: .3; -webkit-transform: translatey(100%) rotatex(-90deg); }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translatey(50%) translatez(-200px) rotatex(-45deg); }
}
@keyframes rotatecubetopin {
	0% { opacity: .3; -webkit-transform: translatey(100%) rotatex(-90deg); transform: translatey(100%) rotatex(-90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translatey(50%) translatez(-200px) rotatex(-45deg); transform: translatey(50%) translatez(-200px) rotatex(-45deg); }
}

@-webkit-keyframes rotatecubebottomout {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translatey(50%) translatez(-200px) rotatex(-45deg); }
	100% { opacity: .3; -webkit-transform: translatey(100%) rotatex(-90deg); }
}
@keyframes rotatecubebottomout {
	0% { }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translatey(50%) translatez(-200px) rotatex(-45deg); transform: translatey(50%) translatez(-200px) rotatex(-45deg); }
	100% { opacity: .3; -webkit-transform: translatey(100%) rotatex(-90deg); transform: translatey(100%) rotatex(-90deg); }
}

@-webkit-keyframes rotatecubebottomin {
	0% { opacity: .3; -webkit-transform: translatey(-100%) rotatex(90deg); }
	50% { -webkit-animation-timing-function: ease-out; -webkit-transform: translatey(-50%) translatez(-200px) rotatex(45deg); }
}
@keyframes rotatecubebottomin {
	0% { opacity: .3; -webkit-transform: translatey(-100%) rotatex(90deg); transform: translatey(-100%) rotatex(90deg); }
	50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translatey(-50%) translatez(-200px) rotatex(45deg); transform: translatey(-50%) translatez(-200px) rotatex(45deg); }
}

/* carousel */

@-webkit-keyframes rotatecarouselleftout {
	from { }
	to { opacity: .3; -webkit-transform: translatex(-150%) scale(.4) rotatey(-65deg); }
}
@keyframes rotatecarouselleftout {
	from { }
	to { opacity: .3; -webkit-transform: translatex(-150%) scale(.4) rotatey(-65deg); transform: translatex(-150%) scale(.4) rotatey(-65deg); }
}

@-webkit-keyframes rotatecarouselleftin {
	from { opacity: .3; -webkit-transform: translatex(200%) scale(.4) rotatey(65deg); }
}
@keyframes rotatecarouselleftin {
	from { opacity: .3; -webkit-transform: translatex(200%) scale(.4) rotatey(65deg); transform: translatex(200%) scale(.4) rotatey(65deg); }
}

@-webkit-keyframes rotatecarouselrightout {
	from { }
	to { opacity: .3; -webkit-transform: translatex(200%) scale(.4) rotatey(65deg); }
}
@keyframes rotatecarouselrightout {
	from { }
	to { opacity: .3; -webkit-transform: translatex(200%) scale(.4) rotatey(65deg); transform: translatex(200%) scale(.4) rotatey(65deg); }
}

@-webkit-keyframes rotatecarouselrightin {
	from { opacity: .3; -webkit-transform: translatex(-200%) scale(.4) rotatey(-65deg); }
}
@keyframes rotatecarouselrightin {
	from { opacity: .3; -webkit-transform: translatex(-200%) scale(.4) rotatey(-65deg); transform: translatex(-200%) scale(.4) rotatey(-65deg); }
}

@-webkit-keyframes rotatecarouseltopout {
	from { }
	to { opacity: .3; -webkit-transform: translatey(-200%) scale(.4) rotatex(65deg); }
}
@keyframes rotatecarouseltopout {
	from { }
	to { opacity: .3; -webkit-transform: translatey(-200%) scale(.4) rotatex(65deg); transform: translatey(-200%) scale(.4) rotatex(65deg); }
}

@-webkit-keyframes rotatecarouseltopin {
	from { opacity: .3; -webkit-transform: translatey(200%) scale(.4) rotatex(-65deg); }
}
@keyframes rotatecarouseltopin {
	from { opacity: .3; -webkit-transform: translatey(200%) scale(.4) rotatex(-65deg); transform: translatey(200%) scale(.4) rotatex(-65deg); }
}

@-webkit-keyframes rotatecarouselbottomout {
	from { }
	to { opacity: .3; -webkit-transform: translatey(200%) scale(.4) rotatex(-65deg); }
}
@keyframes rotatecarouselbottomout {
	from { }
	to { opacity: .3; -webkit-transform: translatey(200%) scale(.4) rotatex(-65deg); transform: translatey(200%) scale(.4) rotatex(-65deg); }
}

@-webkit-keyframes rotatecarouselbottomin {
	from { opacity: .3; -webkit-transform: translatey(-200%) scale(.4) rotatex(65deg); }
}
@keyframes rotatecarouselbottomin {
	from { opacity: .3; -webkit-transform: translatey(-200%) scale(.4) rotatex(65deg); transform: translatey(-200%) scale(.4) rotatex(65deg); }
}

/* sides */

@-webkit-keyframes rotatesidesout {
	from { }
	to { opacity: 0; -webkit-transform: translatez(-500px) rotatey(90deg); }
}
@keyframes rotatesidesout {
	from { }
	to { opacity: 0; -webkit-transform: translatez(-500px) rotatey(90deg); transform: translatez(-500px) rotatey(90deg); }
}

@-webkit-keyframes rotatesidesin {
	from { opacity: 0; -webkit-transform: translatez(-500px) rotatey(-90deg); }
}
@keyframes rotatesidesin {
	from { opacity: 0; -webkit-transform: translatez(-500px) rotatey(-90deg); transform: translatez(-500px) rotatey(-90deg); }
}

/* slide */

@-webkit-keyframes rotateslideout {
	0% { }
	25% { opacity: .5; -webkit-transform: translatez(-500px); }
	75% { opacity: .5; -webkit-transform: translatez(-500px) translatex(-200%); }
	100% { opacity: .5; -webkit-transform: translatez(-500px) translatex(-200%); }
}
@keyframes rotateslideout {
	0% { }
	25% { opacity: .5; -webkit-transform: translatez(-500px); transform: translatez(-500px); }
	75% { opacity: .5; -webkit-transform: translatez(-500px) translatex(-200%); transform: translatez(-500px) translatex(-200%); }
	100% { opacity: .5; -webkit-transform: translatez(-500px) translatex(-200%); transform: translatez(-500px) translatex(-200%); }
}

@-webkit-keyframes rotateslidein {
	0%, 25% { opacity: .5; -webkit-transform: translatez(-500px) translatex(200%); }
	75% { opacity: .5; -webkit-transform: translatez(-500px); }
	100% { opacity: 1; -webkit-transform: translatez(0) translatex(0); }
}
@keyframes rotateslidein {
	0%, 25% { opacity: .5; -webkit-transform: translatez(-500px) translatex(200%); transform: translatez(-500px) translatex(200%); }
	75% { opacity: .5; -webkit-transform: translatez(-500px); transform: translatez(-500px); }
	100% { opacity: 1; -webkit-transform: translatez(0) translatex(0); transform: translatez(0) translatex(0); }
}

/* animation delay classes */

.pt-page-delay100 {
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
}
.pt-page-delay180 {
	-webkit-animation-delay: .180s;
	animation-delay: .180s;
}
.pt-page-delay200 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}
.pt-page-delay300 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
.pt-page-delay400 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}
.pt-page-delay500 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.pt-page-delay700 {
	-webkit-animation-delay: .7s;
	animation-delay: .7s;
}
.pt-page-delay1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}