.home .pagination { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; -webkit-animation: content-fade .5s ease-in-out both; animation: content-fade .5s ease-in-out both; -webkit-animation-delay: .5s; animation-delay: .5s; display:none;}

.page-pagination { -webkit-animation: content-fade .5s ease-in-out both; animation: content-fade .5s ease-in-out both; -webkit-animation-delay: .5s; animation-delay: .5s; }

.pt-slider div.imp-wrap { max-width: none !important; }

.pt-slider .imp-wrap > img { width: inherit !important; height: inherit !important; }

.pt-slider img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50% !important; object-position: 50% 50% !important; vertical-align: middle !important; }

.pt-slider .imp-wrap { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50% !important; object-position: 50% 50% !important; vertical-align: middle !important; }

/* .pt-slider .p-item span.title { */
/* font-family: 'Steelfish', sans-serif; text-transform: uppercase; font-size: 14px; letter-spacing: .15em; font-weight: 300; line-height: 30px; color: #fff */
/* } */
.pt-slider .p-item span.title { -webkit-animation: p-title-anim-out .3s ease both; animation: p-title-anim-out .3s ease both; }

.pt-slider .p-item.current span.title { opacity: 0; -webkit-animation: p-title-anim .3s ease both; animation: p-title-anim .3s ease both; }

.pt-slider span.p-line { height: 1px; width: 15px; }

.pt-slider .p-item span.p-line { -webkit-animation: p-line-anim-out .3s ease-in-out both; animation: p-line-anim-out .3s ease-in-out both; -webkit-animation-delay: 0s; animation-delay: 0s; }

.pt-slider .p-item.current span.p-line { width: 15px; opacity: 1 !important; -webkit-animation: p-line-anim .3s ease-in-out both; animation: p-line-anim .3s ease-in-out both; }

@-webkit-keyframes p-line-anim { from { width: 15px;
    opacity: .3; }
  to { width: 30px;
    opacity: 1; } }

@keyframes p-line-anim { from { width: 15px;
    opacity: .3; }
  to { width: 30px;
    opacity: 1; } }

@-webkit-keyframes p-line-anim-out { from { width: 30px;
    opacity: 1; }
  to { width: 15px;
    opacity: .3; } }

@keyframes p-line-anim-out { from { width: 30px;
    opacity: 1; }
  to { width: 15px;
    opacity: .3; } }

@-webkit-keyframes p-title-anim { from { opacity: .3;
    margin: 0 0 0 25px; }
  to { opacity: 1;
    margin: 0 0 0 40px; } }

@keyframes p-title-anim { from { opacity: .3;
    margin: 0 0 0 25px; }
  to { opacity: 1;
    margin: 0 0 0 40px; } }

@-webkit-keyframes p-title-anim-out { from { opacity: 1;
    margin: 0 0 0 40px; }
  to { opacity: .3;
    margin: 0 0 0 25px; } }

@keyframes p-title-anim-out { from { opacity: 1;
    margin: 0 0 0 40px; }
  to { opacity: .3;
    margin: 0 0 0 25px; } }

@-webkit-keyframes content-fade { from { opacity: 0; }
  to { opacity: 1; } }

.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; }

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

.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; }

.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; }

@-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%); } 
  to {-webkit-transform: translateY(0);} 
}

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

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

@keyframes fade { from { }
  to { opacity: .3; } }

@-webkit-keyframes moveToLeftFade { from { }
  to { opacity: .3;
    -webkit-transform: translateX(-100%); } }

