.container,.elementor-section.elementor-section-boxed>.elementor-container{max-width:1360px;}.e-con{--container-max-width:1360px;}@media(max-width:1366px){.container,.elementor-section.elementor-section-boxed>.elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:1024px){.container,.elementor-section.elementor-section-boxed>.elementor-container{max-width:100% !important;}.e-con{--container-max-width:100% !important;}}@media(max-width:768px){.container,.elementor-section.elementor-section-boxed>.elementor-container{max-width:100% !important;margin-left:auto;margin-right:auto;}.e-con{--container-max-width:100% !important;}}@media(max-width:480px){.container,.elementor-section.elementor-section-boxed>.elementor-container{max-width:100% !important;margin-left:auto;margin-right:auto;}.e-con{--container-max-width:100% !important;}}@media(max-width:320px){.container,.elementor-section.elementor-section-boxed>.elementor-container{max-width:100% !important;margin-left:auto;margin-right:auto;}.e-con{--container-max-width:100% !important;}}.elementor-section.elementor-section-boxed>.elementor-container .elementor-container,.elementor-section.elementor-section-boxed>.elementor-container .container{max-width:100%;}.single .kata-content .container .elementor-container{max-width:100%;}:root{--ct-base-color:#68d1f2;--ct-color-primary:#837af5;--ct-color-secondary:#1d2834;--ct-color-button-primary:#f7f6ff;--ct-color-button-secondary:#2acf6c;--ct-color-border-button-primary:#e0deff;--ct-color-text-primary:#737d8b;--ct-color-text-secondary:#959ca7;--ct-color-text-tertiary:#b7bec9;--ct-color-heading-primary:#4c5765;--ct-color-heading-secondary:#202122;--ct-color-onsale-primary:#f37f9b;--ct-color-border-primary:#e3e5e7;--ct-color-border-secondary:#f0f3f6;--ct-color-border-tertiary:#cbc7fb;--ct-color-pagetitle-bg-primary:#f6f7f8;--ct-border-radius-primary:7px;--ct-border-radius-secondary:14px;--ct-font-size-primary:15px;--ct-font-size-secondary:17px;--ct-font-size-tertiary:18px;}[class*="elementor-widget-kata"]
.elementor-widget-container.kata-anim
> :not(.kata-onscreen-animloaded) {
animation-name: none !important;
opacity: 0;
}
@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;
}
}