.owl-carousel .owl-item img { width:auto; } .owl-item { overflow:hidden; } .fxSwipe .owl-stage, .fxPushReveal .owl-stage, .fxSnapIn .owl-stage, .fxLetMeIn .owl-stage, .fxStickIt .owl-stage, .fxSlideBehind .owl-stage { -webkit-transform:none !important; transform:none !important; width:100% !important; position:relative; height:0; border:none; overflow:hidden; display:block; padding-top:31.25%; } .fxSwipe .owl-item, .fxPushReveal .owl-item, .fxSnapIn .owl-item, .fxLetMeIn .owl-item, .fxStickIt .owl-item, .fxSlideBehind .owl-item { width:100%; height:100%; position:absolute; top:0 !important; left:0 !important; opacity:0; z-index:10; } .fxSwipe .owl-item.active, .fxPushReveal .owl-item.active, .fxSnapIn .owl-item.active, .fxLetMeIn .owl-item.active, .fxStickIt .owl-item.active, .fxSlideBehind .owl-item.active { z-index:20; opacity:1; } .fxSwipe .owl-item.owl-animated-out, .fxPushReveal .owl-item.owl-animated-out, .fxSnapIn .owl-item.owl-animated-out, .fxLetMeIn .owl-item.owl-animated-out, .fxStickIt .owl-item.owl-animated-out, .fxSlideBehind .owl-item.owl-animated-out { opacity:1; } .fxSwipe .owl-item.owl-animated-in, .fxPushReveal .owl-item.owl-animated-in, .fxSnapIn .owl-item.owl-animated-in, .fxLetMeIn .owl-item.owl-animated-in, .fxStickIt .owl-item.owl-animated-in, .fxSlideBehind .owl-item.owl-animated-in { opacity:0; } .fxSoftScale .animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1); animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1); } .fxSoftScaleOutNext { -webkit-animation-name:scaleUp; animation-name:scaleUp; } .fxSoftScaleInNext { -webkit-animation-name:scaleDownUp; animation-name:scaleDownUp; } .fxSoftScaleOutPrev { -webkit-animation-name:scaleDown; animation-name:scaleDown; } .fxSoftScaleInPrev { -webkit-animation-name:scaleUpDown; animation-name:scaleUpDown; } @keyframes scaleUp { from { opacity:1; } to { -webkit-transform:scale(1.2); transform:scale(1.2); opacity:0; } } @keyframes scaleDownUp { from { opacity:0; -webkit-transform:scale(0.9); transform:scale(0.9); } to { opacity:1; -webkit-transform:scale(1); transform:scale(1); } } @keyframes scaleDown { to { opacity:0; -webkit-transform:scale(0.9); transform:scale(0.9); } } @keyframes scaleUpDown { from { -webkit-transform:scale(1.2); transform:scale(1.2); } to { opacity:1; -webkit-transform:scale(1); transform:scale(1); } } .fxPressAway .animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1); animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1); } .fxPressAwayOutNext { -webkit-animation-name:slideOutScaleRight; animation-name:slideOutScaleRight; } .fxPressAwayInNext { -webkit-animation-name:slideInFromLeft; animation-name:slideInFromLeft; } .fxPressAwayOutPrev { -webkit-animation-name:slideOutScaleLeft; animation-name:slideOutScaleLeft; } .fxPressAwayInPrev { -webkit-animation-name:slideInFromRight; animation-name:slideInFromRight; } @keyframes slideOutScaleRight { to { -webkit-transform:translateX(100%) scale(0.9); transform:translateX(100%) scale(0.9); opacity:0; } } @keyframes slideInFromLeft { from { -webkit-transform:translateX(-100%); transform:translateX(-100%); } to { -webkit-transform:translateX(0); transform:translateX(0); } } @keyframes slideOutScaleLeft { to { -webkit-transform:translateX(-100%) scale(0.9); transform:translateX(-100%) scale(0.9); opacity:0; } } @keyframes slideInFromRight { from { -webkit-transform:translateX(100%); transform:translateX(100%); } to { -webkit-transform:translateX(0); transform:translateX(0); } } .fxSideSwing .animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-timing-function:cubic-bezier(1, -0.2, 0, 1); animation-timing-function:cubic-bezier(1, -0.2, 0, 1); } .fxSideSwingOutNext { -webkit-animation-name:slideOutScaleRight; animation-name:slideOutScaleRight; } .fxSideSwingInNext { -webkit-animation-name:slideInFromLeft; animation-name:slideInFromLeft; } .fxSideSwingOutPrev { -webkit-animation-name:slideOutScaleLeft; animation-name:slideOutScaleLeft; } .fxSideSwingInPrev { -webkit-animation-name:slideInFromRight; animation-name:slideInFromRight; } .fxFortuneWheel .owl-stage { -webkit-perspective:1600px; perspective:1600px; } .fxFortuneWheel .animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1); animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1); } .fxFortuneWheelOutNext { -webkit-animation-name:slideOutScaleRight; animation-name:slideOutScaleRight; } .fxFortuneWheelInNext { -webkit-transform-origin:100% 50%; transform-origin:100% 50%; -webkit-animation-name:rotateInFromLeft; animation-name:rotateInFromLeft; } .fxFortuneWheelOutPrev { -webkit-animation-name:slideOutScaleLeft; animation-name:slideOutScaleLeft; } .fxFortuneWheelInPrev { -webkit-transform-origin:0% 50%; transform-origin:0% 50%; -webkit-animation-name:rotateInFromRight; animation-name:rotateInFromRight; } @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; } } @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 .owl-item.fxSwipeOutNext { z-index:30; } .fxSwipe .owl-item.fxSwipeInPrev { opacity:1; } .fxSwipeOutNext { -webkit-animation:decreaseHeight 0.8s forwards ease-in-out; animation:decreaseHeight 0.8s forwards ease-in-out; } .fxSwipeInNext { -webkit-animation:show 0.8s forwards ease-in-out; animation:show 0.8s forwards ease-in-out; } .fxSwipeOutPrev { -webkit-animation:hide 0.8s forwards ease-in-out; animation:hide 0.8s forwards ease-in-out; } .fxSwipeInPrev { -webkit-animation:increaseHeight 0.8s forwards ease-in-out; animation:increaseHeight 0.8s forwards ease-in-out; } @keyframes increaseHeight { from { height:0; } to { height:100%; } } @keyframes decreaseHeight { to { height:0; } } @keyframes show { 0% { opacity:0; } 1%, 100% { opacity:1; } } @keyframes hide { 0%, 99% { opacity:1; } 100% { opacity:0; } } .fxPushReveal .owl-item.animated { opacity:1; -webkit-animation-duration:0.7s; animation-duration:0.7s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } .fxPushRevealOutNext { -webkit-animation-name:slideOutBottom; animation-name:slideOutBottom; } .fxPushRevealInNext { -webkit-animation-name:slideInHalfFromTop; animation-name:slideInHalfFromTop; } .fxPushReveal .fxPushRevealInNext.owl-item { z-index:5; } .fxPushRevealOutPrev { -webkit-animation-name:slideOutHalfTop; animation-name:slideOutHalfTop; } .fxPushRevealInPrev { -webkit-animation-name:slideInFromBottom; animation-name:slideInFromBottom; } @keyframes slideOutBottom { to { -webkit-transform:translateY(100%); transform:translateY(100%); } } @keyframes slideInHalfFromTop { from { -webkit-transform:translateY(-50%); transform:translateY(-50%); } to { -webkit-transform:translateY(0); transform:translateY(0); } } @keyframes slideOutHalfTop { to { -webkit-transform:translateY(-50%); transform:translateY(-50%); } } @keyframes slideInFromBottom { from { -webkit-transform:translateY(100%); transform:translateY(100%); } to { -webkit-transform:translateY(0); transform:translateY(0); } } .fxSnapIn .owl-item: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 .owl-item.owl-animated-out:after { opacity:1; } .fxSnapIn .owl-item.owl-animated-in { opacity:1; } .fxSnapIn .animated { -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } .fxSnapIn .owl-animated-in { -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; } .fxSnapIn .owl-animated-out { -webkit-animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1); animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1); } .fxSnapInOutNext { -webkit-animation-name:slideOutLeft; animation-name:slideOutLeft; } .fxSnapInInNext { -webkit-animation-name:slideFromRightFast; animation-name:slideFromRightFast; } .fxSnapInOutPrev { -webkit-animation-name:slideOutRight; animation-name:slideOutRight; } .fxSnapInInPrev { -webkit-animation-name:slideFromLeftFast; animation-name:slideFromLeftFast; } @keyframes slideOutLeft { to { -webkit-transform:translateX(-10%); transform:translateX(-10%); } } @keyframes slideFromRightFast { 0%, 50% { -webkit-transform:translateX(100%); transform:translateX(100%); } 100% { -webkit-transform:translateX(0%); transform:translateX(0%); } } @keyframes slideOutRight { to { -webkit-transform:translateX(10%); transform:translateX(10%); } } @keyframes slideFromLeftFast { 0%, 50% { -webkit-transform:translateX(-100%); transform:translateX(-100%); } 100% { -webkit-transform:translateX(0%); transform:translateX(0%); } } .fxLetMeIn .owl-stage { -webkit-perspective:1600px; perspective:1600px; } .fxLetMeIn .owl-item: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 .owl-item.fxLetMeInOutNext:after, .fxLetMeIn .owl-item.fxLetMeInOutPrev:after { opacity:1; } .fxLetMeIn .owl-item.fxLetMeInInNext, .fxLetMeIn .owl-item.fxLetMeInInPrev { z-index:30; opacity:1; } .fxLetMeInOutNext { -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; } .fxLetMeInInNext { -webkit-animation:slideFromRightFast 0.5s forwards ease; animation:slideFromRightFast 0.5s forwards ease; } .fxLetMeInOutPrev { -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; } .fxLetMeInInPrev { -webkit-animation:slideFromLeftFast 0.5s forwards ease; animation:slideFromLeftFast 0.5s forwards ease; } @keyframes rotateOutRight { to { -webkit-transform:rotateY(10deg); transform:rotateY(10deg); } } @keyframes rotateOutLeft { to { -webkit-transform:rotateY(-10deg); transform:rotateY(-10deg); } } .fxStickIt .owl-stage { -webkit-perspective:1600px; perspective:1600px; } .fxStickIt .owl-item.fxStickItInNext { opacity:1; } .fxStickItOutNext { -webkit-transform-origin:50% 0%; transform-origin:50% 0%; -webkit-animation:rotateBottomSideOut 0.8s forwards ease-in; animation:rotateBottomSideOut 0.8s forwards ease-in; } .fxStickItInNext { -webkit-animation:slideInFromBottomDelayed 0.8s forwards; animation:slideInFromBottomDelayed 0.8s forwards; } .fxStickItOutPrev { opacity:1; -webkit-animation:slideOutToBottom 0.8s forwards; animation:slideOutToBottom 0.8s forwards; } .fxStickItInPrev { -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; } @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); } } @keyframes slideInFromBottomDelayed { 0%, 30% { -webkit-transform:translateY(100%); transform:translateY(100%); } 100% { -webkit-transform:translateY(0); transform:translateY(0); } } @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 .owl-item:before, .fxArchiveMe .owl-item: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 .owl-item.fxArchiveMeInNext { z-index:30; opacity:1; } .fxArchiveMe .owl-item.fxArchiveMeInNext:after { transition:none; } .fxArchiveMe .owl-item:after, .fxArchiveMe .owl-item.fxArchiveMeOutNext:before { opacity:1; } .fxArchiveMe .owl-item:before, .fxArchiveMe .owl-item.active:after, .fxArchiveMe .owl-item.fxArchiveMeInNext:after, .fxArchiveMe .owl-item.fxArchiveMeInPrev:after { opacity:0; } .fxArchiveMeOutNext { -webkit-animation:scaleHalfDown 0.7s cubic-bezier(0.7, 0, 0.3, 1); animation:scaleHalfDown 0.7s cubic-bezier(0.7, 0, 0.3, 1); } .fxArchiveMeInNext { -webkit-animation:slideInFromBottom 0.7s cubic-bezier(0.7, 0, 0.3, 1); animation:slideInFromBottom 0.7s cubic-bezier(0.7, 0, 0.3, 1); } .fxArchiveMeOutPrev { -webkit-animation:slideOutToBottom 0.7s cubic-bezier(0.7, 0, 0.3, 1); animation:slideOutToBottom 0.7s cubic-bezier(0.7, 0, 0.3, 1); } .fxArchiveMeInPrev { -webkit-animation:scaleHalfUp 0.7s cubic-bezier(0.7, 0, 0.3, 1); animation:scaleHalfUp 0.7s cubic-bezier(0.7, 0, 0.3, 1); } @keyframes scaleHalfDown { to { -webkit-transform:scale(0.6); transform:scale(0.6); opacity:0; } } @keyframes slideOutToBottom { to { -webkit-transform:translateY(100%); transform:translateY(100%); } } @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 .owl-item.fxVGrowthInNext, .fxVGrowth .owl-item.fxVGrowthInPrev { z-index:30; opacity:1; } .fxVGrowthOutNext { -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); } .fxVGrowthInNext { -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); } .fxVGrowthOutPrev { -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); } .fxVGrowthInPrev { -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); } @keyframes maximize { from { -webkit-transform:scale(0); transform:scale(0); } to { -webkit-transform:scale(1); transform:scale(1); } } .fxSlideBehind .owl-stage { -webkit-perspective:1000px; perspective:1000px; } .fxSlideBehindOutNext { -webkit-animation:hideLeft 0.8s forwards; animation:hideLeft 0.8s forwards; } .fxSlideBehindInNext { -webkit-animation:showRight 0.8s forwards; animation:showRight 0.8s forwards; } .fxSlideBehindOutPrev { -webkit-animation:hideRight 0.8s forwards; animation:hideRight 0.8s forwards; } .fxSlideBehindInPrev { -webkit-animation:showLeft 0.8s forwards; animation:showLeft 0.8s forwards; } @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:30; } 100% { opacity:1; -webkit-transform:translateZ(-400px); transform:translateZ(-400px); } } @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:30; } 100% { -webkit-transform:translateZ(0px); transform:translateZ(0px); opacity:1; z-index:30; } } @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:30; } 100% { opacity:1; -webkit-transform:translateZ(-400px); transform:translateZ(-400px); } } @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:30; } 100% { -webkit-transform:translateZ(0px); transform:translateZ(0px); opacity:1; z-index:30; } } .fxSoftPulseOutPrev, .fxSoftPulseOutNext { -webkit-animation:scaleUpFadeOut 0.8s forwards ease-in; animation:scaleUpFadeOut 0.8s forwards ease-in; } .fxSoftPulseInPrev, .fxSoftPulseInNext { -webkit-animation:scaleDownFadeIn 0.8s forwards ease-out; animation:scaleDownFadeIn 0.8s forwards ease-out; } @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; } } @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 .owl-item: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 .owl-item:after, .fxEarthquake .owl-item:after { opacity:1; } .fxEarthquake .owl-item.fxEarthquakeInPrev { opacity:1; } .fxEarthquakeOutNext { -webkit-animation:shakeSlideBottom 1s 0.1s forwards; animation:shakeSlideBottom 1s 0.1s forwards; } .fxEarthquakeInNext { -webkit-animation:pushFromTop 1s 0.1s forwards; animation:pushFromTop 1s 0.1s forwards; } .fxEarthquakeOutPrev { -webkit-animation:shakeSlideTop 1s 0.1s forwards; animation:shakeSlideTop 1s 0.1s forwards; } .fxEarthquakeInPrev { -webkit-animation:pushFromBottom 1s 0.1s forwards; animation:pushFromBottom 1s 0.1s forwards; } @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%); } } @keyframes pushFromTop { 0%, 70% { opacity:0; -webkit-transform:translateY(-100%); transform:translateY(-100%); } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); } } @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%); } } @keyframes pushFromBottom { 0%, 70% { opacity:0; -webkit-transform:translateY(100%); transform:translateY(100%); } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); } } .fxCliffDiving .owl-item { -webkit-transform-origin:50% 400%; transform-origin:50% 400%; } .fxCliffDiving .owl-item:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; pointer-events:none; background-color:black; transition:opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1); } .fxCliffDiving .owl-item.fxCliffDivingInNext, .fxCliffDiving .owl-item.fxCliffDivingInPrev { opacity:1; } .fxCliffDivingOutNext { -webkit-animation:rotateOutCircLeft 0.9s cubic-bezier(0.7, 0, 0.3, 1); animation:rotateOutCircLeft 0.9s cubic-bezier(0.7, 0, 0.3, 1); } .fxCliffDivingInNext { -webkit-animation:rotateInCircRight 0.9s cubic-bezier(0.7, 0, 0.3, 1); animation:rotateInCircRight 0.9s cubic-bezier(0.7, 0, 0.3, 1); } .fxCliffDivingOutPrev { -webkit-animation:rotateOutCircRight 0.9s cubic-bezier(0.7, 0, 0.3, 1); animation:rotateOutCircRight 0.9s cubic-bezier(0.7, 0, 0.3, 1); } .fxCliffDivingInPrev { -webkit-animation:rotateInCircLeft 0.9s cubic-bezier(0.7, 0, 0.3, 1); animation:rotateInCircLeft 0.9s cubic-bezier(0.7, 0, 0.3, 1); } @keyframes rotateOutCircLeft { to { -webkit-transform:rotate(-20deg) translateX(-100%); transform:rotate(-20deg) translateX(-100%); } } @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); } } @keyframes rotateOutCircRight { to { -webkit-transform:rotate(20deg) translateX(100%); transform:rotate(20deg) translateX(100%); } } @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); } } .owl-nav { position:absolute; top:50%; left:0; width:100%; text-align:left !important; margin-top:0; height:0; color:white; font-size:30px; } .owl-theme .owl-nav [class*=owl-]:hover { background:none; } .owl-nav [class*=owl-] { -webkit-transform:translateY(-50%); transform:translateY(-50%); margin:0 20px !important; padding:8px 14px !important; } .owl-next { float:right; } .owl-dots { position:absolute; bottom:0; left:0; width:100%; } .owl-dots .owl-dot span { width:14px !important; height:14px !important; } select { font:inherit; padding:10px; }