@keyframes moveToLeftFade { from { }
  to { opacity: .3;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

@-webkit-keyframes moveFromLeftFade { from { opacity: .3;
    -webkit-transform: translateX(-100%); } }

@keyframes moveFromLeftFade { from { opacity: .3;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

@-webkit-keyframes moveToRightFade { from { }
  to { opacity: .3;
    -webkit-transform: translateX(100%); } }

@keyframes moveToRightFade { from { }
  to { opacity: .3;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@-webkit-keyframes moveFromRightFade { from { opacity: .3;
    -webkit-transform: translateX(100%); } }

@keyframes moveFromRightFade { from { opacity: .3;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@-webkit-keyframes moveToTopFade { from { }
  to { opacity: .3;
    -webkit-transform: translateY(-100%); } }

@keyframes moveToTopFade { from { }
  to { opacity: .3;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }

@-webkit-keyframes moveFromTopFade { from { opacity: .3;
    -webkit-transform: translateY(-100%); } }

@keyframes moveFromTopFade { from { opacity: .3;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }

@-webkit-keyframes moveToBottomFade { from { }
  to { opacity: .3;
    -webkit-transform: translateY(100%); } }

@keyframes moveToBottomFade { from { }
  to { opacity: .3;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); } }

@-webkit-keyframes moveFromBottomFade { from { opacity: .3;
    -webkit-transform: translateY(100%); } }

@keyframes moveFromBottomFade { from { opacity: .3;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); } }

.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; }

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

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

@-webkit-keyframes scaleUp { from { opacity: 0;
    -webkit-transform: scale(0.8); } }

@keyframes scaleUp { from { opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.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(0.7); } }

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

@-webkit-keyframes scaleUpCenter { from { opacity: 0;
    -webkit-transform: scale(0.7); } }

@keyframes scaleUpCenter { from { opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7); } }

.pt-page-rotateRightSideFirst { -webkit-transform-origin: 0% 50%; -ms-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%; -ms-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%; -ms-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%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotateBottomSideFirst .8s both ease-in; animation: rotateBottomSideFirst .8s both ease-in; }

.pt-page-flipOutRight { -webkit-transform-origin: 50% 50%; -ms-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%; -ms-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%; -ms-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%; -ms-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%; -ms-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%; -ms-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%; -ms-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%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInTop .5s both ease-out; animation: flipInTop .5s both ease-out; }

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

.pt-page-rotateOutNewspaper { -webkit-transform-origin: 50% 50%; -ms-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%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: rotateInNewspaper .5s both ease-out; animation: rotateInNewspaper .5s both ease-out; }

.pt-page-rotatePushLeft { -webkit-transform-origin: 0% 50%; -ms-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%; -ms-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%; -ms-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%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotatePushBottom .8s both ease; animation: rotatePushBottom .8s both ease; }

.pt-page-rotatePullRight { -webkit-transform-origin: 100% 50%; -ms-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%; -ms-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%; -ms-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%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotatePullBottom .5s both ease; animation: rotatePullBottom .5s both ease; }

.pt-page-rotateFoldRight { -webkit-transform-origin: 0% 50%; -ms-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%; -ms-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%; -ms-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%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotateFoldBottom .7s both ease; animation: rotateFoldBottom .7s both ease; }

.pt-page-rotateUnfoldLeft { -webkit-transform-origin: 100% 50%; -ms-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%; -ms-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%; -ms-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%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotateUnfoldBottom .7s both ease; animation: rotateUnfoldBottom .7s both ease; }

.pt-page-rotateRoomLeftOut { -webkit-transform-origin: 100% 50%; -ms-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%; -ms-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%; -ms-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%; -ms-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%; -ms-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%; -ms-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%; -ms-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%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateRoomBottomIn .8s both ease; animation: rotateRoomBottomIn .8s both ease; }

.pt-page-rotateCubeLeftOut { -webkit-transform-origin: 100% 50%; -ms-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%; -ms-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%; -ms-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%; -ms-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%; -ms-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%; -ms-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%; -ms-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%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateCubeBottomIn .6s both ease-in; animation: rotateCubeBottomIn .6s both ease-in; }

.pt-page-rotateCarouselLeftOut { -webkit-transform-origin: 100% 50%; -ms-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%; -ms-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%; -ms-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%; -ms-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%; -ms-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%; -ms-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%; -ms-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%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateCarouselBottomIn .8s both ease; animation: rotateCarouselBottomIn .8s both ease; }

.pt-page-rotateSidesOut { -webkit-transform-origin: -50% 50%; -ms-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%; -ms-transform-origin: 150% 50%; transform-origin: 150% 50%; -webkit-animation: rotateSidesIn .5s both ease-out; animation: rotateSidesIn .5s both ease-out; }

.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; }

@-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; } }

@-webkit-keyframes flipOutRight { from { }
  to { -webkit-transform: translateZ(-1000px) rotateY(90deg);
    opacity: .2; } }

@keyframes flipOutRight { from { }
  to { -webkit-transform: translateZ(-1000px) rotateY(90deg);
    transform: translateZ(-1000px) rotateY(90deg);
    opacity: .2; } }

@-webkit-keyframes flipInLeft { from { -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    opacity: .2; } }

@keyframes flipInLeft { from { -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    transform: translateZ(-1000px) rotateY(-90deg);
    opacity: .2; } }

@-webkit-keyframes flipOutLeft { from { }
  to { -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    opacity: .2; } }

@keyframes flipOutLeft { from { }
  to { -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    transform: translateZ(-1000px) rotateY(-90deg);
    opacity: .2; } }

@-webkit-keyframes flipInRight { from { -webkit-transform: translateZ(-1000px) rotateY(90deg);
    opacity: .2; } }

@keyframes flipInRight { from { -webkit-transform: translateZ(-1000px) rotateY(90deg);
    transform: translateZ(-1000px) rotateY(90deg);
    opacity: .2; } }

@-webkit-keyframes flipOutTop { from { }
  to { -webkit-transform: translateZ(-1000px) rotateX(90deg);
    opacity: .2; } }

@keyframes flipOutTop { from { }
  to { -webkit-transform: translateZ(-1000px) rotateX(90deg);
    transform: translateZ(-1000px) rotateX(90deg);
    opacity: .2; } }

@-webkit-keyframes flipInBottom { from { -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    opacity: .2; } }

@keyframes flipInBottom { from { -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    transform: translateZ(-1000px) rotateX(-90deg);
    opacity: .2; } }

@-webkit-keyframes flipOutBottom { from { }
  to { -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    opacity: .2; } }

@keyframes flipOutBottom { from { }
  to { -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    transform: translateZ(-1000px) rotateX(-90deg);
    opacity: .2; } }

@-webkit-keyframes flipInTop { from { -webkit-transform: translateZ(-1000px) rotateX(90deg);
    opacity: .2; } }

@keyframes flipInTop { from { -webkit-transform: translateZ(-1000px) rotateX(90deg);
    transform: translateZ(-1000px) rotateX(90deg);
    opacity: .2; } }

@-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); } }

