[class*=page-transition-]{backface-visibility:hidden;transform-style:preserve-3d;transform:translateZ(0);will-change:transform}@keyframes no{}.page-transition-none{animation:no 0s ease both}@keyframes fade{to{opacity:.3}}.page-transition-fade{animation:fade .7s ease both}@keyframes moveToLeft{to{transform:translate(-100%)}}.page-transition-moveToLeft{animation:moveToLeft .6s ease both}@keyframes moveFromLeft{0%{transform:translate(-100%)}}.page-transition-moveFromLeft{animation:moveFromLeft .6s ease both}@keyframes moveToRight{to{transform:translate(100%)}}.page-transition-moveToRight{animation:moveToRight .6s ease both}@keyframes moveFromRight{0%{transform:translate(100%)}}.page-transition-moveFromRight{animation:moveFromRight .6s ease both}@keyframes moveToTop{to{transform:translateY(-100%)}}.page-transition-moveToTop{animation:moveToTop .6s ease both}@keyframes moveFromTop{0%{transform:translateY(-100%)}}.page-transition-moveFromTop{animation:moveFromTop .6s ease both}@keyframes moveToBottom{to{transform:translateY(100%)}}.page-transition-moveToBottom{animation:moveToBottom .6s ease both}@keyframes moveFromBottom{0%{transform:translateY(100%)}}.page-transition-moveFromBottom{animation:moveFromBottom .6s ease both}@keyframes moveSmoothToLeft{to{transform:translate(-100%)}}.page-transition-moveSmoothToLeft{animation:moveToLeft .6s ease-in-out both}@keyframes moveSmoothFromLeft{0%{transform:translate(-100%)}}.page-transition-moveSmoothFromLeft{animation:moveFromLeft .6s ease-in-out both}@keyframes moveSmoothToRight{to{transform:translate(100%)}}.page-transition-moveSmoothToRight{animation:moveToRight .6s ease-in-out both}@keyframes moveSmoothFromRight{0%{transform:translate(100%)}}.page-transition-moveSmoothFromRight{animation:moveFromRight .6s ease-in-out both}@keyframes moveSmoothToTop{to{transform:translateY(-100%)}}.page-transition-moveSmoothToTop{animation:moveToTop .6s ease-in-out both}@keyframes moveSmoothFromTop{0%{transform:translateY(-100%)}}.page-transition-moveSmoothFromTop{animation:moveFromTop .6s ease-in-out both}@keyframes moveSmoothToBottom{to{transform:translateY(100%)}}.page-transition-moveSmoothToBottom{animation:moveToBottom .6s ease-in-out both}@keyframes moveSmoothFromBottom{0%{transform:translateY(100%)}}.page-transition-moveSmoothFromBottom{animation:moveFromBottom .6s ease-in-out both}@keyframes moveToLeftFade{to{opacity:.3;transform:translate(-100%)}}.page-transition-moveToLeftFade{animation:moveToLeftFade .7s ease both}@keyframes moveFromLeftFade{0%{opacity:.3;transform:translate(-100%)}}.page-transition-moveFromLeftFade{animation:moveFromLeftFade .7s ease both}@keyframes moveToRightFade{to{opacity:.3;transform:translate(100%)}}.page-transition-moveToRightFade{animation:moveToRightFade .7s ease both}@keyframes moveFromRightFade{0%{opacity:.3;transform:translate(100%)}}.page-transition-moveFromRightFade{animation:moveFromRightFade .7s ease both}@keyframes moveToTopFade{to{opacity:.3;transform:translateY(-100%)}}.page-transition-moveToTopFade{animation:moveToTopFade .7s ease both}@keyframes moveFromTopFade{0%{opacity:.3;transform:translateY(-100%)}}.page-transition-moveFromTopFade{animation:moveFromTopFade .7s ease both}@keyframes moveToBottomFade{to{opacity:.3;transform:translateY(100%)}}.page-transition-moveToBottomFade{animation:moveToBottomFade .7s ease both}@keyframes moveFromBottomFade{0%{opacity:.3;transform:translateY(100%)}}.page-transition-moveFromBottomFade{animation:moveFromBottomFade .7s ease both}@keyframes scaleDown{to{opacity:0;transform:scale(.8)}}.page-transition-scaleDown{animation:scaleDown .7s ease both}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}}.page-transition-scaleUp{animation:scaleUp .7s ease both}@keyframes scaleUpDown{0%{opacity:0;transform:scale(1.2)}}.page-transition-scaleUpDown{animation:scaleUpDown .5s ease both}@keyframes scaleDownUp{to{opacity:0;transform:scale(1.2)}}.page-transition-scaleDownUp{animation:scaleDownUp .5s ease both}@keyframes scaleDownCenter{to{opacity:0;transform:scale(.7)}}.page-transition-scaleDownCenter{animation:scaleDownCenter .4s ease-in both}@keyframes scaleUpCenter{0%{opacity:0;transform:scale(.7)}}.page-transition-scaleUpCenter{animation:scaleUpCenter .4s ease-out both}@keyframes rotateRightSideFirst{40%{transform:rotateY(15deg);opacity:.8;animation-timing-function:ease-out}to{transform:scale(.8) translateZ(-200px);opacity:0}}.page-transition-rotateRightSideFirst{transform-origin:0% 50%;animation:rotateRightSideFirst .8s both ease-in}@keyframes rotateLeftSideFirst{40%{transform:rotateY(-15deg);opacity:.8;animation-timing-function:ease-out}to{transform:scale(.8) translateZ(-200px);opacity:0}}.page-transition-rotateLeftSideFirst{transform-origin:100% 50%;animation:rotateLeftSideFirst .8s both ease-in}@keyframes rotateTopSideFirst{40%{transform:rotateX(15deg);opacity:.8;animation-timing-function:ease-out}to{transform:scale(.8) translateZ(-200px);opacity:0}}.page-transition-rotateTopSideFirst{transform-origin:50% 100%;animation:rotateTopSideFirst .8s both ease-in}@keyframes rotateBottomSideFirst{40%{transform:rotateX(-15deg);opacity:.8;animation-timing-function:ease-out}to{transform:scale(.8) translateZ(-200px);opacity:0}}.page-transition-rotateBottomSideFirst{transform-origin:50% 0%;animation:rotateBottomSideFirst .8s both ease-in}@keyframes flipOutRight{to{transform:translateZ(-1000px) rotateY(90deg);opacity:.2}}.page-transition-flipOutRight{transform-origin:50% 50%;animation:flipOutRight .5s both ease-in}@keyframes flipInLeft{0%{transform:translateZ(-1000px) rotateY(-90deg);opacity:.2}}.page-transition-flipInLeft{transform-origin:50% 50%;animation:flipInLeft .5s both ease-out}@keyframes flipOutLeft{to{transform:translateZ(-1000px) rotateY(-90deg);opacity:.2}}.page-transition-flipOutLeft{transform-origin:50% 50%;animation:flipOutLeft .5s both ease-in}@keyframes flipInRight{0%{transform:translateZ(-1000px) rotateY(90deg);opacity:.2}}.page-transition-flipInRight{transform-origin:50% 50%;animation:flipInRight .5s both ease-out}@keyframes flipOutTop{to{transform:translateZ(-1000px) rotateX(90deg);opacity:.2}}.page-transition-flipOutTop{transform-origin:50% 50%;animation:flipOutTop .5s both ease-in}@keyframes flipInBottom{0%{transform:translateZ(-1000px) rotateX(-90deg);opacity:.2}}.page-transition-flipInBottom{transform-origin:50% 50%;animation:flipInBottom .5s both ease-out}@keyframes flipOutBottom{to{transform:translateZ(-1000px) rotateX(-90deg);opacity:.2}}.page-transition-flipOutBottom{transform-origin:50% 50%;animation:flipOutBottom .5s both ease-in}@keyframes flipInTop{0%{transform:translateZ(-1000px) rotateX(90deg);opacity:.2}}.page-transition-flipInTop{transform-origin:50% 50%;animation:flipInTop .5s both ease-out}@keyframes rotateFall{0%{transform:rotate(0)}20%{transform:rotate(10deg);animation-timing-function:ease-out}40%{transform:rotate(17deg)}60%{transform:rotate(16deg)}to{transform:translateY(100%) rotate(17deg)}}.page-transition-rotateFall{transform-origin:0% 0%;animation:rotateFall 1s both ease-in}@keyframes rotateOutNewspaper{to{transform:translateZ(-3000px) rotate(360deg);opacity:0}}.page-transition-rotateOutNewspaper{transform-origin:50% 50%;animation:rotateOutNewspaper .5s both ease-in}@keyframes rotateInNewspaper{0%{transform:translateZ(-3000px) rotate(-360deg);opacity:0}}.page-transition-rotateInNewspaper{transform-origin:50% 50%;animation:rotateInNewspaper .5s both ease-out}@keyframes rotatePushLeft{to{opacity:0;transform:rotateY(90deg)}}.page-transition-rotatePushLeft{transform-origin:0% 50%;animation:rotatePushLeft .8s both ease}@keyframes rotatePushRight{to{opacity:0;transform:rotateY(-90deg)}}.page-transition-rotatePushRight{transform-origin:100% 50%;animation:rotatePushRight .8s both ease}@keyframes rotatePushTop{to{opacity:0;transform:rotateX(-90deg)}}.page-transition-rotatePushTop{transform-origin:50% 0%;animation:rotatePushTop .8s both ease}@keyframes rotatePushBottom{to{opacity:0;transform:rotateX(90deg)}}.page-transition-rotatePushBottom{transform-origin:50% 100%;animation:rotatePushBottom .8s both ease}@keyframes rotatePullRight{0%{opacity:0;transform:rotateY(-90deg)}}.page-transition-rotatePullRight{transform-origin:100% 50%;animation:rotatePullRight .5s both ease}@keyframes rotatePullLeft{0%{opacity:0;transform:rotateY(90deg)}}.page-transition-rotatePullLeft{transform-origin:0% 50%;animation:rotatePullLeft .5s both ease}@keyframes rotatePullTop{0%{opacity:0;transform:rotateX(-90deg)}}.page-transition-rotatePullTop{transform-origin:50% 0%;animation:rotatePullTop .5s both ease}@keyframes rotatePullBottom{0%{opacity:0;transform:rotateX(90deg)}}.page-transition-rotatePullBottom{transform-origin:50% 100%;animation:rotatePullBottom .5s both ease}@keyframes rotateFoldRight{to{opacity:0;transform:translate(100%) rotateY(90deg)}}.page-transition-rotateFoldRight{transform-origin:0% 50%;animation:rotateFoldRight .7s both ease}@keyframes rotateFoldLeft{to{opacity:0;transform:translate(-100%) rotateY(-90deg)}}.page-transition-rotateFoldLeft{transform-origin:100% 50%;animation:rotateFoldLeft .7s both ease}@keyframes rotateFoldTop{to{opacity:0;transform:translateY(-100%) rotateX(90deg)}}.page-transition-rotateFoldTop{transform-origin:50% 100%;animation:rotateFoldTop .7s both ease}@keyframes rotateFoldBottom{to{opacity:0;transform:translateY(100%) rotateX(-90deg)}}.page-transition-rotateFoldBottom{transform-origin:50% 0%;animation:rotateFoldBottom .7s both ease}@keyframes rotateUnfoldLeft{0%{opacity:0;transform:translate(-100%) rotateY(-90deg)}}.page-transition-rotateUnfoldLeft{transform-origin:100% 50%;animation:rotateUnfoldLeft .7s both ease}@keyframes rotateUnfoldRight{0%{opacity:0;transform:translate(100%) rotateY(90deg)}}.page-transition-rotateUnfoldRight{transform-origin:0% 50%;animation:rotateUnfoldRight .7s both ease}@keyframes rotateUnfoldTop{0%{opacity:0;transform:translateY(-100%) rotateX(90deg)}}.page-transition-rotateUnfoldTop{transform-origin:50% 100%;animation:rotateUnfoldTop .7s both ease}@keyframes rotateUnfoldBottom{0%{opacity:0;transform:translateY(100%) rotateX(-90deg)}}.page-transition-rotateUnfoldBottom{transform-origin:50% 0%;animation:rotateUnfoldBottom .7s both ease}@keyframes rotateRoomLeftOut{to{opacity:.3;transform:translate(-100%) rotateY(90deg)}}.page-transition-rotateRoomLeftOut{transform-origin:100% 50%;animation:rotateRoomLeftOut .8s both ease}@keyframes rotateRoomLeftIn{0%{opacity:.3;transform:translate(100%) rotateY(-90deg)}}.page-transition-rotateRoomLeftIn{transform-origin:0% 50%;animation:rotateRoomLeftIn .8s both ease}@keyframes rotateRoomRightOut{to{opacity:.3;transform:translate(100%) rotateY(-90deg)}}.page-transition-rotateRoomRightOut{transform-origin:0% 50%;animation:rotateRoomRightOut .8s both ease}@keyframes rotateRoomRightIn{0%{opacity:.3;transform:translate(-100%) rotateY(90deg)}}.page-transition-rotateRoomRightIn{transform-origin:100% 50%;animation:rotateRoomRightIn .8s both ease}@keyframes rotateRoomTopOut{to{opacity:.3;transform:translateY(-100%) rotateX(-90deg)}}.page-transition-rotateRoomTopOut{transform-origin:50% 100%;animation:rotateRoomTopOut .8s both ease}@keyframes rotateRoomTopIn{0%{opacity:.3;transform:translateY(100%) rotateX(90deg)}}.page-transition-rotateRoomTopIn{transform-origin:50% 0%;animation:rotateRoomTopIn .8s both ease}@keyframes rotateRoomBottomOut{to{opacity:.3;transform:translateY(100%) rotateX(90deg)}}.page-transition-rotateRoomBottomOut{transform-origin:50% 0%;animation:rotateRoomBottomOut .8s both ease}@keyframes rotateRoomBottomIn{0%{opacity:.3;transform:translateY(-100%) rotateX(-90deg)}}.page-transition-rotateRoomBottomIn{transform-origin:50% 100%;animation:rotateRoomBottomIn .8s both ease}@keyframes rotateCubeLeftOut{50%{animation-timing-function:ease-out;transform:translate(-50%) translateZ(-200px) rotateY(-45deg)}to{opacity:.3;transform:translate(-100%) rotateY(-90deg)}}.page-transition-rotateCubeLeftOut{transform-origin:100% 50%;animation:rotateCubeLeftOut .6s both ease-in}@keyframes rotateCubeLeftIn{0%{opacity:.3;transform:translate(100%) rotateY(90deg)}50%{animation-timing-function:ease-out;transform:translate(50%) translateZ(-200px) rotateY(45deg)}}.page-transition-rotateCubeLeftIn{transform-origin:0% 50%;animation:rotateCubeLeftIn .6s both ease-in}@keyframes rotateCubeRightOut{50%{animation-timing-function:ease-out;transform:translate(50%) translateZ(-200px) rotateY(45deg)}to{opacity:.3;transform:translate(100%) rotateY(90deg)}}.page-transition-rotateCubeRightOut{transform-origin:0% 50%;animation:rotateCubeRightOut .6s both ease-in}@keyframes rotateCubeRightIn{0%{opacity:.3;transform:translate(-100%) rotateY(-90deg)}50%{animation-timing-function:ease-out;transform:translate(-50%) translateZ(-200px) rotateY(-45deg)}}.page-transition-rotateCubeRightIn{transform-origin:100% 50%;animation:rotateCubeRightIn .6s both ease-in}@keyframes rotateCubeTopOut{50%{animation-timing-function:ease-out;transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}to{opacity:.3;transform:translateY(-100%) rotateX(90deg)}}.page-transition-rotateCubeTopOut{transform-origin:50% 100%;animation:rotateCubeTopOut .6s both ease-in}@keyframes rotateCubeTopIn{0%{opacity:.3;transform:translateY(100%) rotateX(-90deg)}50%{animation-timing-function:ease-out;transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}}.page-transition-rotateCubeTopIn{transform-origin:50% 0%;animation:rotateCubeTopIn .6s both ease-in}@keyframes rotateCubeBottomOut{50%{animation-timing-function:ease-out;transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}to{opacity:.3;transform:translateY(100%) rotateX(-90deg)}}.page-transition-rotateCubeBottomOut{transform-origin:50% 0%;animation:rotateCubeBottomOut .6s both ease-in}@keyframes rotateCubeBottomIn{0%{opacity:.3;transform:translateY(-100%) rotateX(90deg)}50%{animation-timing-function:ease-out;transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}}.page-transition-rotateCubeBottomIn{transform-origin:50% 100%;animation:rotateCubeBottomIn .6s both ease-in}@keyframes rotateCarouselLeftOut{to{opacity:.3;transform:translate(-150%) scale(.4) rotateY(-65deg)}}.page-transition-rotateCarouselLeftOut{transform-origin:100% 50%;animation:rotateCarouselLeftOut .8s both ease}@keyframes rotateCarouselLeftIn{0%{opacity:.3;transform:translate(200%) scale(.4) rotateY(65deg)}}.page-transition-rotateCarouselLeftIn{transform-origin:0% 50%;animation:rotateCarouselLeftIn .8s both ease}@keyframes rotateCarouselRightOut{to{opacity:.3;transform:translate(200%) scale(.4) rotateY(65deg)}}.page-transition-rotateCarouselRightOut{transform-origin:0% 50%;animation:rotateCarouselRightOut .8s both ease}@keyframes rotateCarouselRightIn{0%{opacity:.3;transform:translate(-200%) scale(.4) rotateY(-65deg)}}.page-transition-rotateCarouselRightIn{transform-origin:100% 50%;animation:rotateCarouselRightIn .8s both ease}@keyframes rotateCarouselTopOut{to{opacity:.3;transform:translateY(-200%) scale(.4) rotateX(65deg)}}.page-transition-rotateCarouselTopOut{transform-origin:50% 100%;animation:rotateCarouselTopOut .8s both ease}@keyframes rotateCarouselTopIn{0%{opacity:.3;transform:translateY(200%) scale(.4) rotateX(-65deg)}}.page-transition-rotateCarouselTopIn{transform-origin:50% 0%;animation:rotateCarouselTopIn .8s both ease}@keyframes rotateCarouselBottomOut{to{opacity:.3;transform:translateY(200%) scale(.4) rotateX(-65deg)}}.page-transition-rotateCarouselBottomOut{transform-origin:50% 0%;animation:rotateCarouselBottomOut .8s both ease}@keyframes rotateCarouselBottomIn{0%{opacity:.3;transform:translateY(-200%) scale(.4) rotateX(65deg)}}.page-transition-rotateCarouselBottomIn{transform-origin:50% 100%;animation:rotateCarouselBottomIn .8s both ease}@keyframes rotateSidesOut{to{opacity:0;transform:translateZ(-500px) rotateY(90deg)}}.page-transition-rotateSidesOut{transform-origin:-50% 50%;animation:rotateSidesOut .5s both ease-in}@keyframes rotateSidesIn{0%{opacity:0;transform:translateZ(-500px) rotateY(-90deg)}}.page-transition-rotateSidesIn{transform-origin:150% 50%;animation:rotateSidesIn .5s both ease-out}@keyframes rotateSlideOut{25%{opacity:.5;transform:translateZ(-500px)}75%{opacity:.5;transform:translateZ(-500px) translate(-200%)}to{opacity:.5;transform:translateZ(-500px) translate(-200%)}}.page-transition-rotateSlideOut{animation:rotateSlideOut 1s both ease}@keyframes rotateSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translate(200%)}75%{opacity:.5;transform:translateZ(-500px)}to{opacity:1;transform:translateZ(0) translate(0)}}.page-transition-rotateSlideIn{animation:rotateSlideIn 1s both ease}.fancy-title{font-size:20vw;font-weight:700;text-transform:uppercase;text-align:center;color:#fff;opacity:.1}
