/*
 * ----------------------------------------
 * animation fzt-pulse-animation
 * ----------------------------------------
 */
 @-webkit-keyframes fzt-pulse-animation {
    0%, 100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
    }
}
@keyframes fzt-pulse-animation {
    0%, 100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
    }
}

/*
 * ----------------------------------------
 * animation fzt-vibrate-animation
 * ----------------------------------------
 */
 @-webkit-keyframes fzt-vibrate-animation {
        0%, 100% {
                -webkit-transform: translate(0);
                        transform: translate(0);
        }
        10% {
                -webkit-transform: translate(-2px, -2px);
                        transform: translate(-2px, -2px);
        }
        20% {
                -webkit-transform: translate(2px, -2px);
                        transform: translate(2px, -2px);
        }
        30% {
                -webkit-transform: translate(-2px, 2px);
                        transform: translate(-2px, 2px);
        }
        40% {
                -webkit-transform: translate(2px, 2px);
                        transform: translate(2px, 2px);
        }
        50% {
                -webkit-transform: translate(-2px, -2px);
                        transform: translate(-2px, -2px);
        }
        60% {
                -webkit-transform: translate(2px, -2px);
                        transform: translate(2px, -2px);
        }
        70% {
                -webkit-transform: translate(-2px, 2px);
                        transform: translate(-2px, 2px);
        }
        80% {
                -webkit-transform: translate(-2px, -2px);
                        transform: translate(-2px, -2px);
        }
        90% {
                -webkit-transform: translate(2px, -2px);
                        transform: translate(2px, -2px);
        }
}
@keyframes fzt-vibrate-animation {
        0%, 100% {
                -webkit-transform: translate(0);
                        transform: translate(0);
        }
        10% {
                -webkit-transform: translate(-2px, -2px);
                        transform: translate(-2px, -2px);
        }
        20% {
                -webkit-transform: translate(2px, -2px);
                        transform: translate(2px, -2px);
        }
        30% {
                -webkit-transform: translate(-2px, 2px);
                        transform: translate(-2px, 2px);
        }
        40% {
                -webkit-transform: translate(2px, 2px);
                        transform: translate(2px, 2px);
        }
        50% {
                -webkit-transform: translate(-2px, -2px);
                        transform: translate(-2px, -2px);
        }
        60% {
                -webkit-transform: translate(2px, -2px);
                        transform: translate(2px, -2px);
        }
        70% {
                -webkit-transform: translate(-2px, 2px);
                        transform: translate(-2px, 2px);
        }
        80% {
                -webkit-transform: translate(-2px, -2px);
                        transform: translate(-2px, -2px);
        }
        90% {
                -webkit-transform: translate(2px, -2px);
                        transform: translate(2px, -2px);
        }
}


/*
 * ----------------------------------------
 * animation fzt-heartbeat-animation
 * ----------------------------------------
 */
@-webkit-keyframes fzt-heartbeat-animation {
        from {
                -webkit-animation-timing-function: ease-out;
                        animation-timing-function: ease-out;
                -webkit-transform: scale(1);
                        transform: scale(1);
                -webkit-transform-origin: center center;
                        transform-origin: center center;
        }
        10% {
                -webkit-animation-timing-function: ease-in;
                        animation-timing-function: ease-in;
                -webkit-transform: scale(0.91);
                        transform: scale(0.91);
        }
        17% {
                -webkit-animation-timing-function: ease-out;
                        animation-timing-function: ease-out;
                -webkit-transform: scale(0.98);
                        transform: scale(0.98);
        }
        33% {
                -webkit-animation-timing-function: ease-in;
                        animation-timing-function: ease-in;
                -webkit-transform: scale(0.87);
                        transform: scale(0.87);
        }
        45% {
                -webkit-animation-timing-function: ease-out;
                        animation-timing-function: ease-out;
                -webkit-transform: scale(1);
                        transform: scale(1);
        }
}
@keyframes fzt-heartbeat-animation {
        from {
                -webkit-animation-timing-function: ease-out;
                        animation-timing-function: ease-out;
                -webkit-transform: scale(1);
                        transform: scale(1);
                -webkit-transform-origin: center center;
                        transform-origin: center center;
        }
        10% {
                -webkit-animation-timing-function: ease-in;
                        animation-timing-function: ease-in;
                -webkit-transform: scale(0.91);
                        transform: scale(0.91);
        }
        17% {
                -webkit-animation-timing-function: ease-out;
                        animation-timing-function: ease-out;
                -webkit-transform: scale(0.98);
                        transform: scale(0.98);
        }
        33% {
                -webkit-animation-timing-function: ease-in;
                        animation-timing-function: ease-in;
                -webkit-transform: scale(0.87);
                        transform: scale(0.87);
        }
        45% {
                -webkit-animation-timing-function: ease-out;
                        animation-timing-function: ease-out;
                -webkit-transform: scale(1);
                        transform: scale(1);
        }
}