@-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; } }

@-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); } }

@-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); } }

@-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); } }

@-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); } }

@-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); } }

@-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); } }

@-webkit-keyframes rotateCarouselLeftOut { from { }
  to { opacity: .3;
    -webkit-transform: translateX(-150%) scale(0.4) rotateY(-65deg); } }

@keyframes rotateCarouselLeftOut { from { }
  to { opacity: .3;
    -webkit-transform: translateX(-150%) scale(0.4) rotateY(-65deg);
    transform: translateX(-150%) scale(0.4) rotateY(-65deg); } }

@-webkit-keyframes rotateCarouselLeftIn { from { opacity: .3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg); } }

@keyframes rotateCarouselLeftIn { from { opacity: .3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg);
    transform: translateX(200%) scale(0.4) rotateY(65deg); } }

@-webkit-keyframes rotateCarouselRightOut { from { }
  to { opacity: .3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg); } }

@keyframes rotateCarouselRightOut { from { }
  to { opacity: .3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg);
    transform: translateX(200%) scale(0.4) rotateY(65deg); } }

@-webkit-keyframes rotateCarouselRightIn { from { opacity: .3;
    -webkit-transform: translateX(-200%) scale(0.4) rotateY(-65deg); } }

@keyframes rotateCarouselRightIn { from { opacity: .3;
    -webkit-transform: translateX(-200%) scale(0.4) rotateY(-65deg);
    transform: translateX(-200%) scale(0.4) rotateY(-65deg); } }

@-webkit-keyframes rotateCarouselTopOut { from { }
  to { opacity: .3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg); } }

@keyframes rotateCarouselTopOut { from { }
  to { opacity: .3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg);
    transform: translateY(-200%) scale(0.4) rotateX(65deg); } }

@-webkit-keyframes rotateCarouselTopIn { from { opacity: .3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg); } }

@keyframes rotateCarouselTopIn { from { opacity: .3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg);
    transform: translateY(200%) scale(0.4) rotateX(-65deg); } }

@-webkit-keyframes rotateCarouselBottomOut { from { }
  to { opacity: .3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg); } }

@keyframes rotateCarouselBottomOut { from { }
  to { opacity: .3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg);
    transform: translateY(200%) scale(0.4) rotateX(-65deg); } }

@-webkit-keyframes rotateCarouselBottomIn { from { opacity: .3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg); } }

@keyframes rotateCarouselBottomIn { from { opacity: .3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg);
    transform: translateY(-200%) scale(0.4) rotateX(65deg); } }

@-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); } }

@-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); } }

.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; }

.pt-perspective { position: relative; width: 100%; height: 100vh; -webkit-perspective: 1200px; perspective: 1200px; overflow: hidden; }

.pt-page { width: 100%; height: 100vh; position: absolute; top: 0; left: 0; visibility: hidden; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.pt-page-current, .no-js .pt-page { visibility: visible; z-index: 1; }

.no-js body { overflow: auto; }

.pt-page-ontop { z-index: 999; }

.pt-slider .prev { position: absolute; left: 0; width: 100px; height: 100px; background: rgba(0, 0, 0, 0.47); z-index: 99; top: 40%; font-size: 40px; }

.pt-slider .next { position: absolute; right: 0; width: 100px; height: 100px; background: rgba(0, 0, 0, 0.47); z-index: 99; top: 40%; font-size: 40px; }

.pt-slider .controllers { display: none; }

.p-item { position: relative; /* width: 150px; */ cursor: pointer; }

.pt-slider .imp-initialized { min-width: 100%; min-height: 100%; position: absolute; bottom: 0; margin: 0; }

span.p-line { background: white; width: 15px; height: 3px; display: inline-block; line-height: 40px; position: absolute; top: 50%; opacity: .5; }

.pagination { z-index: 999; position: relative; top: 50%; left: 50px; height: 150px; overflow: hidden; }

.p-item span.title { color: #fff; text-transform: uppercase; letter-spacing: 1.9968px; font-size: .81rem; line-height: 30px; margin-left: 4.1vw; opacity: 0; color: #fff; text-transform: uppercase; }

.p-item.current span.title { opacity: 1; font-size: 1.1rem; }

.p-item.current span.p-line { width: 30px; opacity: 1; }

.p-container { margin-top: -60px; }

.pt-slider img { min-width: 100%; min-height: 100%; position: absolute; bottom: 0; margin: 0; }

.pt-slider { position: relative; top: 0; }

@media (max-width: 500px) { .home .pagination { display: none; } }

/*date:16-07-19: pagination-wrapper style*/
.pagination-wrapper { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 999; }

.pagination-wrapper .pagination { position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.pagination-wrapper.has-onlyTwoOptions { max-height: 60px; }

.pagination-wrapper.has-onlyTwoOptions .pagination { margin-top: -30px; }