.fxSoftScale .navOutNext{-webkit-animation:scaleUp 1.5s forwards cubic-bezier(0.7,0,0.3,1);animation:scaleUp 1.5s forwards cubic-bezier(0.7,0,0.3,1);}
.fxSoftScale .navInNext{-webkit-animation:scaleDownUp 1.5s forwards cubic-bezier(0.7,0,0.3,1);animation:scaleDownUp 1.5s forwards cubic-bezier(0.7,0,0.3,1);}
.fxSoftScale .navOutPrev{-webkit-animation:scaleDown 1.5s forwards cubic-bezier(0.7,0,0.3,1);animation:scaleDown 1.5s forwards cubic-bezier(0.7,0,0.3,1);}
.fxSoftScale .navInPrev{-webkit-animation:scaleUpDown 1.5s forwards cubic-bezier(0.7,0,0.3,1);animation:scaleUpDown 1.5s forwards cubic-bezier(0.7,0,0.3,1);}
@-webkit-keyframes scaleUp{to{-webkit-transform:scale(1.2);opacity:0;}
}
@keyframes scaleUp{to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0;}
}
@-webkit-keyframes scaleDownUp{from{opacity:0;-webkit-transform:scale(0.9);}
to{opacity:1;-webkit-transform:scale(1);}
}
@keyframes scaleDownUp{from{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
@-webkit-keyframes scaleDown{to{opacity:0;-webkit-transform:scale(0.9);}
}
@keyframes scaleDown{to{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);}
}
@-webkit-keyframes scaleUpDown{from{-webkit-transform:scale(1.2);}
to{opacity:1;-webkit-transform:scale(1);}
}
@keyframes scaleUpDown{from{-webkit-transform:scale(1.2);transform:scale(1.2);}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
.fxPressAway .navOutNext{-webkit-animation:slideOutScaleRight 1.2s forwards cubic-bezier(0.7,0,0.3,1);animation:slideOutScaleRight 1.2s forwards cubic-bezier(0.7,0,0.3,1);}
.fxPressAway .navInNext{opacity:1;-webkit-animation:slideInFromLeft 1.2s forwards cubic-bezier(0.7,0,0.3,1);animation:slideInFromLeft 1.2s forwards cubic-bezier(0.7,0,0.3,1);}
.fxPressAway .navOutPrev{-webkit-animation:slideOutScaleLeft 1.2s forwards cubic-bezier(0.7,0,0.3,1);animation:slideOutScaleLeft 1.2s forwards cubic-bezier(0.7,0,0.3,1);}
.fxPressAway .navInPrev{opacity:1;-webkit-animation:slideInFromRight 1.2s forwards cubic-bezier(0.7,0,0.3,1);animation:slideInFromRight 1.2s forwards cubic-bezier(0.7,0,0.3,1);}
@-webkit-keyframes slideOutScaleRight{to{-webkit-transform:translateX(100%) scale(0.9);opacity:0;}
}
@keyframes slideOutScaleRight{to{-webkit-transform:translateX(100%) scale(0.9);transform:translateX(100%) scale(0.9);opacity:0;}
}
@-webkit-keyframes slideInFromLeft{from{-webkit-transform:translateX(-100%);}
to{-webkit-transform:translateX(0);}
}
@keyframes slideInFromLeft{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
to{-webkit-transform:translateX(0);transform:translateX(0);}
}
@-webkit-keyframes slideOutScaleLeft{to{-webkit-transform:translateX(-100%) scale(0.9);opacity:0;}
}
@keyframes slideOutScaleLeft{to{-webkit-transform:translateX(-100%) scale(0.9);transform:translateX(-100%) scale(0.9);opacity:0;}
}
@-webkit-keyframes slideInFromRight{from{-webkit-transform:translateX(100%);}
to{-webkit-transform:translateX(0);}
}
@keyframes slideInFromRight{from{-webkit-transform:translateX(100%);transform:translateX(100%);}
to{-webkit-transform:translateX(0);transform:translateX(0);}
}
.fxSideSwing .navOutNext{-webkit-animation:slideOutScaleRight 1.2s forwards;animation:slideOutScaleRight 1.2s forwards;-webkit-animation-timing-function:cubic-bezier(1,0,0,1);-webkit-animation-timing-function:cubic-bezier(1,-0.2,0,1);animation-timing-function:cubic-bezier(1,-0.2,0,1);}
.fxSideSwing .navInNext{opacity:1;-webkit-animation:slideInFromLeft 1.2s forwards;animation:slideInFromLeft 1.2s forwards;-webkit-animation-timing-function:cubic-bezier(1,0,0,1);-webkit-animation-timing-function:cubic-bezier(1,-0.2,0,1);animation-timing-function:cubic-bezier(1,-0.2,0,1);}
.fxSideSwing .navOutPrev{-webkit-animation:slideOutScaleLeft 1.2s forwards;animation:slideOutScaleLeft 1.2s forwards;-webkit-animation-timing-function:cubic-bezier(1,0,0,1);-webkit-animation-timing-function:cubic-bezier(1,-0.2,0,1);animation-timing-function:cubic-bezier(1,-0.2,0,1);}
.fxSideSwing .navInPrev{opacity:1;-webkit-animation:slideInFromRight 1.2s forwards;animation:slideInFromRight 1.2s forwards;-webkit-animation-timing-function:cubic-bezier(1,0,0,1);-webkit-animation-timing-function:cubic-bezier(1,-0.2,0,1);animation-timing-function:cubic-bezier(1,-0.2,0,1);}
.fxFortuneWheel .itemwrap{-webkit-perspective:1600px;perspective:1600px;}
.fxFortuneWheel .navOutNext{-webkit-animation:slideOutScaleRight 1.2s forwards cubic-bezier(0.7,0,0.3,1);animation:slideOutScaleRight 1.2s forwards cubic-bezier(0.7,0,0.3,1);}
.fxFortuneWheel .navInNext{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:rotateInFromLeft 1.2s forwards cubic-bezier(0.7,0,0.3,1);animation:rotateInFromLeft 1.2s forwards cubic-bezier(0.7,0,0.3,1);}
.fxFortuneWheel .navOutPrev{-webkit-animation:slideOutScaleLeft 1.2s forwards cubic-bezier(0.7,0,0.3,1);animation:slideOutScaleLeft 1.2s forwards cubic-bezier(0.7,0,0.3,1);}
.fxFortuneWheel .navInPrev{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation:rotateInFromRight 1.2s forwards cubic-bezier(0.7,0,0.3,1);animation:rotateInFromRight 1.2s forwards cubic-bezier(0.7,0,0.3,1);}
@-webkit-keyframes rotateInFromLeft{from{-webkit-transform:translateX(-100%) rotateY(-55deg);}
to{-webkit-transform:translateX(0) rotateY(0deg);opacity:1;}
}
@keyframes rotateInFromLeft{from{-webkit-transform:translateX(-100%) rotateY(-55deg);transform:translateX(-100%) rotateY(-55deg);}
to{-webkit-transform:translateX(0) rotateY(0deg);transform:translateX(0) rotateY(0deg);opacity:1;}
}
@-webkit-keyframes rotateInFromRight{from{-webkit-transform:translateX(100%) rotateY(55deg);}
to{-webkit-transform:translateX(0) rotateY(0deg);opacity:1;}
}
@keyframes rotateInFromRight{from{-webkit-transform:translateX(100%) rotateY(55deg);transform:translateX(100%) rotateY(55deg);}
to{-webkit-transform:translateX(0) rotateY(0deg);transform:translateX(0) rotateY(0deg);opacity:1;}
}
.fxSwipe .navOutNext{-webkit-animation:decreaseHeight .8s forwards ease-in-out;animation:decreaseHeight .8s forwards ease-in-out;}
.fxSwipe .navInNext{-webkit-animation:show .8s forwards ease-in-out;animation:show .8s forwards ease-in-out;}
.fxSwipe .navOutPrev{-webkit-animation:hide .8s forwards ease-in-out;animation:hide .8s forwards ease-in-out;}
.fxSwipe .navInPrev{z-index:1001;opacity:1;-webkit-animation:increaseHeight .8s forwards ease-in-out;animation:increaseHeight .8s forwards ease-in-out;}
@-webkit-keyframes decreaseHeight{to{height:0;}
}
@keyframes decreaseHeight{to{height:0;}
}
@-webkit-keyframes show{0%{opacity:0;}
1%,100%{opacity:1;}
}
@keyframes show{0%{opacity:0;}
1%,100%{opacity:1;}
}
@-webkit-keyframes hide{0%,99%{opacity:1;}
100%{opacity:0;}
}
@keyframes hide{0%,99%{opacity:1;}
100%{opacity:0;}
}
@-webkit-keyframes increaseHeight{from{height:0;}
to{height:100%;}
}
@keyframes increaseHeight{from{height:0;}
to{height:100%;}
}
.fxPushReveal .navOutNext{opacity:1;-webkit-animation:slideOutBottom .7s forwards ease-in-out;animation:slideOutBottom .7s forwards ease-in-out;}
.fxPushReveal .navInNext{opacity:1;-webkit-animation:slideInHalfFromTop .7s forwards ease-in-out;animation:slideInHalfFromTop .7s forwards ease-in-out;}
.fxPushReveal .navOutPrev{opacity:1;-webkit-animation:slideOutHalfTop .7s forwards ease-in-out;animation:slideOutHalfTop .7s forwards ease-in-out;}
.fxPushReveal .navInPrev{opacity:1;z-index:1001;-webkit-animation:slideInFromBottom .7s forwards ease-in-out;animation:slideInFromBottom .7s forwards ease-in-out;}
@-webkit-keyframes slideOutBottom{to{-webkit-transform:translateY(100%);}
}
@keyframes slideOutBottom{to{-webkit-transform:translateY(100%);transform:translateY(100%);}
}
@-webkit-keyframes slideInHalfFromTop{from{-webkit-transform:translateY(-50%);}
to{-webkit-transform:translateY(0);}
}
@keyframes slideInHalfFromTop{from{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
to{-webkit-transform:translateY(0);transform:translateY(0);}
}
@-webkit-keyframes slideOutHalfTop{to{-webkit-transform:translateY(-50%);}
}
@keyframes slideOutHalfTop{to{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
}
@-webkit-keyframes slideInFromBottom{from{-webkit-transform:translateY(100%);}
to{-webkit-transform:translateY(0);}
}
@keyframes slideInFromBottom{from{-webkit-transform:translateY(100%);transform:translateY(100%);}
to{-webkit-transform:translateY(0);transform:translateY(0);}
}
.fxSnapIn .navOutNext{-webkit-animation:slideOutLeft .5s forwards ease-in;animation:slideOutLeft .5s forwards ease-in;}
.fxSnapIn .navInNext{z-index:1001;opacity:1;-webkit-animation:slideFromRightFast .5s forwards cubic-bezier(0.7,0,0.3,1);animation:slideFromRightFast .5s forwards cubic-bezier(0.7,0,0.3,1);}
.fxSnapIn .navOutPrev{-webkit-animation:slideOutRight .5s forwards ease-in;animation:slideOutRight .5s forwards ease-in;}
.fxSnapIn .navInPrev{z-index:1001;opacity:1;-webkit-animation:slideFromLeftFast .5s forwards cubic-bezier(0.7,0,0.3,1);animation:slideFromLeftFast .5s forwards cubic-bezier(0.7,0,0.3,1);}
.fxSnapIn li::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background-color:rgba(0,0,0,0.8);transition:opacity .4s .1s ease-in;}
.fxSnapIn .navOutPrev::after, .fxSnapIn .navOutNext::after{opacity:1;}
@-webkit-keyframes slideOutLeft{to{-webkit-transform:translateX(-10%);}
}
@keyframes slideOutLeft{to{-webkit-transform:translateX(-10%);transform:translateX(-10%);}
}
@-webkit-keyframes slideFromRightFast{0%,50%{-webkit-transform:translateX(100%);}
100%{-webkit-transform:translateX(0%);}
}
@keyframes slideFromRightFast{0%,50%{-webkit-transform:translateX(100%);transform:translateX(100%);}
100%{-webkit-transform:translateX(0%);transform:translateX(0%);}
}
@-webkit-keyframes slideOutRight{to{-webkit-transform:translateX(10%);}
}
@keyframes slideOutRight{to{-webkit-transform:translateX(10%);transform:translateX(10%);}
}
@-webkit-keyframes slideFromLeftFast{0%,50%{-webkit-transform:translateX(-100%);}
100%{-webkit-transform:translateX(0%);}
}
@keyframes slideFromLeftFast{0%,50%{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
100%{-webkit-transform:translateX(0%);transform:translateX(0%);}
}
.fxLetMeIn .itemwrap{-webkit-perspective:1600px;perspective:1600px;}
.fxLetMeIn .navOutNext{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation:rotateOutRight .5s forwards ease-in-out;animation:rotateOutRight .5s forwards ease-in-out;}
.fxLetMeIn .navInNext{z-index:1001;opacity:1;-webkit-animation:slideFromRightFast .5s forwards ease;animation:slideFromRightFast .5s forwards ease;}
.fxLetMeIn .navOutPrev{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-animation:rotateOutLeft .5s forwards ease-in-out;animation:rotateOutLeft .5s forwards ease-in-out;}
.fxLetMeIn .navInPrev{z-index:1001;opacity:1;-webkit-animation:slideFromLeftFast .5s forwards ease;animation:slideFromLeftFast .5s forwards ease;}
.fxLetMeIn li::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background-color:rgba(0,0,0,0.6);transition:opacity .5s ease-in-out;}
.fxLetMeIn .navOutPrev::after, .fxLetMeIn .navOutNext::after{opacity:1;}
@-webkit-keyframes rotateOutRight{to{-webkit-transform:rotateY(10deg);}
}
@keyframes rotateOutRight{to{-webkit-transform:rotateY(10deg);transform:rotateY(10deg);}
}
@-webkit-keyframes rotateOutLeft{to{-webkit-transform:rotateY(-10deg);}
}
@keyframes rotateOutLeft{to{-webkit-transform:rotateY(-10deg);transform:rotateY(-10deg);}
}
.fxStickIt .itemwrap{-webkit-perspective:1600px;perspective:1600px;}
.fxStickIt .navOutNext{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:rotateBottomSideOut .8s forwards ease-in;animation:rotateBottomSideOut .8s forwards ease-in;}
.fxStickIt .navInNext{z-index:1001;opacity:1;-webkit-animation:slideInFromBottomDelayed .8s forwards;animation:slideInFromBottomDelayed .8s forwards;}
.fxStickIt .navOutPrev{opacity:1;-webkit-animation:slideOutToBottom .8s forwards;animation:slideOutToBottom .8s forwards;}
.fxStickIt .navInPrev{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:rotateBottomSideIn .8s .1s forwards ease-in;animation:rotateBottomSideIn .8s .1s forwards ease-in;}
@-webkit-keyframes rotateBottomSideOut{40%{-webkit-transform:rotateX(-15deg);-webkit-animation-timing-function:ease-out;}
100%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);}
}
@keyframes rotateBottomSideOut{40%{-webkit-transform:rotateX(-15deg);transform:rotateX(-15deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
100%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);}
}
@-webkit-keyframes slideInFromBottomDelayed{0%,30%{-webkit-transform:translateY(100%);}
100%{-webkit-transform:translateY(0);}
}
@keyframes slideInFromBottomDelayed{0%,30%{-webkit-transform:translateY(100%);transform:translateY(100%);}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@-webkit-keyframes rotateBottomSideIn{0%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);}
60%{-webkit-transform:scale(1) translateZ(0) rotateX(-15deg);-webkit-animation-timing-function:ease-out;}
100%{opacity:1;-webkit-transform:scale(1) translateZ(0) rotateX(0deg);}
}
@keyframes rotateBottomSideIn{0%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);transform:scale(0.8) translateZ(-200px);}
60%{-webkit-transform:scale(1) translateZ(0) rotateX(-15deg);transform:scale(1) translateZ(0) rotateX(-15deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
100%{opacity:1;-webkit-transform:scale(1) translateZ(0) rotateX(0deg);transform:scale(1) translateZ(0) rotateX(0deg);}
}
.fxArchiveMe .navOutNext{-webkit-animation:scaleHalfDown .7s forwards cubic-bezier(0.7,0,0.3,1);animation:scaleHalfDown .7s forwards cubic-bezier(0.7,0,0.3,1);}
.fxArchiveMe .navInNext{z-index:1001;opacity:1;-webkit-animation:slideInFromBottom .7s forwards cubic-bezier(0.7,0,0.3,1);animation:slideInFromBottom .7s forwards cubic-bezier(0.7,0,0.3,1);}
.fxArchiveMe .navOutPrev{-webkit-animation:slideOutToBottom .7s forwards cubic-bezier(0.7,0,0.3,1);animation:slideOutToBottom .7s forwards cubic-bezier(0.7,0,0.3,1);}
.fxArchiveMe .navInPrev{-webkit-animation:scaleHalfUp .7s forwards cubic-bezier(0.7,0,0.3,1);animation:scaleHalfUp .7s forwards cubic-bezier(0.7,0,0.3,1);}
.fxArchiveMe li::before, .fxArchiveMe li::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:rgba(0,0,0,0.7);transition:opacity .7s cubic-bezier(0.7,0,0.3,1);}
.fxArchiveMe li::after, .fxArchiveMe .navOutNext::before{opacity:1;}
.fxArchiveMe li::before, .fxArchiveMe li.current::after, .fxArchiveMe .navInNext::after, .fxArchiveMe .navInPrev::after{opacity:0;}
.fxArchiveMe .navInNext::after{transition:none;}
@-webkit-keyframes scaleHalfDown{to{-webkit-transform:scale(0.6);opacity:0;}
}
@keyframes scaleHalfDown{to{-webkit-transform:scale(0.6);transform:scale(0.6);opacity:0;}
}
@-webkit-keyframes slideOutToBottom{to{-webkit-transform:translateY(100%);}
}
@keyframes slideOutToBottom{to{-webkit-transform:translateY(100%);transform:translateY(100%);}
}
@-webkit-keyframes scaleHalfUp{from{opacity:0;-webkit-transform:scale(0.6);}
to{opacity:1;-webkit-transform:scale(1);}
}
@keyframes scaleHalfUp{from{opacity:0;-webkit-transform:scale(0.6);transform:scale(0.6);}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
.fxVGrowth .navOutNext{-webkit-animation:scaleDown .6s forwards cubic-bezier(0.6,0,0.4,1);animation:scaleDown .6s forwards cubic-bezier(0.6,0,0.4,1);}
.fxVGrowth .navInNext{z-index:1001;opacity:1;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:maximize .6s forwards cubic-bezier(0.6,0,0.4,1);animation:maximize .6s forwards cubic-bezier(0.6,0,0.4,1);}
.fxVGrowth .navOutPrev{-webkit-animation:scaleDown .6s forwards cubic-bezier(0.6,0,0.4,1);animation:scaleDown .6s forwards cubic-bezier(0.6,0,0.4,1);}
.fxVGrowth .navInPrev{z-index:1001;opacity:1;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:maximize .6s forwards cubic-bezier(0.6,0,0.4,1);animation:maximize .6s forwards cubic-bezier(0.6,0,0.4,1);}
@-webkit-keyframes maximize{from{-webkit-transform:scale(0);}
to{-webkit-transform:scale(1);}
}
@keyframes maximize{from{-webkit-transform:scale(0);transform:scale(0);}
to{-webkit-transform:scale(1);transform:scale(1);}
}
.fxSlideBehind .itemwrap{-webkit-perspective:1000px;perspective:1000px;}
.fxSlideBehind .navOutNext{-webkit-animation:hideLeft .8s forwards;animation:hideLeft .8s forwards;}
.fxSlideBehind .navInNext{-webkit-animation:showRight .8s forwards;animation:showRight .8s forwards;}
.fxSlideBehind .navOutPrev{-webkit-animation:hideRight .8s forwards;animation:hideRight .8s forwards;}
.fxSlideBehind .navInPrev{-webkit-animation:showLeft .8s forwards;animation:showLeft .8s forwards;}
@-webkit-keyframes hideLeft{0%{-webkit-transform:translateZ(0px);}
40%{-webkit-transform:translate(0,-40%) scale(0.8) rotateX(-20deg);z-index:9999;}
100%{opacity:1;-webkit-transform:translateZ(-400px);}
}
@keyframes hideLeft{0%{-webkit-transform:translateZ(0px);transform:translateZ(0px);}
40%{-webkit-transform:translate(0,-40%) scale(0.8) rotateX(-20deg);transform:translate(0,-40%) scale(0.8) rotateX(-20deg);z-index:9999;}
100%{opacity:1;-webkit-transform:translateZ(-400px);transform:translateZ(-400px);}
}
@-webkit-keyframes showRight{0%{-webkit-transform:translateZ(-400px);opacity:1;}
40%{-webkit-transform:translate(0,40%) scale(0.8) rotateX(20deg);opacity:1;}
41%{-webkit-transform:translate(0,40%) scale(0.8) rotateX(20deg);opacity:1;z-index:9999;}
100%{-webkit-transform:translateZ(0px);opacity:1;z-index:9999;}
}
@keyframes showRight{0%{-webkit-transform:translateZ(-400px);transform:translateZ(-400px);opacity:1;}
40%{-webkit-transform:translate(0,40%) scale(0.8) rotateX(20deg);transform:translate(0,40%) scale(0.8) rotateX(20deg);opacity:1;}
41%{-webkit-transform:translate(0,40%) scale(0.8) rotateX(20deg);transform:translate(0,40%) scale(0.8) rotateX(20deg);opacity:1;z-index:9999;}
100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;z-index:9999;}
}
@-webkit-keyframes hideRight{0%{-webkit-transform:translateZ(0px);}
40%{-webkit-transform:translate(0,40%) scale(0.8) rotateX(20deg);z-index:9999;}
100%{opacity:1;-webkit-transform:translateZ(-400px);}
}
@keyframes hideRight{0%{-webkit-transform:translateZ(0px);transform:translateZ(0px);}
40%{-webkit-transform:translate(0,40%) scale(0.8) rotateX(20deg);transform:translate(0,40%) scale(0.8) rotateX(20deg);z-index:9999;}
100%{opacity:1;-webkit-transform:translateZ(-400px);transform:translateZ(-400px);}
}
@-webkit-keyframes showLeft{0%{-webkit-transform:translateZ(-400px);opacity:1;}
40%{-webkit-transform:translate(0,-40%) scale(0.8) rotateX(-20deg);opacity:1;}
41%{-webkit-transform:translate(0,-40%) scale(0.8) rotateX(-20deg);opacity:1;z-index:9999;}
100%{-webkit-transform:translateZ(0px);opacity:1;z-index:9999;}
}
@keyframes showLeft{0%{-webkit-transform:translateZ(-400px);transform:translateZ(-400px);opacity:1;}
40%{-webkit-transform:translate(0,-40%) scale(0.8) rotateX(-20deg);transform:translate(0,-40%) scale(0.8) rotateX(-20deg);opacity:1;}
41%{-webkit-transform:translate(0,-40%) scale(0.8) rotateX(-20deg);transform:translate(0,-40%) scale(0.8) rotateX(-20deg);opacity:1;z-index:9999;}
100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;z-index:9999;}
}
.fxSoftPulse .navOutPrev, .fxSoftPulse .navOutNext{-webkit-animation:scaleUpFadeOut .8s forwards ease-in;animation:scaleUpFadeOut .8s forwards ease-in;}
.fxSoftPulse .navInPrev, .fxSoftPulse .navInNext{-webkit-animation:scaleDownFadeIn .8s forwards ease-out;animation:scaleDownFadeIn .8s forwards ease-out;}
@-webkit-keyframes scaleUpFadeOut{50%{-webkit-transform:scale(1.2);opacity:1;}
75%{-webkit-transform:scale(1.1);opacity:0;}
100%{-webkit-transform:scale(1);opacity:0;}
}
@keyframes scaleUpFadeOut{50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1;}
75%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0;}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;}
}
@-webkit-keyframes scaleDownFadeIn{50%{opacity:1;-webkit-transform:scale(1.2);}
100%{opacity:1;-webkit-transform:scale(1);}
}
@keyframes scaleDownFadeIn{50%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2);}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
.fxEarthquake .navOutNext{opacity:1;-webkit-animation:shakeSlideBottom 1s .1s forwards;animation:shakeSlideBottom 1s .1s forwards;}
.fxEarthquake .navInNext{-webkit-animation:pushFromTop 1s .1s forwards;animation:pushFromTop 1s .1s forwards;}
.fxEarthquake .navOutPrev{opacity:1;-webkit-animation:shakeSlideTop 1s .1s forwards;animation:shakeSlideTop 1s .1s forwards;}
.fxEarthquake .navInPrev{opacity:1;-webkit-animation:pushFromBottom 1s .1s forwards;animation:pushFromBottom 1s .1s forwards;}
.fxEarthquake li::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background-color:rgba(0,0,0,0.3);transition:opacity .5s;}
.fxEarthquake .navOutPrev::after, .fxEarthquake .navOutNext::after{opacity:1;}
@-webkit-keyframes shakeSlideBottom{0%{-webkit-transform:translate(0px,0px) rotate(0deg);}
2%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
4%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
6%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);}
8%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
10%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
12%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);}
14%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
16%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);}
18%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
20%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
22%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
24%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);}
26%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);}
28%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);}
30%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
32%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);}
34%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
36%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);}
38%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
40%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);}
42%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);}
44%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
46%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
48%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
50%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
52%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);}
54%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
56%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
58%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);}
60%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);}
62%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
64%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
66%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
68%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);}
70%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);}
100%{-webkit-transform:translateY(100%);}
}
@keyframes shakeSlideBottom{0%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg);}
2%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
4%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
6%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);transform:translate(0px,0px) rotate(-0.5deg);}
8%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
10%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
12%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);transform:translate(0px,0px) rotate(-0.5deg);}
14%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
16%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);transform:translate(0px,0px) rotate(-0.5deg);}
18%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
20%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
22%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
24%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);transform:translate(-1px,0px) rotate(-0.5deg);}
26%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);transform:translate(0px,0px) rotate(-0.5deg);}
28%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);transform:translate(-1px,0px) rotate(-0.5deg);}
30%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
32%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);transform:translate(-1px,0px) rotate(-0.5deg);}
34%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
36%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);transform:translate(0px,0px) rotate(-0.5deg);}
38%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
40%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);transform:translate(0px,0px) rotate(-0.5deg);}
42%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);transform:translate(-1px,0px) rotate(-0.5deg);}
44%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
46%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
48%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
50%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
52%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);transform:translate(-1px,0px) rotate(-0.5deg);}
54%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
56%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
58%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);transform:translate(0px,0px) rotate(-0.5deg);}
60%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);transform:translate(-1px,0px) rotate(-0.5deg);}
62%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
64%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
66%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
68%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);transform:translate(-1px,0px) rotate(-0.5deg);}
70%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);transform:translate(0px,0px) rotate(-0.5deg);}
100%{-webkit-transform:translateY(100%);transform:translateY(100%);}
}
@-webkit-keyframes pushFromTop{0%,70%{opacity:0;-webkit-transform:translateY(-100%);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@keyframes pushFromTop{0%,70%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@-webkit-keyframes shakeSlideTop{0%{-webkit-transform:translate(0px,0px) rotate(0deg);}
2%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
4%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
6%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);}
8%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
10%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
12%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);}
14%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
16%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);}
18%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
20%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
22%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
24%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);}
26%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);}
28%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);}
30%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
32%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);}
34%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
36%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);}
38%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
40%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);}
42%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);}
44%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
46%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
48%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
50%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
52%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);}
54%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
56%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
58%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);}
60%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);}
62%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
64%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);}
66%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);}
68%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);}
70%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);}
100%{-webkit-transform:translateY(-100%);}
}
@keyframes shakeSlideTop{0%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg);}
2%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
4%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
6%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);transform:translate(0px,0px) rotate(-0.5deg);}
8%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
10%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
12%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);transform:translate(0px,0px) rotate(-0.5deg);}
14%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
16%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);transform:translate(0px,0px) rotate(-0.5deg);}
18%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
20%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
22%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
24%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);transform:translate(-1px,0px) rotate(-0.5deg);}
26%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);transform:translate(0px,0px) rotate(-0.5deg);}
28%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);transform:translate(-1px,0px) rotate(-0.5deg);}
30%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
32%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);transform:translate(-1px,0px) rotate(-0.5deg);}
34%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
36%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);transform:translate(0px,0px) rotate(-0.5deg);}
38%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
40%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);transform:translate(0px,0px) rotate(-0.5deg);}
42%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);transform:translate(-1px,0px) rotate(-0.5deg);}
44%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
46%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
48%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
50%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
52%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);transform:translate(-1px,0px) rotate(-0.5deg);}
54%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
56%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
58%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);transform:translate(0px,0px) rotate(-0.5deg);}
60%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);transform:translate(-1px,0px) rotate(-0.5deg);}
62%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
64%{-webkit-transform:translate(0px,-1px) rotate(-0.5deg);transform:translate(0px,-1px) rotate(-0.5deg);}
66%{-webkit-transform:translate(-1px,-1px) rotate(-0.5deg);transform:translate(-1px,-1px) rotate(-0.5deg);}
68%{-webkit-transform:translate(-1px,0px) rotate(-0.5deg);transform:translate(-1px,0px) rotate(-0.5deg);}
70%{-webkit-transform:translate(0px,0px) rotate(-0.5deg);transform:translate(0px,0px) rotate(-0.5deg);}
100%{-webkit-transform:translateY(-100%);transform:translateY(-100%);}
}
@-webkit-keyframes pushFromBottom{0%,70%{opacity:0;-webkit-transform:translateY(100%);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@keyframes pushFromBottom{0%,70%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
.fxCliffDiving li{-webkit-transform-origin:50% 400%;transform-origin:50% 400%;}
.fxCliffDiving .navOutNext{opacity:1;-webkit-animation:rotateOutCircLeft .9s forwards cubic-bezier(0.7,0,0.3,1);animation:rotateOutCircLeft .9s forwards cubic-bezier(0.7,0,0.3,1);}
.fxCliffDiving .navInNext{opacity:1;-webkit-animation:rotateInCircRight .9s forwards cubic-bezier(0.7,0,0.3,1);animation:rotateInCircRight .9s forwards cubic-bezier(0.7,0,0.3,1);}
.fxCliffDiving .navOutPrev{opacity:1;-webkit-animation:rotateOutCircRight .9s forwards cubic-bezier(0.7,0,0.3,1);animation:rotateOutCircRight .9s forwards cubic-bezier(0.7,0,0.3,1);}
.fxCliffDiving .navInPrev{opacity:1;-webkit-animation:rotateInCircLeft .9s forwards cubic-bezier(0.7,0,0.3,1);animation:rotateInCircLeft .9s forwards cubic-bezier(0.7,0,0.3,1);}
.fxCliffDiving li::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background-color:rgba(0,0,0,1);transition:opacity .9s cubic-bezier(0.7,0,0.3,1);}
.fxCliffDiving .navOutPrev::after, .fxCliffDiving .navOutNext::after{opacity:1;}
@-webkit-keyframes rotateOutCircLeft{to{-webkit-transform:rotate(-20deg) translateX(-100%);}
}
@keyframes rotateOutCircLeft{to{-webkit-transform:rotate(-20deg) translateX(-100%);transform:rotate(-20deg) translateX(-100%);}
}
@-webkit-keyframes rotateInCircRight{from{-webkit-transform:rotate(20deg) translateX(100%);}
to{-webkit-transform:rotate(0deg) translateX(0);}
}
@keyframes rotateInCircRight{from{-webkit-transform:rotate(20deg) translateX(100%);transform:rotate(20deg) translateX(100%);}
to{-webkit-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0);}
}
@-webkit-keyframes rotateOutCircRight{to{-webkit-transform:rotate(20deg) translateX(100%);}
}
@keyframes rotateOutCircRight{to{-webkit-transform:rotate(20deg) translateX(100%);transform:rotate(20deg) translateX(100%);}
}
@-webkit-keyframes rotateInCircLeft{from{-webkit-transform:rotate(-20deg) translateX(-100%);}
to{-webkit-transform:rotate(0deg) translateX(0);}
}
@keyframes rotateInCircLeft{from{-webkit-transform:rotate(-20deg) translateX(-100%);transform:rotate(-20deg) translateX(-100%);}
to{-webkit-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0);}
}