/*
 * ----------------------------------------
 * animation fzt-ping-animation
 * ----------------------------------------
 */
 @-webkit-keyframes fzt-ping-animation {
        0% {
                opacity: 0.8;
                -webkit-transform: scale(0.2);
                        transform: scale(0.2);
        }
        80% {
                opacity: 0;
                -webkit-transform: scale(1.2);
                        transform: scale(1.2);
        }
        100% {
                opacity: 0;
                -webkit-transform: scale(2.2);
                        transform: scale(2.2);
        }
}
@keyframes fzt-ping-animation {
        0% {
                opacity: 0.8;
                -webkit-transform: scale(0.2);
                        transform: scale(0.2);
        }
        80% {
                opacity: 0;
                -webkit-transform: scale(1.2);
                        transform: scale(1.2);
        }
        100% {
                opacity: 0;
                -webkit-transform: scale(2.2);
                        transform: scale(2.2);
        }
}



/*
 * ----------------------------------------
 * animation fzt-blink-animation
 * ----------------------------------------
 */
 @keyframes fzt-blink-animation {
        0%,
        50%,
        100% {
                opacity: 1;
        }
        25%,
        75% {
                opacity: 0;
        }
}

@-webkit-keyframes fzt-blink-animation {
        0%,
        50%,
        100% {
                opacity: 1;
        }
        25%,
        75% {
                opacity: 0;
        }
}


/*
 * ----------------------------------------
 * animation fzt-roaming-animation
 * ----------------------------------------
 */

@keyframes fzt-roaming-animation {
        0%, 100% {
                -webkit-transform: translate(0px, 0px) rotate(0deg);
                transform: translate(0px, 0px) rotate(0deg);
        }
        20% {
                -webkit-transform: translate(73px, -1px) rotate(36deg);
                transform: translate(73px, -1px) rotate(36deg);
        }
        40% {
                -webkit-transform: translate(141px, 72px) rotate(72deg);
                transform: translate(141px, 72px) rotate(72deg);
        }
        60% {
                -webkit-transform: translate(83px, 122px) rotate(108deg);
                transform: translate(83px, 122px) rotate(108deg);
        }
        80% {
                -webkit-transform: translate(-40px, 72px) rotate(144deg);
                transform: translate(-40px, 72px) rotate(144deg);
        }
}

@-webkit-keyframes fzt-roaming-animation {
        0%, 100% {
                -webkit-transform: translate(0px, 0px) rotate(0deg);
                transform: translate(0px, 0px) rotate(0deg);
        }
        20% {
                -webkit-transform: translate(73px, -1px) rotate(36deg);
                transform: translate(73px, -1px) rotate(36deg);
        }
        40% {
                -webkit-transform: translate(141px, 72px) rotate(72deg);
                transform: translate(141px, 72px) rotate(72deg);
        }
        60% {
                -webkit-transform: translate(83px, 122px) rotate(108deg);
                transform: translate(83px, 122px) rotate(108deg);
        }
        80% {
                -webkit-transform: translate(-40px, 72px) rotate(144deg);
                transform: translate(-40px, 72px) rotate(144deg);
        }
}


/*
 * ----------------------------------------
 * animation fzt-jello-animation
 * ----------------------------------------
 */

