.component{margin:0 auto;position:relative;margin-bottom:40px;max-width:100%;}
.component-small{width:650px;height:290px;}
.component-fullwidth{width:100%;height:100%;min-height:200px;margin-bottom:0;background:#fff;}
.component-transparent{width:900px;height:500px;}
.component > ul{width:100%;max-width:100%;height:100%;position:relative;list-style:none;padding:0;margin:0 auto;}
.component-small > ul{width:450px;}
.component-fullwidth > ul{overflow:hidden;}
.component-transparent > ul{width:112px;}
.component li{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;opacity:0;z-index:999;}
.component-fullwidth li{overflow:hidden;}
.component .current{opacity:1;pointer-events:auto;z-index:1000;}
.component li img{display:inline-block;max-width:100%;}
.component nav a{position:absolute;width:40px;height:40px;color:#fff;outline:none;overflow:hidden;text-align:center;line-height:40px;top:50%;font-size:16px;border-radius:50%;border:2px solid #fff;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;z-index:100000;}
.component-small nav a.prev,
.component-transparent nav a.prev{left:0px;}
.component-small nav a.next,
.component-transparent nav a.next{right:0px;}
.component-fullwidth nav a{top:50%;left:50%;margin-top:-22px;}
.component-fullwidth nav a.prev{left:20px;}
.component-fullwidth nav a.next{right:20px;left:auto;}
.component li .be-slide-bg-holder,
.component li .be-slide-bg{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.be-slide-bg-holder .be-wrap{height:100%;}
.be-slider-content-wrap{display:table;width:100%;height:100%;}
.be-slider-content{color:#fff;z-index:1;position:relative;display:table-cell;vertical-align:middle;}
.be-slider-content-inner{display:none;}
.current .be-slider-content-inner{display:block;}
.be-slider-content-inner-wrap.center{margin:0 auto;text-align:center;}
@media screen and (max-width:35.5em){.component-small nav a{top:100%;margin-top:10px;-webkit-transform:translateY(0%);transform:translateY(0%);}
.component-small nav a.prev{left:50%;margin-left:-80px;}
.component-small nav a.next{margin-left:20px;right:auto;left:50%;}
}
.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{from{}
to{-webkit-transform:scale(1.2);opacity:0;}
}
@keyframes scaleUp{from{}
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{from{}
to{opacity:0;-webkit-transform:scale(0.9);}
}
@keyframes scaleDown{from{}
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{from{}
to{-webkit-transform:translateX(100%) scale(0.9);opacity:0;}
}
@keyframes slideOutScaleRight{from{}
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{from{}
to{-webkit-transform:translateX(-100%) scale(0.9);opacity:0;}
}
@keyframes slideOutScaleLeft{from{}
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 0.8s forwards ease-in-out;animation:decreaseHeight 0.8s forwards ease-in-out;}
.fxSwipe .navInNext{-webkit-animation:show 0.8s forwards ease-in-out;animation:show 0.8s forwards ease-in-out;}
.fxSwipe .navOutPrev{-webkit-animation:hide 0.8s forwards ease-in-out;animation:hide 0.8s forwards ease-in-out;}
.fxSwipe .navInPrev{z-index:1001;opacity:1;-webkit-animation:increaseHeight 0.8s forwards ease-in-out;animation:increaseHeight 0.8s forwards ease-in-out;}
@-webkit-keyframes decreaseHeight{from{}
to{height:0;}
}
@keyframes decreaseHeight{from{}
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 0.7s forwards ease-in-out;animation:slideOutBottom 0.7s forwards ease-in-out;}
.fxPushReveal .navInNext{opacity:1;-webkit-animation:slideInHalfFromTop 0.7s forwards ease-in-out;animation:slideInHalfFromTop 0.7s forwards ease-in-out;}
.fxPushReveal .navOutPrev{opacity:1;-webkit-animation:slideOutHalfTop 0.7s forwards ease-in-out;animation:slideOutHalfTop 0.7s forwards ease-in-out;}
.fxPushReveal .navInPrev{opacity:1;z-index:1001;-webkit-animation:slideInFromBottom 0.7s forwards ease-in-out;animation:slideInFromBottom 0.7s forwards ease-in-out;}
@-webkit-keyframes slideOutBottom{from{}
to{-webkit-transform:translateY(100%);}
}
@keyframes slideOutBottom{from{}
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{from{}
to{-webkit-transform:translateY(-50%);}
}
@keyframes slideOutHalfTop{from{}
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 0.5s forwards ease-in;animation:slideOutLeft 0.5s forwards ease-in;}
.fxSnapIn .navInNext{z-index:1001;opacity:1;-webkit-animation:slideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:slideFromRightFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);}
.fxSnapIn .navOutPrev{-webkit-animation:slideOutRight 0.5s forwards ease-in;animation:slideOutRight 0.5s forwards ease-in;}
.fxSnapIn .navInPrev{z-index:1001;opacity:1;-webkit-animation:slideFromLeftFast 0.5s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:slideFromLeftFast 0.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 0.4s 0.1s ease-in;}
.fxSnapIn .navOutPrev::after,
.fxSnapIn .navOutNext::after{opacity:1;}
@-webkit-keyframes slideOutLeft{from{}
to{-webkit-transform:translateX(-10%);}
}
@keyframes slideOutLeft{from{}
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{from{}
to{-webkit-transform:translateX(10%);}
}
@keyframes slideOutRight{from{}
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 0.5s forwards ease-in-out;animation:rotateOutRight 0.5s forwards ease-in-out;}
.fxLetMeIn .navInNext{z-index:1001;opacity:1;-webkit-animation:slideFromRightFast 0.5s forwards ease;animation:slideFromRightFast 0.5s forwards ease;}
.fxLetMeIn .navOutPrev{-webkit-transform-origin:100% 0%;transform-origin:100% 0%;-webkit-animation:rotateOutLeft 0.5s forwards ease-in-out;animation:rotateOutLeft 0.5s forwards ease-in-out;}
.fxLetMeIn .navInPrev{z-index:1001;opacity:1;-webkit-animation:slideFromLeftFast 0.5s forwards ease;animation:slideFromLeftFast 0.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 0.5s ease-in-out;}
.fxLetMeIn .navOutPrev::after,
.fxLetMeIn .navOutNext::after{opacity:1;}
@-webkit-keyframes rotateOutRight{from{}
to{-webkit-transform:rotateY(10deg);}
}
@keyframes rotateOutRight{from{}
to{-webkit-transform:rotateY(10deg);transform:rotateY(10deg);}
}
@-webkit-keyframes rotateOutLeft{from{}
to{-webkit-transform:rotateY(-10deg);}
}
@keyframes rotateOutLeft{from{}
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 0.8s forwards ease-in;animation:rotateBottomSideOut 0.8s forwards ease-in;}
.fxStickIt .navInNext{z-index:1001;opacity:1;-webkit-animation:slideInFromBottomDelayed 0.8s forwards;animation:slideInFromBottomDelayed 0.8s forwards;}
.fxStickIt .navOutPrev{opacity:1;-webkit-animation:slideOutToBottom 0.8s forwards;animation:slideOutToBottom 0.8s forwards;}
.fxStickIt .navInPrev{-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-animation:rotateBottomSideIn 0.8s 0.1s forwards ease-in;animation:rotateBottomSideIn 0.8s 0.1s forwards ease-in;}
@-webkit-keyframes rotateBottomSideOut{from{}
40%{-webkit-transform:rotateX(-15deg);-webkit-animation-timing-function:ease-out;}
100%{opacity:0;-webkit-transform:scale(0.8) translateZ(-200px);}
}
@keyframes rotateBottomSideOut{from{}
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 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:scaleHalfDown 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);}
.fxArchiveMe .navInNext{z-index:1001;opacity:1;-webkit-animation:slideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:slideInFromBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);}
.fxArchiveMe .navOutPrev{-webkit-animation:slideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:slideOutToBottom 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);}
.fxArchiveMe .navInPrev{-webkit-animation:scaleHalfUp 0.7s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:scaleHalfUp 0.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 0.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{from{}
to{-webkit-transform:scale(0.6);opacity:0;}
}
@keyframes scaleHalfDown{from{}
to{-webkit-transform:scale(0.6);transform:scale(0.6);opacity:0;}
}
@-webkit-keyframes slideOutToBottom{from{}
to{-webkit-transform:translateY(100%);}
}
@keyframes slideOutToBottom{from{}
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 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);animation:scaleDown 0.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 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);animation:maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);}
.fxVGrowth .navOutPrev{-webkit-animation:scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);animation:scaleDown 0.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 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);animation:maximize 0.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 0.8s forwards;animation:hideLeft 0.8s forwards;}
.fxSlideBehind .navInNext{-webkit-animation:showRight 0.8s forwards;animation:showRight 0.8s forwards;}
.fxSlideBehind .navOutPrev{-webkit-animation:hideRight 0.8s forwards;animation:hideRight 0.8s forwards;}
.fxSlideBehind .navInPrev{-webkit-animation:showLeft 0.8s forwards;animation:showLeft 0.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 0.8s forwards ease-in;animation:scaleUpFadeOut 0.8s forwards ease-in;}
.fxSoftPulse .navInPrev,
.fxSoftPulse .navInNext{-webkit-animation:scaleDownFadeIn 0.8s forwards ease-out;animation:scaleDownFadeIn 0.8s forwards ease-out;}
@-webkit-keyframes scaleUpFadeOut{from{}
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{from{}
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{from{}
50%{opacity:1;-webkit-transform:scale(1.2);}
100%{opacity:1;-webkit-transform:scale(1);}
}
@keyframes scaleDownFadeIn{from{}
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 0.1s forwards;animation:shakeSlideBottom 1s 0.1s forwards;}
.fxEarthquake .navInNext{-webkit-animation:pushFromTop 1s 0.1s forwards;animation:pushFromTop 1s 0.1s forwards;}
.fxEarthquake .navOutPrev{opacity:1;-webkit-animation:shakeSlideTop 1s 0.1s forwards;animation:shakeSlideTop 1s 0.1s forwards;}
.fxEarthquake .navInPrev{opacity:1;-webkit-animation:pushFromBottom 1s 0.1s forwards;animation:pushFromBottom 1s 0.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 0.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 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);}
.fxCliffDiving .navInNext{opacity:1;-webkit-animation:rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);}
.fxCliffDiving .navOutPrev{opacity:1;-webkit-animation:rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);}
.fxCliffDiving .navInPrev{opacity:1;-webkit-animation:rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);animation:rotateInCircLeft 0.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 0.9s cubic-bezier(0.7, 0, 0.3, 1);}
.fxCliffDiving .navOutPrev::after,
.fxCliffDiving .navOutNext::after{opacity:1;}
@-webkit-keyframes rotateOutCircLeft{from{}
to{-webkit-transform:rotate(-20deg) translateX(-100%);}
}
@keyframes rotateOutCircLeft{from{}
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{from{}
to{-webkit-transform:rotate(20deg) translateX(100%);}
}
@keyframes rotateOutCircRight{from{}
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);}
}