@charset "UTF-8";
 @media screen and (min-width: 0px) {
     .kc-animated {
         opacity: 0;
     }
     .animated {
         -webkit-animation-duration: 0.5s;
         animation-duration: 0.5s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
         animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
     }
     .animated.infinite {
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite
     }
     /*/////////HIDE BEFOR ANIMATION USE ON IMAGE CLASS/////////*/
     .hidebeforeanimation {
         animation: 2.0s ease 0s normal forwards 1 fadein;
         -webkit-animation: 2.0s ease 0s normal forwards 1 fadein;
         opacity: 1;
         animation-iteration-count: 1 !important;
     }
     @keyframes fadein {
         0% {
             opacity: 0
         }
         80% {
             opacity: 0
         }
         100% {
             opacity: 1
         }
     }
     @-webkit-keyframes fadein {
         0% {
             opacity: 0
         }
         80% {
             opacity: 0
         }
         100% {
             opacity: 1
         }
     }
     /*/////////BOUNCE ANIMATION IS REVEAL ANIMATION FROM RIGHT SMALL TO LEFT/////////*/
     @-webkit-keyframes bounce {
         from {
             -webkit-clip-path: inset(0 0 100% 100%);
             clip-path: inset(0 0 100% 100%);
             opacity: 1;
         }
         to {
             -webkit-clip-path: inset(0 0 0 0);
             clip-path: inset(0 0 0 0);
             opacity: 1;
         }
     }
     @keyframes bounce {
         from {
             -webkit-clip-path: inset(0 0 100% 100%);
             clip-path: inset(0 0 100% 100%);
             opacity: 1;
         }
         to {
             -webkit-clip-path: inset(0 0 0 0);
             clip-path: inset(0 0 0 0);
             opacity: 1;
         }
     }
     .bounce {
         -webkit-animation-name: bounce;
         animation-name: bounce;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
         -webkit-animation-duration: 2.1s;
         animation-duration: 2.1s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
     }
     /*/////////FLASH ANIMATION IS REVEAL ANIMATION FROM LEFT SMALL TO RIGHT/////////*/
     @-webkit-keyframes flash {
         from {
             -webkit-clip-path: inset(0 100% 100% 0);
             clip-path: inset(0 100% 100% 0);
             opacity: 1;
         }
         to {
             -webkit-clip-path: inset(0 0 0 0);
             clip-path: inset(0 0 0 0);
             opacity: 1;
         }
     }
     @keyframes flash {
         from {
             -webkit-clip-path: inset(0 100% 100% 0);
             clip-path: inset(0 100% 100% 0);
             opacity: 1;
         }
         to {
             -webkit-clip-path: inset(0 0 0 0);
             clip-path: inset(0 0 0 0);
             opacity: 1;
         }
     }
     .flash {
         -webkit-animation-name: flash;
         animation-name: flash;
         -webkit-animation-delay: 0.0s;
         animation-delay: 0.0s;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
         -webkit-animation-duration: 2.1s;
         animation-duration: 2.1s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
     }
     /*////////PLUSE ANIMATION IS MULIPLE REVEAL ANIMATION///////*/
     @keyframes pulse1 {
         0%,
         35% {
             -webkit-clip-path: inset(0 100% 0 0);
             clip-path: inset(0 100% 0 0);
             opacity: 1;
         }
         75%,
         100% {
             -webkit-clip-path: inset(0 0 0 0);
             clip-path: inset(0 0 0 0);
             opacity: 1;
         }
     }
     @keyframes pulse {
         0%,
         35% {
             -webkit-transform-origin: 0 50%;
             transform-origin: 0% 50%;
             will-change: transform;
             -webkit-clip-path: inset(0 100% 0 0);
             clip-path: inset(0 100% 0 0);
             opacity: 1;
         }
         75%,
         100% {
             -webkit-transform-origin: 100% 50%;
             transform-origin: 100% 50%;
             will-change: transform;
             -webkit-clip-path: inset(0 0 0 0);
             clip-path: inset(0 0 0 0);
             opacity: 1;
         }
         55% {
             -webkit-transform: scaleX(1);
             transform: scaleX(1);
             will-change: scaleX;
         }
         100% {
             -webkit-transform: scaleX(0);
             transform: scaleX(0);
             will-change: scaleX;
         }
     }
     .pulse::before {
         content: "";
         position: absolute;
         height: 50%;
         z-index: 999;
         top: 50%;
         left: 0;
         right: 0;
         bottom: 0;
         margin: 0;
         background-color: #EDC200;
         -webkit-transform: scaleX(0);
         transform: scaleX(0);
         -webkit-transform-origin: 0 50%;
         transform-origin: 0 50%;
         pointer-events: none;
         -webkit-animation-name: pulse;
         animation-name: pulse;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
         -webkit-animation-duration: 2500ms;
         animation-duration: 2500ms;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
         animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
         -webkit-animation-delay: 0.1s;
         animation-delay: 0.1s;
     }
     .pulse::after {
         content: "";
         position: absolute;
         height: 50%;
         z-index: 999;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         margin: 0;
         background-color: #00523E;
         -webkit-transform: scaleX(0);
         transform: scaleX(0);
         -webkit-transform-origin: 0 50%;
         transform-origin: 0 50%;
         pointer-events: none;
         -webkit-animation-name: pulse;
         animation-name: pulse;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
         -webkit-animation-duration: 2500ms;
         animation-duration: 2500ms;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
         animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
     }
     .pulse {
         width: max-content;
         position: relative;
         margin: 0;
         display: block;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         -webkit-animation-name: pulse1;
         animation-name: pulse1;
         -webkit-animation-delay: 0.0s;
         animation-delay: 0.0s;
         -webkit-animation-duration: 3000ms;
         animation-duration: 3000ms;
         -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
         animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
     }
     /*////////RUBBERBAND ANIMATION IS REVEAL ANIMATION - LEFT TO RIGHT///////*/
     @keyframes rubberBand {
         0% {
             -webkit-clip-path: inset(0 100% 0 0);
             clip-path: inset(0 100% 0 0);
             opacity: 1;
         }
         100% {
             -webkit-clip-path: inset(0 0 0 0);
             clip-path: inset(0 0 0 0);
             opacity: 1;
         }
     }
     .rubberBand {
         width: max-content;
         -webkit-animation-name: rubberBand;
         animation-name: rubberBand;
         -webkit-animation-delay: 0.0s;
         animation-delay: 0.0s;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
         -webkit-animation-duration: 2000ms;
         animation-duration: 2000ms;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
         animation-timing-function: cubic-bezier(1, 0, 0, 1);
     }
     /*///////SHAKE ANIMATION IS REVEAL ANIMATION FROM RIGHT TO LEFT///////*/
     @keyframes shake {
         0% {
             -webkit-clip-path: inset(0 0 0 100%);
             clip-path: inset(0 0 0 100%);
             opacity: 1;
         }
         100% {
             -webkit-clip-path: inset(0 0 0 0);
             clip-path: inset(0 0 0 0);
             opacity: 1;
         }
     }
     .shake {
         width: max-content;
         -webkit-animation-name: shake;
         animation-name: shake;
         -webkit-animation-delay: 0.0s;
         animation-delay: 0.0s;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
         -webkit-animation-duration: 2000ms;
         animation-duration: 2000ms;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
         animation-timing-function: cubic-bezier(1, 0, 0, 1);
     }
     /*/////////SWING ANIMATION IS REVEAL ANIMATION FROM TOP TO BOTTOM/////////*/
     @keyframes swing {
         from {
             -webkit-clip-path: inset(0 0 100% 0);
             clip-path: inset(0 0 100% 0);
             opacity: 1;
         }
         to {
             -webkit-clip-path: inset(0 0 0 0);
             clip-path: inset(0 0 0 0);
             opacity: 1;
         }
     }
     .swing {
         width: max-content;
         -webkit-animation-name: swing;
         animation-name: swing;
         -webkit-animation-delay: 0.0s;
         animation-delay: 0.0s;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
         -webkit-animation-duration: 2000ms;
         animation-duration: 2000ms;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
         animation-timing-function: cubic-bezier(1, 0, 0, 1);
     }
     /*////////////////TADA ANIMATION IS REVEAL ANIMATION - Color 1//////*/
     @keyframes tada1 {
         0%,
         35% {
             -webkit-clip-path: inset(0 100% 0 0);
             clip-path: inset(0% 100% 0% 0%);
             opacity: 1;
             /*transform: rotate(20deg);*/
         }
         75%,
         100% {
             -webkit-clip-path: inset(0 0 0 0);
             clip-path: inset(0 0 0 0);
             opacity: 1;
         }
     }
     @keyframes tada {
         0%,
         35% {
             -webkit-transform-origin: 0 50%;
             transform-origin: 0% 50%;
         }
         75%,
         100% {
             -webkit-transform-origin: 100% 50%;
             transform-origin: 100% 50%;
         }
         55% {
             -webkit-transform: scaleX(1);
             transform: scaleX(1);
             will-change: scaleX;
         }
         100% {
             -webkit-transform: scaleX(0);
             transform: scaleX(0);
             will-change: scaleX;
         }
     }
     .tada {
         width: auto;
         position: relative;
         margin: 0;
         display: block;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         -webkit-animation-name: tada1;
         animation-name: tada1;
         -webkit-animation-duration: 1500ms;
         animation-duration: 1500ms;
         -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
         animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
     }
     .tada::after {
         content: "";
         position: absolute;
         z-index: 999;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         margin: 0;
         background-color: #000000;
         -webkit-transform: scaleX(0);
         transform: scaleX(0);
         -webkit-transform-origin: 0 50%;
         transform-origin: 0 50%;
         pointer-events: none;
         -webkit-animation-name: tada;
         animation-name: tada;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
         -webkit-animation-duration: 2000ms;
         animation-duration: 2000ms;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
         animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
     }
     /*///////WOBBLE ANIMATION IS REVEAL ANIMATION - Color 2//////*/
     @keyframes wobble1 {
         0%,
         35% {
             -webkit-clip-path: inset(0 100% 0 0);
             clip-path: inset(0% 100% 0% 0%);
             opacity: 1;
             /*transform: rotate(20deg);*/
         }
         75%,
         100% {
             -webkit-clip-path: inset(0 0 0 0);
             clip-path: inset(0 0 0 0);
             opacity: 1;
         }
     }
     @keyframes wobble {
         0%,
         35% {
             -webkit-transform-origin: 0 50%;
             transform-origin: 0% 50%;
         }
         75%,
         100% {
             -webkit-transform-origin: 100% 50%;
             transform-origin: 100% 50%;
         }
         55% {
             -webkit-transform: scaleX(1);
             transform: scaleX(1);
             will-change: scaleX;
         }
         100% {
             -webkit-transform: scaleX(0);
             transform: scaleX(0);
             will-change: scaleX;
         }
     }
     .wobble {
         width: auto;
         position: relative;
         margin: 0;
         display: block;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         -webkit-animation-name: wobble1;
         animation-name: wobble1;
         -webkit-animation-duration: 1500ms;
         animation-duration: 1500ms;
         -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
         animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
     }
     .wobble::after {
         content: "";
         position: absolute;
         z-index: 999;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         margin: 0;
         background-color: #5A3783;
         -webkit-transform: scaleX(0);
         transform: scaleX(0);
         -webkit-transform-origin: 0 50%;
         transform-origin: 0 50%;
         pointer-events: none;
         -webkit-animation-name: wobble;
         animation-name: wobble;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
         -webkit-animation-duration: 2000ms;
         animation-duration: 2000ms;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
         animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
     }
     /*////////JELLO ANIMATION IS REVEAL ANIMATION LANGSAMER///////*/
     @keyframes jello1 {
         0%,
         35% {
             -webkit-clip-path: inset(0 0 100% 0);
             clip-path: inset(0 0 100% 0);
             opacity: 1;
             /*transform: rotate(-20deg);*/
         }
         75%,
         100% {
             -webkit-clip-path: inset(0 0 0 0);
             clip-path: inset(0 0 0 0);
             opacity: 1;
         }
     }
     @keyframes jello {
         0%,
         35% {
             -webkit-transform-origin: 0 50%;
             transform-origin: 0% 50%;
             will-change: transform;
         }
         75%,
         100% {
             -webkit-transform-origin: 100% 50%;
             transform-origin: 100% 50%;
             will-change: transform;
         }
         60% {
             -webkit-transform: scaleX(1);
             transform: scaleX(1);
             will-change: scaleX;
         }
         100% {
             -webkit-transform: scaleX(0);
             transform: scaleX(0);
             will-change: scaleX;
         }
     }
     .jello {
         width: max-content;
         position: relative;
         margin: 0;
         display: block;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         -webkit-animation-name: jello1;
         animation-name: jello1;
         -webkit-animation-delay: 0.0s;
         animation-delay: 0.0s;
         -webkit-animation-duration: 2500ms;
         animation-duration: 2500ms;
         -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
         animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
     }
     .jello::after {
         content: "";
         position: absolute;
         z-index: 999;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         margin: 0;
         background-color: #FF0000;
         opacity: 1;
         -webkit-transform: scaleX(0);
         transform: scaleX(0);
         -webkit-transform-origin: 0 50%;
         transform-origin: 0 50%;
         pointer-events: none;
         -webkit-animation-name: jello;
         animation-name: jello;
         -webkit-animation-delay: 0.0s;
         animation-delay: 0.0s;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
         -webkit-animation-duration: 250ms;
         animation-duration: 2500ms;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
         animation-timing-function: cubic-bezier(1, 0, 0, 1);
     }
     /*/////////BOUNCE/////////*/
     @-webkit-keyframes bounceIn {
         20%,
         40%,
         60%,
         80%,
         from,
         to {
             -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
             animation-timing-function: cubic-bezier(.215, .61, .355, 1)
         }
         0% {
             opacity: 0;
             -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3);
             will-change: transform;
         }
         20% {
             -webkit-transform: scale3d(1.1, 1.1, 1.1);
             transform: scale3d(1.1, 1.1, 1.1);
             will-change: transform;
         }
         40% {
             -webkit-transform: scale3d(.9, .9, .9);
             transform: scale3d(.9, .9, .9);
             will-change: transform;
         }
         60% {
             opacity: 1;
             -webkit-transform: scale3d(1.03, 1.03, 1.03);
             transform: scale3d(1.03, 1.03, 1.03);
             will-change: transform;
         }
         80% {
             -webkit-transform: scale3d(.97, .97, .97);
             transform: scale3d(.97, .97, .97);
             will-change: transform;
         }
         to {
             opacity: 1;
             -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
             will-change: transform;
         }
     }
     @keyframes bounceIn {
         20%,
         40%,
         60%,
         80%,
         from,
         to {
             -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
             animation-timing-function: cubic-bezier(.215, .61, .355, 1)
         }
         0% {
             opacity: 0;
             -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3);
             will-change: transform;
         }
         20% {
             -webkit-transform: scale3d(1.1, 1.1, 1.1);
             transform: scale3d(1.1, 1.1, 1.1);
             will-change: transform;
         }
         40% {
             -webkit-transform: scale3d(.9, .9, .9);
             transform: scale3d(.9, .9, .9);
             will-change: transform;
         }
         60% {
             opacity: 1;
             -webkit-transform: scale3d(1.03, 1.03, 1.03);
             transform: scale3d(1.03, 1.03, 1.03);
             will-change: transform;
         }
         80% {
             -webkit-transform: scale3d(.97, .97, .97);
             transform: scale3d(.97, .97, .97);
             will-change: transform;
         }
         to {
             opacity: 1;
             -webkit-transform: scale3d(1, 1, 1);
             transform: scale3d(1, 1, 1);
             will-change: transform;
         }
     }
     .bounceIn {
         -webkit-animation-name: bounceIn;
         animation-name: bounceIn
     }
     @-webkit-keyframes bounceInLeft {
         0% {
             opacity: 0;
             transform: translateX(-120px);
             transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
             will-change: transform;
             filter: blur(10px);
             -webkit-filter: blur(10px);
         }
         20% {
             opacity: 0.8;
             transform: translateX(60px);
             transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
             will-change: transform;
         }
         40% {
             opacity: 1;
             transform: translateX(-30px);
             will-change: transform;
             filter: blur(0px);
             -webkit-filter: blur(0px);
         }
         60% {
             transform: translateX(10px);
             transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
             will-change: transform;
         }
         80% {
             transform: translateX(-5px);
             transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
             will-change: transform;
         }
         100% {
             transform: translateX(0px);
             will-change: transform;
         }
     }
     @keyframes bounceInLeft {
         0% {
             opacity: 0;
             transform: translateX(-120px);
             transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
             will-change: transform;
             filter: blur(10px);
             -webkit-filter: blur(10px);
         }
         20% {
             opacity: 0.8;
             transform: translateX(60px);
             transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
             will-change: transform;
         }
         40% {
             opacity: 1;
             transform: translateX(-30px);
             will-change: transform;
             filter: blur(0px);
             -webkit-filter: blur(0px);
         }
         60% {
             transform: translateX(10px);
             transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
             will-change: transform;
         }
         80% {
             transform: translateX(-5px);
             transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
             will-change: transform;
         }
         100% {
             transform: translateX(0px);
             will-change: transform;
         }
     }
     .bounceInLeft {
         -webkit-animation-name: bounceInLeft;
         animation-name: bounceInLeft;
         -webkit-animation-duration: 1.0s;
         animation-duration: 1.0s;
     }
     @-webkit-keyframes bounceInRight {
         0% {
             opacity: 0;
             transform: translateX(120px);
             transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
             will-change: transform;
             filter: blur(10px);
             -webkit-filter: blur(10px);
         }
         20% {
             opacity: 0.8;
             transform: translateX(-60px);
             transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
             will-change: transform;
         }
         40% {
             opacity: 1;
             transform: translateX(30px);
             will-change: transform;
             filter: blur(0px);
             -webkit-filter: blur(0px);
         }
         60% {
             transform: translateX(-10px);
             transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
             will-change: transform;
         }
         80% {
             transform: translateX(5px);
             transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
             will-change: transform;
         }
         100% {
             transform: translateX(0px);
             will-change: transform;
         }
     }
     @keyframes bounceInRight {
         0% {
             opacity: 0;
             transform: translateX(120px);
             transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
             will-change: transform;
             filter: blur(10px);
             -webkit-filter: blur(10px);
         }
         20% {
             opacity: 0.8;
             transform: translateX(-60px);
             transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
             will-change: transform;
         }
         40% {
             opacity: 1;
             transform: translateX(30px);
             will-change: transform;
             filter: blur(0px);
             -webkit-filter: blur(0px);
         }
         60% {
             transform: translateX(-10px);
             transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
             will-change: transform;
         }
         80% {
             transform: translateX(5px);
             transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
             will-change: transform;
         }
         100% {
             transform: translateX(0px);
             will-change: transform;
         }
     }
     .bounceInRight {
         -webkit-animation-name: bounceInRight;
         animation-name: bounceInRight;
         -webkit-animation-duration: 1.0s;
         animation-duration: 1.0s;
     }
     @-webkit-keyframes bounceInUp {
         0% {
             opacity: 0;
             transform: translateY(120px);
             transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
             will-change: transform;
             filter: blur(10px);
             -webkit-filter: blur(10px);
         }
         20% {
             opacity: 0.8;
             transform: translateY(-60px);
             transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
             will-change: transform;
         }
         40% {
             opacity: 1;
             transform: translateY(30px);
             will-change: transform;
             filter: blur(0px);
             -webkit-filter: blur(0px);
         }
         60% {
             transform: translateY(-10px);
             transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
             will-change: transform;
         }
         80% {
             transform: translateY(5px);
             transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
             will-change: transform;
         }
         100% {
             transform: translateY(0px);
             will-change: transform;
         }
     }
     @keyframes bounceInUp {
         0% {
             opacity: 0;
             transform: translateY(120px);
             transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
             will-change: transform;
             filter: blur(10px);
             -webkit-filter: blur(10px);
         }
         20% {
             opacity: 0.8;
             transform: translateY(-60px);
             transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
             will-change: transform;
         }
         40% {
             opacity: 1;
             transform: translateY(30px);
             will-change: transform;
             filter: blur(0px);
             -webkit-filter: blur(0px);
         }
         60% {
             transform: translateY(-10px);
             transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
             will-change: transform;
         }
         80% {
             transform: translateY(5px);
             transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
             will-change: transform;
         }
         100% {
             transform: translateY(0px);
             will-change: transform;
         }
     }
     .bounceInUp {
         -webkit-animation-name: bounceInUp;
         animation-name: bounceInUp;
         -webkit-animation-duration: 1.0s;
         animation-duration: 1.0s;
     }
     @-webkit-keyframes bounceInDown {
         0% {
             opacity: 0;
             transform: translateY(120px);
             transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
             will-change: transform;
             filter: blur(10px);
             -webkit-filter: blur(10px);
         }
         20% {
             opacity: 0.8;
             transform: translateY(-60px);
             transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
             will-change: transform;
         }
         40% {
             opacity: 1;
             transform: translateY(30px);
             will-change: transform;
             filter: blur(0px);
             -webkit-filter: blur(0px);
         }
         60% {
             transform: translateY(-10px);
             transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
             will-change: transform;
         }
         80% {
             transform: translateY(5px);
             transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
             will-change: transform;
         }
         100% {
             transform: translateY(0px);
             will-change: transform;
         }
     }
     @keyframes bounceInDown {
         0% {
             opacity: 0;
             transform: translateY(120px);
             transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
             will-change: transform;
             filter: blur(10px);
             -webkit-filter: blur(10px);
         }
         20% {
             opacity: 0.8;
             transform: translateY(-60px);
             transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
             will-change: transform;
         }
         40% {
             opacity: 1;
             transform: translateY(30px);
             will-change: transform;
             filter: blur(0px);
             -webkit-filter: blur(0px);
         }
         60% {
             transform: translateY(-10px);
             transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
             will-change: transform;
         }
         80% {
             transform: translateY(5px);
             transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
             will-change: transform;
         }
         100% {
             transform: translateY(0px);
             will-change: transform;
         }
     }
     .bounceInDown {
         -webkit-animation-name: bounceInDown;
         animation-name: bounceInDown;
         -webkit-animation-duration: 1.0s;
         animation-duration: 1.0s;
     }
     /*/////////FADE/////////*/
     @-webkit-keyframes fadeIn {
         from {
             opacity: 0;
             will-change: opacity;
         }
         to {
             opacity: 1;
             will-change: opacity;
         }
     }
     @keyframes fadeIn {
         from {
             opacity: 0;
             will-change: opacity;
         }
         to {
             opacity: 1;
             will-change: opacity;
         }
     }
     .fadeIn {
         -webkit-animation-name: fadeIn;
         animation-name: fadeIn;
         -webkit-animation-delay: 0.3s;
         animation-delay: 0.3s;
         -webkit-animation-duration: 0.8s;
         animation-duration: 0.8s;
         -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
         animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
     }
     @-webkit-keyframes fadeInUp {
         from {
             opacity: 0;
             -webkit-transform: translate3d(0, 30%, 0);
             transform: translate3d(0, 30%, 0);
             will-change: transform;
         }
         to {
             opacity: 1;
             -webkit-transform: none;
             transform: none;
             will-change: transform;
         }
     }
     @keyframes fadeInUp {
         from {
             opacity: 0;
             -webkit-transform: translate3d(0, 30%, 0);
             transform: translate3d(0, 30%, 0);
             will-change: transform;
         }
         to {
             opacity: 1;
             -webkit-transform: none;
             transform: none;
             will-change: transform;
         }
     }
     .fadeInUp {
         -webkit-animation-name: fadeInUp;
         animation-name: fadeInUp;
         -webkit-animation-duration: 0.8s;
         animation-duration: 0.8s;
         -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
         animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
     }
     @-webkit-keyframes fadeInDown {
         from {
             opacity: 0;
             -webkit-transform: translate3d(0, -30%, 0);
             transform: translate3d(0, -30%, 0);
             will-change: transform;
         }
         to {
             opacity: 1;
             -webkit-transform: none;
             transform: none;
             will-change: transform;
         }
     }
     @keyframes fadeInDown {
         from {
             opacity: 0;
             -webkit-transform: translate3d(0, -30%, 0);
             transform: translate3d(0, -30%, 0);
             will-change: transform;
         }
         to {
             opacity: 1;
             -webkit-transform: none;
             transform: none;
             will-change: transform;
         }
     }
     .fadeInDown {
         -webkit-animation-name: fadeInDown;
         animation-name: fadeInDown;
         -webkit-animation-duration: 0.8s;
         animation-duration: 0.8s;
         -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
         animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
     }
     @-webkit-keyframes fadeInUpBig {
         from {
             opacity: 0;
             -webkit-transform: translate3d(0, 40%, 0);
             transform: translate3d(0, 60%, 0);
             will-change: transform;
         }
         to {
             opacity: 1;
             -webkit-transform: none;
             transform: none;
             will-change: transform;
         }
     }
     @keyframes fadeInUpBig {
         from {
             opacity: 0;
             -webkit-transform: translate3d(0, 40%, 0);
             transform: translate3d(0, 60%, 0);
             will-change: transform;
         }
         to {
             opacity: 1;
             -webkit-transform: none;
             transform: none;
             will-change: transform;
         }
     }
     .fadeInUpBig {
         -webkit-animation-name: fadeInUpBig;
         animation-name: fadeInUpBig;
         -webkit-animation-duration: 0.8s;
         animation-duration: 0.8s;
         -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
         animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
     }
     @-webkit-keyframes fadeInDownBig {
         from {
             opacity: 0;
             -webkit-transform: translate3d(0, -40%, 0);
             transform: translate3d(0, -40%, 0);
             will-change: transform;
         }
         to {
             opacity: 1;
             -webkit-transform: none;
             transform: none;
             will-change: transform;
         }
     }
     @keyframes fadeInDownBig {
         from {
             opacity: 0;
             -webkit-transform: translate3d(0, -40%, 0);
             transform: translate3d(0, -40%, 0);
             will-change: transform;
         }
         to {
             opacity: 1;
             -webkit-transform: none;
             transform: none;
             will-change: transform;
         }
     }
     .fadeInDownBig {
         -webkit-animation-name: fadeInDownBig;
         animation-name: fadeInDownBig
     }
     @-webkit-keyframes fadeInLeft {
         from {
             opacity: 0;
             -webkit-transform: translate3d(-20%, 0, 0);
             transform: translate3d(-20%, 0, 0);
             will-change: transform;
         }
         to {
             opacity: 1;
             -webkit-transform: none;
             transform: none;
             will-change: transform;
         }
     }
     @keyframes fadeInLeft {
         from {
             opacity: 0;
             -webkit-transform: translate3d(-20%, 0, 0);
             transform: translate3d(-20%, 0, 0);
             will-change: transform;
         }
         to {
             opacity: 1;
             -webkit-transform: none;
             transform: none;
             will-change: transform;
         }
     }
     .fadeInLeft {
         -webkit-animation-name: fadeInLeft;
         animation-name: fadeInLeft
     }
     @-webkit-keyframes fadeInLeftBig {
         0% {
             opacity: 0;
             transform: translateX(-100px);
             will-change: transform;
         }
         100% {
             transform: translateX(0px);
             will-change: transform;
         }
     }
     @keyframes fadeInLeftBig {
         0% {
             opacity: 0;
             transform: translateX(-100px);
             will-change: transform;
         }
         100% {
             transform: translateX(0px);
             will-change: transform;
         }
     }
     .fadeInLeftBig {
         -webkit-animation-name: fadeInLeftBig;
         animation-name: fadeInLeftBig;
         -webkit-animation-duration: 800ms;
         animation-duration: 800ms;
         -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
         animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
     }
     @-webkit-keyframes fadeInRight {
         from {
             opacity: 0;
             -webkit-transform: translate3d(40%, 0, 0);
             transform: translate3d(40%, 0, 0);
             will-change: transform;
         }
         to {
             opacity: 1;
             -webkit-transform: none;
             transform: none;
             will-change: transform;
         }
     }
     @keyframes fadeInRight {
         from {
             opacity: 0;
             -webkit-transform: translate3d(40%, 0, 0);
             transform: translate3d(40%, 0, 0);
             will-change: transform;
         }
         to {
             opacity: 1;
             -webkit-transform: none;
             transform: none;
             will-change: transform;
         }
     }
     .fadeInRight {
         -webkit-animation-name: fadeInRight;
         animation-name: fadeInRight;
     }
     @-webkit-keyframes fadeInRightBig {
         0% {
             opacity: 0;
             transform: translateX(100px);
             will-change: transform;
         }
         100% {
             transform: translateX(0px);
             will-change: transform;
         }
     }
     @keyframes fadeInRightBig {
         0% {
             opacity: 0;
             transform: translateX(100px);
             will-change: transform;
         }
         100% {
             transform: translateX(0px);
             will-change: transform;
         }
     }
     .fadeInRightBig {
         -webkit-animation-name: fadeInRightBig;
         animation-name: fadeInRightBig;
         -webkit-animation-duration: 800ms;
         animation-duration: 800ms;
         -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
         animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
     }
     /*//////// CUSTOMIZED KC ANIMATION zoomInUp ///////////*/
     @keyframes zoomInUp1 {
         0%,
         35% {
             -webkit-clip-path: inset(0% 0% 0% 100%);
             clip-path: inset(0% 0% 100% 100%);
             opacity: 1;
             /*transform: rotate(-20deg);*/
         }
         75%,
         100% {
             -webkit-clip-path: inset(0 0 0 0);
             clip-path: inset(0 0 0 0);
             opacity: 1;
         }
     }
     @keyframes zoomInUp {
         0%,
         35% {
             -webkit-transform-origin: 0 50%;
             transform-origin: 0% 50%;
         }
         75%,
         100% {
             -webkit-transform-origin: 100% 50%;
             transform-origin: 0% 100%;
         }
         60% {
             -webkit-transform: scaleX(1);
             transform: scaleX(1);
             will-change: scaleX;
         }
         100% {
             -webkit-transform: scaleX(0);
             transform: scaleX(0);
             will-change: scaleX;
         }
     }
     .zoomInUp {
         position: relative;
         margin: 0;
         display: block;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         -webkit-animation-name: zoomInUp1;
         animation-name: zoomInUp1;
         -webkit-animation-delay: 0.0s;
         animation-delay: 0.0s;
         -webkit-animation-duration: 1800ms;
         animation-duration: 1800ms;
         -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
         animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
     }
     .zoomInUp::after {
         content: "";
         position: absolute;
         z-index: 999;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         margin: 0;
         background-color: #E94449;
         -webkit-transform: scaleX(0);
         transform: scaleX(0);
         -webkit-transform-origin: 0 50%;
         transform-origin: 0 50%;
         pointer-events: none;
         -webkit-animation-name: zoomInUp;
         animation-name: zoomInUp;
         -webkit-animation-delay: 0.0s;
         animation-delay: 0.0s;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
         -webkit-animation-duration: 2000ms;
         animation-duration: 2000ms;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
         animation-timing-function: cubic-bezier(1, 0, 0, 1);
     }
     /*//////SLIDE/////////*/
     @-webkit-keyframes slideInDown {
         from {
             -webkit-transform: translate3d(0, -100%, 0);
             transform: translate3d(0, -100%, 0);
             opacity: 0;
             will-change: transform;
         }
         to {
             -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
             opacity: 1;
             will-change: transform;
         }
     }
     @keyframes slideInDown {
         from {
             -webkit-transform: translate3d(0, -100%, 0);
             transform: translate3d(0, -100%, 0);
             opacity: 0;
             will-change: transform;
         }
         to {
             -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
             opacity: 1;
             will-change: transform;
         }
     }
     .slideInDown {
         -webkit-animation-name: slideInDown;
         animation-name: slideInDown
     }
     @-webkit-keyframes slideInLeft {
         from {
             -webkit-transform: translate3d(-100%, 0, 0);
             transform: translate3d(-100%, 0, 0);
             opacity: 0;
             will-change: transform;
         }
         to {
             -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
             opacity: 1;
             will-change: transform;
         }
     }
     @keyframes slideInLeft {
         from {
             -webkit-transform: translate3d(-100%, 0, 0);
             transform: translate3d(-100%, 0, 0);
             opacity: 0;
             will-change: transform;
         }
         to {
             -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
             opacity: 1;
             will-change: transform;
         }
     }
     .slideInLeft {
         -webkit-animation-name: slideInLeft;
         animation-name: slideInLeft
     }
     @-webkit-keyframes slideInRight {
         from {
             -webkit-transform: translate3d(100%, 0, 0);
             transform: translate3d(100%, 0, 0);
             opacity: 0;
             will-change: transform;
         }
         to {
             -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
             opacity: 1;
             will-change: transform;
         }
     }
     @keyframes slideInRight {
         from {
             -webkit-transform: translate3d(100%, 0, 0);
             transform: translate3d(100%, 0, 0);
             opacity: 0;
             will-change: transform;
         }
         to {
             -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
             opacity: 1;
             will-change: transform;
         }
     }
     .slideInRight {
         -webkit-animation-name: slideInRight;
         animation-name: slideInRight
     }
     @-webkit-keyframes slideInUp {
         from {
             -webkit-transform: translate3d(0, 100%, 0);
             transform: translate3d(0, 100%, 0);
             opacity: 0;
             will-change: transform;
         }
         to {
             -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
             opacity: 1;
             will-change: transform;
         }
     }
     @keyframes slideInUp {
         from {
             -webkit-transform: translate3d(0, 100%, 0);
             transform: translate3d(0, 100%, 0);
             opacity: 0;
             will-change: transform;
         }
         to {
             -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
             opacity: 1;
             will-change: transform;
         }
     }
     .slideInUp {
         -webkit-animation-name: slideInUp;
         animation-name: slideInUp;
     }