@keyframes fzt-jello-animation {
        0%, 100% {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
        }
        30% {
                -webkit-transform: scale3d(1.25, 0.75, 1);
                transform: scale3d(1.25, 0.75, 1);
        }
        40% {
                -webkit-transform: scale3d(0.75, 1.25, 1);
                transform: scale3d(0.75, 1.25, 1);
        }
        50% {
                -webkit-transform: scale3d(1.15, 0.85, 1);
                transform: scale3d(1.15, 0.85, 1);
        }
        65% {
                -webkit-transform: scale3d(0.95, 1.05, 1);
                transform: scale3d(0.95, 1.05, 1);
        }
        75% {
                -webkit-transform: scale3d(1.05, 0.95, 1);
                transform: scale3d(1.05, 0.95, 1);
        }
}

@-webkit-keyframes fzt-jello-animation {
        0%, 100% {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
        }
        30% {
                -webkit-transform: scale3d(1.25, 0.75, 1);
                transform: scale3d(1.25, 0.75, 1);
        }
        40% {
                -webkit-transform: scale3d(0.75, 1.25, 1);
                transform: scale3d(0.75, 1.25, 1);
        }
        50% {
                -webkit-transform: scale3d(1.15, 0.85, 1);
                transform: scale3d(1.15, 0.85, 1);
        }
        65% {
                -webkit-transform: scale3d(0.95, 1.05, 1);
                transform: scale3d(0.95, 1.05, 1);
        }
        75% {
                -webkit-transform: scale3d(1.05, 0.95, 1);
                transform: scale3d(1.05, 0.95, 1);
        }
}


/*
 * ----------------------------------------
 * animation fzt-float-animation
 * ----------------------------------------
 */

 @keyframes fzt-float-animation {
        0%, 100% {
                transform: translateY(0);
        }
        50% {
                transform: translateY(-30px);
        }
}

 @-webkit-keyframes fzt-float-animation {
        0%, 100% {
                transform: translateY(0);
        }
        50% {
                transform: translateY(-30px);
        }
}


/*
 * ----------------------------------------
 * animation fzt-bounce-animation
 * ----------------------------------------
 */

@keyframes fzt-bounce-animation {
        20%,53%,80%,from,to{
                animation-timing-function:cubic-bezier(.215,.61,.355,1);
                transform:translate3d(0,0,0)
        }
        40%,43%{
                animation-timing-function:cubic-bezier(.755,.050,.855,.060);
                transform:translate3d(0,-30px,0)
        }
        70%{
                animation-timing-function:cubic-bezier(.755,.050,.855,.060);
                transform:translate3d(0,-15px,0)
        }
        90%{
                transform:translate3d(0,-4px,0)
        }
}

@-webkit-keyframes fzt-bounce-animation {
        20%,53%,80%,from,to{
                animation-timing-function:cubic-bezier(.215,.61,.355,1);
                transform:translate3d(0,0,0)
        }
        40%,43%{
                animation-timing-function:cubic-bezier(.755,.050,.855,.060);
                transform:translate3d(0,-30px,0)
        }
        70%{
                animation-timing-function:cubic-bezier(.755,.050,.855,.060);
                transform:translate3d(0,-15px,0)
        }
        90%{
                transform:translate3d(0,-4px,0)
        }
}

/*
 * ----------------------------------------
 * animation fzt-shake-horizontal-animation
 * ----------------------------------------
 */

@keyframes fzt-shake-horizontal-animation {
        0%,
        100% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
        }
        10%,
        30%,
        50%,
        70% {
                -webkit-transform: translateX(-10px);
                transform: translateX(-10px);
        }
        20%,
        40%,
        60% {
                -webkit-transform: translateX(10px);
                transform: translateX(10px);
        }
        80% {
                -webkit-transform: translateX(8px);
                transform: translateX(8px);
        }
        90% {
                -webkit-transform: translateX(-8px);
                transform: translateX(-8px);
        }
}

