@keyframes KPFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes KPFadeInDown { from { opacity: 0; transform: translate3d(0, -27px, 0); } to { opacity: 1; transform: none; } }
@keyframes KPFadeInDown1 { from { opacity: 0; transform: translate3d(0, -50px, 0); } to { opacity: 1; transform: none; } }
@keyframes KPFadeInDown2 { from { opacity: 0; transform: translate3d(0, -75px, 0); } to { opacity: 1; transform: none; } }
@keyframes KPFadeInUp { from { opacity: 0; transform: translate3d(0, 27px, 0); } to { opacity: 1; transform: none; } }
@keyframes KPFadeInUp1 { from { opacity: 0; transform: translate3d(0, 50px, 0); } to { opacity: 1; transform: none; } }
@keyframes KPFadeInUp2 { from { opacity: 0; transform: translate3d(0, 75px, 0); } to { opacity: 1; transform: none; } }
@keyframes KPFadeInLeft { from { opacity: 0; transform: translate3d(-27px, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes KPFadeInLeft1 { from { opacity: 0; transform: translate3d(-50px, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes KPFadeInLeft2 { from { opacity: 0; transform: translate3d(-75px, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes KPFadeInRight { from { opacity: 0; transform: translate3d(27px, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes KPFadeInRight1 { from { opacity: 0; transform: translate3d(50px, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes KPFadeInRight2 { from { opacity: 0; transform: translate3d(75px, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes KPSlideFromRight { from { transform: translateX(100%); } to { opacity: 1; transform: none; } }
@keyframes KPSlideFromLeft { from { transform: translateX(-100%); } to { opacity: 1; transform: none; } }
@keyframes KPSlideFromTop { from { transform: translateY(-100%); } to { opacity: 1; transform: none; } }
@keyframes KPSlideFromBot { from { transform: translateY(100%); } to { opacity: 1; transform: none; } }
@keyframes KPMaskFromTop { from { clip-path: inset(0 0 100% 0); opacity: 1; } to { clip-path: inset(0 0 0 0); opacity: 1; } }
@keyframes KPMaskFromBot { from { clip-path: inset(100% 0 0 0); opacity: 1; } to { clip-path: inset(0 0 0 0); opacity: 1; } }
@keyframes KPMaskFromRight { from { clip-path: inset(0 0 0 100%); opacity: 1; } to { clip-path: inset(0 0 0 0); opacity: 1; } }
@keyframes KPMaskFromLeft { from { clip-path: inset(0 100% 0 0); opacity: 1; } to { clip-path: inset(0 0 0 0); opacity: 1; } }
@keyframes KPRotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); } to { transform-origin: center; transform: none; opacity: 1; } }
@keyframes KPRotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -25deg); } to { transform-origin: left bottom; transform: none; opacity: 1; } }
@keyframes KPRotateInDownLeft1 { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -35deg); } to { transform-origin: left bottom; transform: none; opacity: 1; } }
@keyframes KPRotateInDownLeft2 { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); } to { transform-origin: left bottom; transform: none; opacity: 1; } }
@keyframes KPRotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 25deg); } to { transform-origin: right bottom; transform: none; opacity: 1; } }
@keyframes KPRotateInDownRight1 { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 35deg); } to { transform-origin: right bottom; transform: none; opacity: 1; } }
@keyframes KPRotateInDownRight2 { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); } to { transform-origin: right bottom; transform: none; opacity: 1; } }
@keyframes KPRotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 25deg); } to { transform-origin: left bottom; transform: none; opacity: 1; } }
@keyframes KPRotateInUpLeft1 { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 35deg); } to { transform-origin: left bottom; transform: none; opacity: 1; } }
@keyframes KPRotateInUpLeft2 { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); } to { transform-origin: left bottom; transform: none; opacity: 1; } }
@keyframes KPRotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -35deg); } to { transform-origin: right bottom; transform: none; opacity: 1; } }
@keyframes KPRotateInUpRight1 { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -60deg); } to { transform-origin: right bottom; transform: none; opacity: 1; } }
@keyframes KPRotateInUpRight2 { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); } to { transform-origin: right bottom; transform: none; opacity: 1; } }
@keyframes KPZoomIn { from { transform: scale3d(0.9, 0.9, 0.9); } 50% { opacity: 1; } to { transform: none; opacity: 1; } }
@keyframes KPZoomIn1 { from { transform: scale3d(0.8, 0.8, 0.8); } 50% { opacity: 1; } to { transform: none; opacity: 1; } }
@keyframes KPZoomIn2 { from { transform: scale3d(0.7, 0.7, 0.7); } 50% { opacity: 1; } to { transform: none; opacity: 1; } }
@keyframes KPZoomIn3 { from { transform: scale3d(0.6, 0.6, 0.6); } 50% { opacity: 1; } to { transform: none; opacity: 1; } }
@keyframes KPScaleUp { from { transform: scale(0.9, 0.9); } to { transform: none; opacity: 1; } }
@keyframes KPScaleUp1 { from { transform: scale(0.7, 0.7); } to { transform: none; opacity: 1; } }
@keyframes KPScaleUp2 { from { transform: scale(0.6, 0.6); } to { transform: none; opacity: 1; } }
@keyframes KPScaleDown { from { transform: scale(1.1, 1.1); } to { transform: none; opacity: 1; } }
@keyframes KPScaleDown1 { from { transform: scale(1.3, 1.3); } to { transform: none; opacity: 1; } }
@keyframes KPScaleDown2 { from { transform: scale(1.4, 1.4); } to { transform: none; opacity: 1; } }
@keyframes KPFlipInUp { from { transform: rotateX(-40deg) translateY(40px); } to { transform: none; opacity: 1; } }
@keyframes KPFlipInUp1 { from { transform: rotateX(-40deg) translateY(80px); } to { transform: none; opacity: 1; } }
@keyframes KPFlipInUp2 { from { transform: rotateX(-40deg) translateY(120px); } to { transform: none; opacity: 1; } }
@keyframes KPFlipInDown { from { transform: rotateX(40deg) translateY(-40px); } to { transform: none; opacity: 1; } }
@keyframes KPFlipInDown1 { from { transform: rotateX(40deg) translateY(-80px); } to { transform: none; opacity: 1; } }
@keyframes KPFlipInDown2 { from { transform: rotateX(40deg) translateY(-120px); } to { transform: none; opacity: 1; } }
@keyframes KPFlipInLeft { from { transform: rotateY(-40deg) translateX(40px); } to { transform: none; opacity: 1; } }
@keyframes KPFlipInLeft1 { from { transform: rotateY(-40deg) translateX(80px); } to { transform: none; opacity: 1; } }
@keyframes KPFlipInLeft2 { from { transform: rotateY(-40deg) translateX(140px); } to { transform: none; opacity: 1; } }
@keyframes KPFlipInLeft3 { from { transform: rotateY(-40deg) translateX(200px); } to { transform: none; opacity: 1; } }
@keyframes KPFlipInRight { from { transform: rotateY(40deg) translateX(-40px); } to { transform: none; opacity: 1; } }
@keyframes KPFlipInRight1 { from { transform: rotateY(40deg) translateX(-80px); } to { transform: none; opacity: 1; } }
@keyframes KPFlipInRight2 { from { transform: rotateY(40deg) translateX(-140px); } to { transform: none; opacity: 1; } }
@keyframes KPFlipInRight3 { from { transform: rotateY(40deg) translateX(-200px); } to { transform: none; opacity: 1; } }
@keyframes KPPulseIn { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(0.99, 0.99, 0.99); } to { opacity: 1; transform: none; } }
@keyframes KPPulseIn1 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(0.98, 0.98, 0.98); } to { opacity: 1; transform: none; } }
@keyframes KPPulseIn2 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(0.96, 0.96, 0.96); } to { opacity: 1; transform: none; } }
@keyframes KPPulseIn3 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(0.94, 0.94, 0.94); } to { opacity: 1; transform: none; } }
@keyframes KPPulseIn4 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(0.9, 0.9, 0.9); } to { opacity: 1; transform: none; } }
@keyframes KPPulseOut1 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { opacity: 1; transform: none; } }
@keyframes KPPulseOut2 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 1; transform: none; } }
@keyframes KPPulseOut3 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.15, 1.15, 1.15); } to { opacity: 1; transform: none; } }
@keyframes KPPulseOut4 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.2, 1.2, 1.2); } to { opacity: 1; transform: none; } }
@keyframes KPShake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-50px, 0, 0); } 20%, 40%, 60%, 80% { opacity: 1; transform: translate3d(50px, 0, 0); } }
@keyframes KPBounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: none; } }
@keyframes KPJackInTheBox { from { transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: none; } }
[class*="elementor-widget-kata"] .elementor-widget-container.kata-anim *:not(.kata-onscreen-animloaded) { animation-name: none !important; opacity: 0; }