@-webkit-keyframes fzt-shake-horizontal-animation {
        0%,
        100% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
        }
        10%,
        30%,
        50%,
        70% {
                -webkit-transform: translateX(-10px);
                transform: translateX(-10px);
        }
        20%,
        40%,
        60% {
                -webkit-transform: translateX(10px);
                transform: translateX(10px);
        }
        80% {
                -webkit-transform: translateX(8px);
                transform: translateX(8px);
        }
        90% {
                -webkit-transform: translateX(-8px);
                transform: translateX(-8px);
        }
}


/*
 * ----------------------------------------
 * animation fzt-shake-vertical-animation
 * ----------------------------------------
 */

@keyframes fzt-shake-vertical-animation {
        0%,
        100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        10%,
        30%,
        50%,
        70% {
                -webkit-transform: translateY(-8px);
                transform: translateY(-8px);
        }
        20%,
        40%,
        60% {
                -webkit-transform: translateY(8px);
                transform: translateY(8px);
        }
        80% {
                -webkit-transform: translateY(6.4px);
                transform: translateY(6.4px);
        }
        90% {
                -webkit-transform: translateY(-6.4px);
                transform: translateY(-6.4px);
        }
}

@-webkit-keyframes fzt-shake-vertical-animation {
        0%,
        100% {
                -webkit-transform: translateY(0);
                transform: translateY(0);
        }
        10%,
        30%,
        50%,
        70% {
                -webkit-transform: translateY(-8px);
                transform: translateY(-8px);
        }
        20%,
        40%,
        60% {
                -webkit-transform: translateY(8px);
                transform: translateY(8px);
        }
        80% {
                -webkit-transform: translateY(6.4px);
                transform: translateY(6.4px);
        }
        90% {
                -webkit-transform: translateY(-6.4px);
                transform: translateY(-6.4px);
        }
}

/*
 * ----------------------------------------
 * animation fzt-swing-animation
 * ----------------------------------------
 */

@keyframes fzt-swing-animation {
        0%,
        100%{
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        }
        50%{
                -webkit-transform: rotate(8deg);
                transform: rotate(8deg);
        }
}

@-webkit-keyframes fzt-swing-animation {
        0%,
        100%{
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        }
        50%{
                -webkit-transform: rotate(8deg);
                transform: rotate(8deg);
        }
}


/*
 * ----------------------------------------
 * animation fzt-twinkle-animation
 * ----------------------------------------
 */

 @keyframes fzt-twinkle-animation {
        0% {
                opacity: 1;
        }
        30% {
                color: var(--nexira-primary-color);
                opacity: 0;
        }
        45% {
                color: var(--nexira-secondary-color);
                opacity: 1;
        }
        60% {
                color: var(--nexira-teritary-color);
                opacity: 0;
        }
        75% {
                color: var(--nexira-primary-color);
                opacity: 1;
        }
        85% {
                color: var(--nexira-secondary-color);
                opacity: 0;
        }
        100% {
                color: var(--nexira-teritary-color);
                opacity: 1;
        }
}

 @-webkit-keyframes fzt-twinkle-animation {
        0% {
                opacity: 1;
        }
        30% {
                color: var(--nexira-primary-color);
                opacity: 0;
        }
        45% {
                color: var(--nexira-secondary-color);
                opacity: 1;
        }
        60% {
                color: var(--nexira-teritary-color);
                opacity: 0;
        }
        75% {
                color: var(--nexira-primary-color);
                opacity: 1;
        }
        85% {
                color: var(--nexira-secondary-color);
                opacity: 0;
        }
        100% {
                color: var(--nexira-teritary-color);
                opacity: 1;
        }
}


/*
 * ----------------------------------------
 * animation fzt-rotate-animation
 * ----------------------------------------
 */

@keyframes fzt-rotate-animation {
        0% {
                -webkit-transform: rotate(0);
                transform: rotate(0);
        }
        100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        }
}

@-webkit-keyframes fzt-rotate-animation {
        0% {
                -webkit-transform: rotate(0);
                transform: rotate(0);
        }
        100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
        }
}


/*
 * ----------------------------------------
 * animation Horizontal Scroll
 * ----------------------------------------
 */
.fzt-element-horizontal-scroll-animation {
        height: auto;
        transition: transform 0.6s ease-out;
}