/* SAJIRA */
/*bg-pan-left
Bg Pan Left*/
@keyframes bg-pan-left {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.bg-pan-left {
    animation: bg-pan-left 8s ease 0s 1 both;
}

.bg-pan-left-infinite {
    animation: bg-pan-left 8s ease 0s 1 infinite both;
}

/*bg-pan-right
Bg Pan Right*/
@keyframes bg-pan-right {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.bg-pan-right {
    animation: bg-pan-right 8s ease 0s 1 both;
}

.bg-pan-right-infinite {
    animation: bg-pan-right 8s ease 0s 1 infinite both;
}

/*bg-pan-top
Bg Pan Top*/
@keyframes bg-pan-top {
    0% {
        background-position: 50% 100%;
    }

    100% {
        background-position: 50% 0%;
    }
}

.bg-pan-top {
    animation: bg-pan-top 8s ease 0s 1 both;
}

.bg-pan-top-infinite {
    animation: bg-pan-top 8s ease 0s 1 infinite both;
}

/*bg-pan-bottom
Bg Pan Bottom*/
@keyframes bg-pan-bottom {
    0% {
        background-position: 50% 0%;
    }

    100% {
        background-position: 50% 100%;
    }
}

.bg-pan-bottom {
    animation: bg-pan-bottom 8s ease 0s 1 both;
}

.bg-pan-bottom-infinite {
    animation: bg-pan-bottom 8s ease 0s 1 infinite both;
}

/*bg-pan-tr
Bg Pan Top Right*/
@keyframes bg-pan-tr {
    0% {
        background-position: 0% 100%;
    }

    100% {
        background-position: 100% 0%;
    }
}

.bg-pan-tr {
    animation: bg-pan-tr 8s ease 0s 1 both;
}

.bg-pan-tr-infinite {
    animation: bg-pan-tr 8s ease 0s 1 infinite both;
}

/*bg-pan-br
Bg Pan Bottom Right*/
@keyframes bg-pan-br {
    0% {
        background-position: 0% 0%;
    }

    100% {
        background-position: 100% 100%;
    }
}

.bg-pan-br {
    animation: bg-pan-br 8s ease 0s 1 both;
}

.bg-pan-br-infinite {
    animation: bg-pan-br 8s ease 0s 1 infinite both;
}

/*bg-pan-bl
Bg Pan Bottom Left*/
@keyframes bg-pan-bl {
    0% {
        background-position: 100% 0%;
    }

    100% {
        background-position: 0% 100%;
    }
}

.bg-pan-bl {
    animation: bg-pan-bl 8s ease 0s 1 both;
}

.bg-pan-bl-infinite {
    animation: bg-pan-bl 8s ease 0s 1 infinite both;
}

/*bg-pan-tl
Bg Pan Top Left*/
@keyframes bg-pan-tl {
    0% {
        background-position: 100% 100%;
    }

    100% {
        background-position: 0% 0%;
    }
}

.bg-pan-tl {
    animation: bg-pan-tl 8s ease 0s 1 both;
}

.bg-pan-tl-infinite {
    animation: bg-pan-tl 8s ease 0s 1 infinite both;
}




/* File: blink.css */
/*blink-1
Blink 1*/
@keyframes blink-1 {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.blink-1 {
    animation: blink-1 0.6s ease 0s 1 both;
}

.blink-1-infinite {
    animation: blink-1 0.6s ease 0s 1 infinite both;
}

/*blink-2
Blink 2*/
@keyframes blink-2 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

.blink-2 {
    animation: blink-2 0.9s ease 0s 1 both;
}

.blink-2-infinite {
    animation: blink-2 0.9s ease 0s 1 infinite both;
}


/* File: Blur Out.css */
/* text-blur-out
Text Blur Out */


@keyframes text-blur-out {
    0% {
        filter: blur(0.01);
    }

    100% {
        filter: blur(12px) opacity(0%);
    }
}

.text-blur-out {
    animation: text-blur-out 1.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.text-blur-out-infinite {
    animation: text-blur-out 1.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* blur-out-contract
Blur Out Contract */

@keyframes blur-out-contract {
    0% {
        filter: blur(0.01);
    }

    100% {
        letter-spacing: -0.5em;
        filter: blur(12px) opacity(0%);
    }
}

.blur-out-contract {
    animation: blur-out-contract 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.blur-out-contract-infinite {
    animation: blur-out-contract 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* blur-out-contract-bck
Blur Out Contract Back */

@keyframes blur-out-contract-bck {
    0% {
        transform: translateZ(0);
        filter: blur(0.01);
    }

    100% {
        letter-spacing: -0.5em;
        transform: translateZ(-500px);
        filter: blur(12px) opacity(0%);
    }
}

.blur-out-contract-bck {
    animation: blur-out-contract-bck 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.blur-out-contract-bck-infinite {
    animation: blur-out-contract-bck 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* blur-out-expand
Blur Out Expand */

@keyframes blur-out-expand {
    0% {
        filter: blur(0.01);
    }

    100% {
        letter-spacing: 1em;
        filter: blur(12px) opacity(0%);
    }
}

.blur-out-expand {
    animation: blur-out-expand 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.blur-out-expand-infinite {
    animation: blur-out-expand 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* blur-out-expand-fwd
Blur Out Expand Forward */

@keyframes blur-out-expand-fwd {
    0% {
        transform: translateZ(0);
        filter: blur(0.01);
    }

    100% {
        letter-spacing: 1em;
        transform: translateZ(300px);
        filter: blur(12px) opacity(0%);
    }
}

.blur-out-expand-fwd {
    animation: blur-out-expand-fwd 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.blur-out-expand-fwd-infinite {
    animation: blur-out-expand-fwd 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}














/* File: bounce.css */
/*bounce-top
Bounce Top*/
@keyframes bounce-top {
    0% {
        transform: translateY(-45px);
        animation-timing-function: ease-in;
        opacity: 1;
    }

    24% {
        opacity: 1;
    }

    40% {
        transform: translateY(-24px);
        animation-timing-function: ease-in;
    }

    65% {
        transform: translateY(-12px);
        animation-timing-function: ease-in;
    }

    82% {
        transform: translateY(-6px);
        animation-timing-function: ease-in;
    }

    93% {
        transform: translateY(-4px);
        animation-timing-function: ease-in;
    }

    25%, 55%, 75%, 87% {
        transform: translateY(0px);
        animation-timing-function: ease-out;
    }

    100% {
        transform: translateY(0px);
        animation-timing-function: ease-out;
        opacity: 1;
    }
}

.bounce-top {
    animation: bounce-top 0.9s ease 0s 1 both;
}

.bounce-top-infinite {
    animation: bounce-top 0.9s ease 0s 1 infinite both;
}

/*bounce-bottom
Bounce Bottom*/
@keyframes bounce-bottom {
    0% {
        transform: translateY(45px);
        animation-timing-function: ease-in;
        opacity: 1;
    }

    24% {
        opacity: 1;
    }

    40% {
        transform: translateY(24px);
        animation-timing-function: ease-in;
    }

    65% {
        transform: translateY(12px);
        animation-timing-function: ease-in;
    }

    82% {
        transform: translateY(6px);
        animation-timing-function: ease-in;
    }

    93% {
        transform: translateY(4px);
        animation-timing-function: ease-in;
    }

    25%, 55%, 75%, 87% {
        transform: translateY(0px);
        animation-timing-function: ease-out;
    }

    100% {
        transform: translateY(0px);
        animation-timing-function: ease-out;
        opacity: 1;
    }
}

.bounce-bottom {
    animation: bounce-bottom 0.9s ease 0s 1 both;
}

.bounce-bottom-infinite {
    animation: bounce-bottom 0.9s ease 0s 1 infinite both;
}

/*bounce-left
Bounce Left*/
@keyframes bounce-left {
    0% {
        transform: translateX(-48px);
        animation-timing-function: ease-in;
        opacity: 1;
    }

    24% {
        opacity: 1;
    }

    40% {
        transform: translateX(-26px);
        animation-timing-function: ease-in;
    }

    65% {
        transform: translateX(-13px);
        animation-timing-function: ease-in;
    }

    82% {
        transform: translateX(-6.5px);
        animation-timing-function: ease-in;
    }

    93% {
        transform: translateX(-4px);
        animation-timing-function: ease-in;
    }

    25%, 55%, 75%, 87%, 98% {
        transform: translateX(0px);
        animation-timing-function: ease-out;
    }

    100% {
        transform: translateX(0px);
        animation-timing-function: ease-out;
        opacity: 1;
    }
}

.bounce-left {
    animation: bounce-left 0.8s ease 0s 1 both;
}

.bounce-left-infinite {
    animation: bounce-left 0.8s ease 0s 1 infinite both;
}

/*bounce-right
Bounce Right*/
@keyframes bounce-right {
    0% {
        transform: translateX(48px);
        animation-timing-function: ease-in;
        opacity: 1;
    }

    24% {
        opacity: 1;
    }

    40% {
        transform: translateX(26px);
        animation-timing-function: ease-in;
    }

    65% {
        transform: translateX(13px);
        animation-timing-function: ease-in;
    }

    82% {
        transform: translateX(6.5px);
        animation-timing-function: ease-in;
    }

    93% {
        transform: translateX(4px);
        animation-timing-function: ease-in;
    }

    25%, 55%, 75%, 87%, 98% {
        transform: translateX(0px);
        animation-timing-function: ease-out;
    }

    100% {
        transform: translateX(0px);
        animation-timing-function: ease-out;
        opacity: 1;
    }
}

.bounce-right {
    animation: bounce-right 0.8s ease 0s 1 both;
}

.bounce-right-infinite {
    animation: bounce-right 0.8s ease 0s 1 infinite both;
}


/* File: BounceOut.css */
/* bounce-out-top
Bounce Out Top*/

@keyframes bounce-out-top {
    0% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }

    5% {
        transform: translateY(-30px);
        animation-timing-function: ease-in;
    }

    15% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }

    25% {
        transform: translateY(-38px);
        animation-timing-function: ease-in;
    }

    38% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }

    52% {
        transform: translateY(-75px);
        animation-timing-function: ease-in;
    }

    70% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }

    85% {
        opacity: 1;
    }

    100% {
        transform: translateY(-800px);
        opacity: 0;
    }
}

.bounce-out-top {
    animation: bounce-out-top 1.5s ease 0s 1 both;
}

.bounce-out-top-infinite {
    animation: bounce-out-top 1.5s ease 0s 1 infinite both;
}

/* bounce-out-right
Bounce Out Right */

@keyframes bounce-out-right {
    0% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }

    5% {
        transform: translateX(30px);
        animation-timing-function: ease-in;
    }

    15% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }

    25% {
        transform: translateX(38px);
        animation-timing-function: ease-in;
    }

    38% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }

    52% {
        transform: translateX(80px);
        animation-timing-function: ease-in;
    }

    65% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }

    85% {
        opacity: 1;
    }

    100% {
        transform: translateX(1000px);
        opacity: 0;
    }
}

.bounce-out-right {
    animation: bounce-out-right 1.5s ease 0s 1 both;
}

.bounce-out-right-infinite {
    animation: bounce-out-right 1.5s ease 0s 1 infinite both;
}

/* bounce-out-bottom
Bounce Out Bottom */

@keyframes bounce-out-bottom {
    0% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }

    5% {
        transform: translateY(30px);
        animation-timing-function: ease-in;
    }

    15% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }

    25% {
        transform: translateY(38px);
        animation-timing-function: ease-in;
    }

    38% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }

    52% {
        transform: translateY(75px);
        animation-timing-function: ease-in;
    }

    70% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }

    85% {
        opacity: 1;
    }

    100% {
        transform: translateY(800px);
        opacity: 0;
    }
}

.bounce-out-bottom {
    animation: bounce-out-bottom 1.5s ease 0s 1 both;
}

bounce-out-bottom-infinite {
    animation: bounce-out-bottom 1.5s ease 0s 1 infinite both;
}

/* bounce-out-left
Bounce Out Left */


@keyframes bounce-out-left {
    0% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }

    5% {
        transform: translateX(-30px);
        animation-timing-function: ease-in;
    }

    15% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }

    25% {
        transform: translateX(-38px);
        animation-timing-function: ease-in;
    }

    38% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }

    52% {
        transform: translateX(-80px);
        animation-timing-function: ease-in;
    }

    70% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }

    85% {
        opacity: 1;
    }

    100% {
        transform: translateX(-1000px);
        opacity: 0;
    }
}

.bounce-out-left {
    animation: bounce-out-left 1.5s ease 0s 1 both;
}

.bounce-out-left-infinite {
    animation: bounce-out-left 1.5s ease 0s 1 infinite both;
}

/* bounce-out-bck
Bounce Out Back */

@keyframes bounce-out-bck {
    0% {
        transform: translateZ(0);
        animation-timing-function: ease-out;
    }

    5% {
        transform: translateZ(-100px);
        animation-timing-function: ease-in;
    }

    15% {
        transform: translateZ(0);
        animation-timing-function: ease-out;
    }

    25% {
        transform: translateZ(-110px);
        animation-timing-function: ease-in;
    }

    38% {
        transform: translateZ(0);
        animation-timing-function: ease-out;
    }

    52% {
        transform: translateZ(-200px);
        animation-timing-function: ease-in;
    }

    70% {
        transform: translateZ(0) scale(1);
        animation-timing-function: ease-out;
    }

    85% {
        opacity: 1;
    }

    100% {
        transform: translateZ(-900px) scale(0);
        animation-timing-function: ease-in;
        opacity: 0;
    }
}

.bounce-out-bck {
    animation: bounce-out-bck 1.5s ease 0s 1 both;
}

.bounce-out-bck-infinite {
    animation: bounce-out-bck 1.5s ease 0s 1 infinite both;
}

/* bounce-out-fwd
Bounce Out Forward */

@keyframes bounce-out-fwd {
    0% {
        transform: translateZ(0);
        animation-timing-function: ease-out;
    }

    5% {
        transform: translateZ(90px);
        animation-timing-function: ease-in;
    }

    15% {
        transform: translateZ(0);
        animation-timing-function: ease-out;
    }

    25% {
        transform: translateZ(95px);
        animation-timing-function: ease-in;
    }

    38% {
        transform: translateZ(0);
        animation-timing-function: ease-out;
    }

    52% {
        transform: translateZ(150px);
        animation-timing-function: ease-in;
    }

    70% {
        transform: translateZ(0);
        animation-timing-function: ease-out;
    }

    85% {
        opacity: 1;
    }

    100% {
        transform: translateZ(500px);
        animation-timing-function: ease-in;
        opacity: 0;
    }
}

.bounce-out-fwd {
    animation: bounce-out-fwd 1.5s ease 0s 1 both;
}

.bounce-out-fwd-infinite {
    animation: bounce-out-fwd 1.5s ease 0s 1 infinite both;
}























/* File: Bounce_In.css */
/* 
bounce-in-top
Bounce In Top 
*/

@keyframes bounce-in-top {
    0% {
        transform: translateY(-500px);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    38% {
        transform: translateY(0);
        animation-timing-function: ease-out;
        opacity: 1;
    }

    55% {
        transform: translateY(-65px);
        animation-timing-function: ease-in;
    }

    72% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }

    81% {
        transform: translateY(-28px);
        animation-timing-function: ease-in;
    }

    90% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }

    95% {
        transform: translateY(-8px);
        animation-timing-function: ease-in;
    }

    100% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }
}

.bounce-in-top {
    animation: bounce-in-top 1.1s ease 0s 1 both;
}

.bounce-in-top-infinite {
    animation: bounce-in-top 1.1s ease 0s 1 infinite both;
}



/* 
bounce-in-right
Bounce In Right 
*/

@keyframes bounce-in-right {
    0% {
        transform: translateX(600px);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    38% {
        transform: translateX(0);
        animation-timing-function: ease-out;
        opacity: 1;
    }

    55% {
        transform: translateX(68px);
        animation-timing-function: ease-in;
    }

    72% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }

    81% {
        transform: translateX(32px);
        animation-timing-function: ease-in;
    }

    90% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }

    95% {
        transform: translateX(8px);
        animation-timing-function: ease-in;
    }

    100% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }
}

.bounce-in-right {
    animation: bounce-in-right 1.1s ease 0s 1 both;
}

.bounce-in-right-infinite {
    animation: bounce-in-right 1.1s ease 0s 1 infinite both;
}


/* 
bounce-in-bottom
Bounce In Bottom 
*/

@keyframes bounce-in-bottom {
    0% {
        transform: translateY(500px);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    38% {
        transform: translateY(0);
        animation-timing-function: ease-out;
        opacity: 1;
    }

    55% {
        transform: translateY(65px);
        animation-timing-function: ease-in;
    }

    72% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }

    81% {
        transform: translateY(28px);
        animation-timing-function: ease-in;
    }

    90% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }

    95% {
        transform: translateY(8px);
        animation-timing-function: ease-in;
    }

    100% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }
}

.bounce-in-bottom {
    animation: bounce-in-bottom 1.1s ease 0s 1 both;
}

.bounce-in-bottom-infinite {
    animation: bounce-in-bottom 1.1s ease 0s 1 infinite both;
}


/* 
bounce-in-left
Bounce In Left
 */

@keyframes bounce-in-left {
    0% {
        transform: translateX(-600px);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    38% {
        transform: translateX(0);
        animation-timing-function: ease-out;
        opacity: 1;
    }

    55% {
        transform: translateX(-68px);
        animation-timing-function: ease-in;
    }

    72% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }

    81% {
        transform: translateX(-28px);
        animation-timing-function: ease-in;
    }

    90% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }

    95% {
        transform: translateX(-8px);
        animation-timing-function: ease-in;
    }

    100% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }
}

.bounce-in-left {
    animation: bounce-in-left 1.1s ease 0s 1 both;
}

.bounce-in-left-infinite {
    animation: bounce-in-left 1.1s ease 0s 1 infinite both;
}


/* 
bounce-in-fwd
Bounce In Forward 
*/

@keyframes bounce-in-fwd {
    0% {
        transform: scale(0);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    38% {
        transform: scale(1);
        animation-timing-function: ease-out;
        opacity: 1;
    }

    55% {
        transform: scale(0.7);
        animation-timing-function: ease-in;
    }

    72% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }

    81% {
        transform: scale(0.84);
        animation-timing-function: ease-in;
    }

    89% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }

    95% {
        transform: scale(0.95);
        animation-timing-function: ease-in;
    }

    100% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}

.bounce-in-fwd {
    animation: bounce-in-fwd 1.1s ease 0s 1 both;
}

.bounce-in-fwd-infinite {
    animation: bounce-in-fwd 1.1s ease 0s 1 infinite both;
}


/* 
bounce-in-bck
Bounce In Back
 */


@keyframes bounce-in-bck {
    0% {
        transform: scale(7);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    38% {
        transform: scale(1);
        animation-timing-function: ease-out;
        opacity: 1;
    }

    55% {
        transform: scale(1.5);
        animation-timing-function: ease-in;
    }

    72% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }

    81% {
        transform: scale(1.24);
        animation-timing-function: ease-in;
    }

    89% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }

    95% {
        transform: scale(1.04);
        animation-timing-function: ease-in;
    }

    100% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}

.bounce-in-bck {
    animation: bounce-in-bck 1.1s ease 0s 1 both;
}

.bounce-in-bck-infinite {
    animation: bounce-in-bck 1.1s ease 0s 1 infinite both;
}


/* File: color-change.css */
/*color-change-2x
Color Change 2x*/
@keyframes color-change-2x {
    0% {
        background: #19dcea;
    }

    100% {
        background: #b22cff;
    }
}

.color-change-2x-alternate {
    animation: color-change-2x-alternate 2s linear 0s infinite alternate both;
}

.color-change-2x-alternate {
    animation: color-change-2x-alternate 2s linear 0s infinite alternate both;
}

/*color-change-3x
Color Change 3x*/
@keyframes color-change-3x {
    0% {
        background: #19dcea;
    }

    50% {
        background: #b22cff;
    }

    100% {
        background: #ea2222;
    }
}

.color-change-3x-alternate {
    animation: color-change-3x-alternate 4s linear 0s infinite alternate both;
}

.color-change-3x-alternate {
    animation: color-change-3x-alternate 4s linear 0s infinite alternate both;
}

/*color-change-4x
Color Change 4x*/
@keyframes color-change-4x {
    0% {
        background: #19dcea;
    }

    33.3333% {
        background: #b22cff;
    }

    66.666% {
        background: #ea2222;
    }

    100% {
        background: #f5be10;
    }
}

.color-change-4x-alternate {
    animation: color-change-4x-alternate 6s linear 0s infinite alternate both;
}

.color-change-4x-alternate {
    animation: color-change-4x-alternate 6s linear 0s infinite alternate both;
}

/*color-change-5x
Color Change 5x*/
@keyframes color-change-5x {
    0% {
        background: #19dcea;
    }

    25% {
        background: #b22cff;
    }

    50% {
        background: #ea2222;
    }

    75% {
        background: #f5be10;
    }

    100% {
        background: #3bd80d;
    }
}

.color-change-5x-alternate {
    animation: color-change-5x-alternate 8s linear 0s infinite alternate both;
}

.color-change-5x-alternate {
    animation: color-change-5x-alternate 8s linear 0s infinite alternate both;
}






/* File: fade-out.css */
/* fade-out
Fade Out */

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fade-out {
    animation: fade-out 1s ease-out 0s 1 both;
}

fade-out-infinite {
    animation: fade-out 1s ease-out 0s 1 infinite both;
}

/* fade-out-bck
Fade Out Back */

@keyframes fade-out-bck {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-80px);
        opacity: 0;
    }
}

.fade-out-bck {
    animation: fade-out-bck 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.fade-out-bck-infinite {
    animation: fade-out-bck 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* fade-out-fwd
Fade Out Forward */

@keyframes fade-out-top {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-50px);
        opacity: 0;
    }
}

.fade-out-top {
    animation: fade-out-top 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.fade-out-top-infinite {
    animation: fade-out-top 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* fade-out-top
Fade Out Top */

@keyframes fade-out-top {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-50px);
        opacity: 0;
    }
}

.fade-out-top {
    animation: fade-out-top 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.fade-out-top-infinite {
    animation: fade-out-top 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* fade-out-tr
Fade Out Top Right */

@keyframes fade-out-tr {
    0% {
        transform: translateX(0) translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateX(50px) translateY(-50px);
        opacity: 0;
    }
}

.fade-out-tr {
    animation: fade-out-tr 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.fade-out-tr-infinite {
    animation: fade-out-tr 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* fade-out-right
Fade Out Right */

@keyframes fade-out-right {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(50px);
        opacity: 0;
    }
}

.fade-out-right {
    animation: fade-out-right 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.fade-out-right-infinite {
    animation: fade-out-right 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* fade-out-br
Fade Out Bottom Right */

@keyframes fade-out-br {
    0% {
        transform: translateX(0) translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateX(50px) translateY(50px);
        opacity: 0;
    }
}

.fade-out-br {
    animation: fade-out-br 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.fade-out-br-infinite {
    animation: fade-out-br 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* fade-out-bottom
Fade Out Bottom */

@keyframes fade-out-bottom {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(50px);
        opacity: 0;
    }
}

.fade-out-bottom {
    animation: fade-out-bottom 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.fade-out-bottom-infinite {
    animation: fade-out-bottom 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* fade-out-bl
Fade Out Bottom Left */

@keyframes fade-out-bl {
    0% {
        transform: translateX(0) translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateX(-50px) translateY(50px);
        opacity: 0;
    }
}

.fade-out-bl {
    animation: fade-out-bl 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.fade-out-bl-infinite {
    animation: fade-out-bl 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* fade-out-left
Fade Out Left */

@keyframes fade-out-left {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(-50px);
        opacity: 0;
    }
}

.fade-out-left {
    animation: fade-out-left 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.fade-out-left-infinite {
    animation: fade-out-left 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* fade-out-tl
Fade Out Top Left */

@keyframes fade-out-tl {
    0% {
        transform: translateX(0) translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateX(-50px) translateY(-50px);
        opacity: 0;
    }
}

.fade-out-tl {
    animation: fade-out-tl 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.fade-out-tl-infinite {
    animation: fade-out-tl 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}









































/* File: Fade_In.css */

/* 
fade-in
Fade In
*/

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fade-in {
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.fade-in-infinite {
    animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/* 
fade-in-fwd
Fade In Forward
 */


@keyframes fade-in-fwd {
    0% {
        transform: translateZ(-80px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

.fade-in-fwd {
    animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.fade-in-fwd-infinite {
    animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/* 
fade-in-bck
Fade In Back 
*/

@keyframes fade-in-bck {
    0% {
        transform: translateZ(80px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

.fade-in-bck {
    animation: fade-in-bck 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.fade-in-bck-infinite {
    animation: fade-in-bck 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/* 
fade-in-top
Fade In Top
 */

@keyframes fade-in-top {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.fade-in-top {
    animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.fade-in-top-infinite {
    animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/* 
fade-in-tr
Fade In Top Right 
*/


@keyframes fade-in-tr {
    0% {
        transform: translateX(50px) translateY(-50px);
        opacity: 0;
    }

    100% {
        transform: translateX(0) translateY(0);
        opacity: 1;
    }
}

.fade-in-tr {
    animation: fade-in-tr 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.fade-in-tr-infinite {
    animation: fade-in-tr 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/* 
fade-in-right
Fade In Right 
*/


@keyframes fade-in-right {
    0% {
        transform: translateX(50px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.fade-in-right {
    animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.fade-in-right-infinite {
    animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/* 
fade-in-br
Fade In Bottom Right 
*/

@keyframes fade-in-br {
    0% {
        transform: translateX(50px) translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateX(0) translateY(0);
        opacity: 1;
    }
}

.fade-in-br {
    animation: fade-in-br 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.fade-in-br-infinite {
    animation: fade-in-br 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}


/* 
fade-in-bottom
Fade In Bottom
 */

@keyframes fade-in-bottom {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.fade-in-bottom {
    animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.fade-in-bottom-infinite {
    animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/* 
fade-in-bl
Fade In Bottom Left
 */

@keyframes fade-in-bl {
    0% {
        transform: translateX(-50px) translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateX(0) translateY(0);
        opacity: 1;
    }
}

.fade-in-bl {
    animation: fade-in-bl 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.fade-in-bl-infinite {
    animation: fade-in-bl 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/* 
fade-in-left
Fade In Left
 */

@keyframes fade-in-left {
    0% {
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.fade-in-left {
    animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.fade-in-left-infinite {
    animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}
/* 
fade-in-tl
Fade In Top Left
 */

@keyframes fade-in-tl {
    0% {
        transform: translateX(-50px) translateY(-50px);
        opacity: 0;
    }

    100% {
        transform: translateX(0) translateY(0);
        opacity: 1;
    }
}

.fade-in-tl {
    animation: fade-in-tl 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.fade-in-tl-infinite {
    animation: fade-in-tl 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}


/* File: flicker.css */
/*text-flicker-in-glow
Text Flicker In Glow*/
@keyframes text-flicker-in-glow {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0;
        text-shadow: none;
    }

    10.1% {
        opacity: 1;
        text-shadow: none;
    }

    10.2% {
        opacity: 0;
        text-shadow: none;
    }

    20% {
        opacity: 0;
        text-shadow: none;
    }

    20.1% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
    }

    20.6% {
        opacity: 0;
        text-shadow: none;
    }

    30% {
        opacity: 0;
        text-shadow: none;
    }

    30.1% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    30.5% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    30.6% {
        opacity: 0;
        text-shadow: none;
    }

    45% {
        opacity: 0;
        text-shadow: none;
    }

    45.1% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    50% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    55% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    55.1% {
        opacity: 0;
        text-shadow: none;
    }

    57% {
        opacity: 0;
        text-shadow: none;
    }

    57.1% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
    }

    60% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
    }

    60.1% {
        opacity: 0;
        text-shadow: none;
    }

    65% {
        opacity: 0;
        text-shadow: none;
    }

    65.1% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    75% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    75.1% {
        opacity: 0;
        text-shadow: none;
    }

    77% {
        opacity: 0;
        text-shadow: none;
    }

    77.1% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    85% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    85.1% {
        opacity: 0;
        text-shadow: none;
    }

    86% {
        opacity: 0;
        text-shadow: none;
    }

    86.1% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    100% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
}

.text-flicker-in-glow {
    animation: text-flicker-in-glow 4s linear 0s 1 both;
}

.text-flicker-in-glow-infinite {
    animation: text-flicker-in-glow 4s linear 0s 1 infinite both;
}

/*text-flicker-out-glow
Text Flicker Out Glow*/
@keyframes text-flicker-out-glow {
    0% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    13.9% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    14% {
        opacity: 0;
        text-shadow: none;
    }

    14.9% {
        opacity: 0;
        text-shadow: none;
    }

    15% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    22.9% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    23% {
        opacity: 0;
        text-shadow: none;
    }

    24.9% {
        opacity: 0;
        text-shadow: none;
    }

    25% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    34.9% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    35% {
        opacity: 0;
        text-shadow: none;
    }

    39.9% {
        opacity: 0;
        text-shadow: none;
    }

    40% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
    }

    42.9% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
    }

    43% {
        opacity: 0;
        text-shadow: none;
    }

    44.9% {
        opacity: 0;
        text-shadow: none;
    }

    45% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    50% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    54.9% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    55% {
        opacity: 0;
        text-shadow: none;
    }

    69.4% {
        opacity: 0;
        text-shadow: none;
    }

    69.5% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    69.9% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    70% {
        opacity: 0;
        text-shadow: none;
    }

    79.4% {
        opacity: 0;
        text-shadow: none;
    }

    79.9% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
    }

    80% {
        opacity: 0;
        text-shadow: none;
    }

    89.8% {
        opacity: 0;
        text-shadow: none;
    }

    89.9% {
        opacity: 1;
        text-shadow: none;
    }

    90% {
        opacity: 0;
        text-shadow: none;
    }

    100% {
        opacity: 0;
    }
}

.text-flicker-out-glow {
    animation: text-flicker-out-glow 2.5s linear 0s 1 both;
}

.text-flicker-out-glow-infinite {
    animation: text-flicker-out-glow 2.5s linear 0s 1 infinite both;
}

/*flicker-1
Flicker 1*/
@keyframes flicker-1 {
    0%, 100% {
        opacity: 1;
    }

    41.99% {
        opacity: 1;
    }

    42% {
        opacity: 0;
    }

    43% {
        opacity: 0;
    }

    43.01% {
        opacity: 1;
    }

    47.99% {
        opacity: 1;
    }

    48% {
        opacity: 0;
    }

    49% {
        opacity: 0;
    }

    49.01% {
        opacity: 1;
    }
}

.flicker-1 {
    animation: flicker-1 2s linear 0s infinite both;
}

/*flicker-2
Flicker 2*/
@keyframes flicker-2 {
    0%, 100% {
        opacity: 1;
    }

    41.99% {
        opacity: 1;
    }

    42% {
        opacity: 0;
    }

    43% {
        opacity: 0;
    }

    43.01% {
        opacity: 1;
    }

    45.99% {
        opacity: 1;
    }

    46% {
        opacity: 0;
    }

    46.9% {
        opacity: 0;
    }

    46.91% {
        opacity: 1;
    }

    51.99% {
        opacity: 1;
    }

    52% {
        opacity: 0;
    }

    52.8% {
        opacity: 0;
    }

    52.81% {
        opacity: 1;
    }
}

.flicker-2 {
    animation: flicker-2 2s linear 0s infinite both;
}

/*flicker-3
Flicker 3*/
@keyframes flicker-3 {
    0%, 100% {
        opacity: 1;
    }

    32.98% {
        opacity: 1;
    }

    33% {
        opacity: 0;
    }

    34% {
        opacity: 0;
    }

    34.02% {
        opacity: 1;
    }

    34.98% {
        opacity: 1;
    }

    35% {
        opacity: 0;
    }

    35.9% {
        opacity: 0;
    }

    35.92% {
        opacity: 1;
    }

    38.98% {
        opacity: 1;
    }

    39% {
        opacity: 0;
    }

    39.8% {
        opacity: 0;
    }

    39.82% {
        opacity: 1;
    }

    83.98% {
        opacity: 1;
    }

    84% {
        opacity: 0;
    }

    84.9% {
        opacity: 0;
    }

    84.92% {
        opacity: 1;
    }
}

.flicker-3 {
    animation: flicker-3 2.5s linear 0s infinite both;
}

/*flicker-4
Flicker 4*/
@keyframes flicker-4 {
    0%, 100% {
        opacity: 1;
    }

    31.98% {
        opacity: 1;
    }

    32% {
        opacity: 0;
    }

    32.8% {
        opacity: 0;
    }

    32.82% {
        opacity: 1;
    }

    34.98% {
        opacity: 1;
    }

    35% {
        opacity: 0;
    }

    35.7% {
        opacity: 0;
    }

    35.72% {
        opacity: 1;
    }

    36.98% {
        opacity: 1;
    }

    37% {
        opacity: 0;
    }

    37.6% {
        opacity: 0;
    }

    37.62% {
        opacity: 1;
    }

    67.98% {
        opacity: 1;
    }

    68% {
        opacity: 0;
    }

    68.4% {
        opacity: 0;
    }

    68.42% {
        opacity: 1;
    }

    95.98% {
        opacity: 1;
    }

    96% {
        opacity: 0;
    }

    96.7% {
        opacity: 0;
    }

    96.72% {
        opacity: 1;
    }

    98.98% {
        opacity: 1;
    }

    99% {
        opacity: 0;
    }

    99.6% {
        opacity: 0;
    }

    99.62% {
        opacity: 1;
    }
}

.flicker-4 {
    animation: flicker-4 4s linear 0s infinite both;
}

/*flicker-5
Flicker 5*/
@keyframes flicker-5 {
    0%, 100% {
        opacity: 1;
    }

    -0.02% {
        opacity: 1;
    }

    0% {
        opacity: 1;
    }

    1% {
        opacity: 1;
    }

    1.02% {
        opacity: 1;
    }

    8.98% {
        opacity: 1;
    }

    9% {
        opacity: 0;
    }

    9.8% {
        opacity: 0;
    }

    9.82% {
        opacity: 1;
    }

    9.48% {
        opacity: 1;
    }

    9.5% {
        opacity: 1;
    }

    9.6% {
        opacity: 1;
    }

    9.62% {
        opacity: 1;
    }

    14.98% {
        opacity: 1;
    }

    15% {
        opacity: 0.5;
    }

    15.8% {
        opacity: 0.5;
    }

    15.82% {
        opacity: 1;
    }

    15.18% {
        opacity: 1;
    }

    15.2% {
        opacity: 0.7;
    }

    16% {
        opacity: 0.7;
    }

    16.02% {
        opacity: 1;
    }

    15.48% {
        opacity: 1;
    }

    15.5% {
        opacity: 0.5;
    }

    16.2% {
        opacity: 0.5;
    }

    16.22% {
        opacity: 1;
    }

    16.98% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    17.8% {
        opacity: 1;
    }

    17.82% {
        opacity: 1;
    }

    20.48% {
        opacity: 1;
    }

    20.5% {
        opacity: 0.9;
    }

    21.3% {
        opacity: 0.9;
    }

    21.32% {
        opacity: 1;
    }

    20.98% {
        opacity: 1;
    }

    21% {
        opacity: 1;
    }

    22% {
        opacity: 1;
    }

    22.02% {
        opacity: 1;
    }

    39.98% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    41% {
        opacity: 1;
    }

    41.02% {
        opacity: 1;
    }

    40.48% {
        opacity: 1;
    }

    40.5% {
        opacity: 0.6;
    }

    41.4% {
        opacity: 0.6;
    }

    41.42% {
        opacity: 1;
    }

    41.98% {
        opacity: 1;
    }

    42% {
        opacity: 1;
    }

    42.8% {
        opacity: 1;
    }

    42.82% {
        opacity: 1;
    }

    59.98% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    61% {
        opacity: 1;
    }

    61.02% {
        opacity: 1;
    }

    60.18% {
        opacity: 1;
    }

    60.2% {
        opacity: 0.2;
    }

    61% {
        opacity: 0.2;
    }

    61.02% {
        opacity: 1;
    }

    60.78% {
        opacity: 1;
    }

    60.8% {
        opacity: 0.4;
    }

    61.6% {
        opacity: 0.4;
    }

    61.62% {
        opacity: 1;
    }

    61.38% {
        opacity: 1;
    }

    61.4% {
        opacity: 0;
    }

    62.2% {
        opacity: 0;
    }

    62.22% {
        opacity: 1;
    }

    61.78% {
        opacity: 1;
    }

    61.8% {
        opacity: 1;
    }

    62.8% {
        opacity: 1;
    }

    62.82% {
        opacity: 1;
    }

    75.98% {
        opacity: 1;
    }

    76% {
        opacity: 1;
    }

    77% {
        opacity: 1;
    }

    77.02% {
        opacity: 1;
    }

    77.98% {
        opacity: 1;
    }

    78% {
        opacity: 0.7;
    }

    78.8% {
        opacity: 0.7;
    }

    78.82% {
        opacity: 1;
    }

    78.98% {
        opacity: 1;
    }

    79% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    80.02% {
        opacity: 1;
    }

    99.98% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }

    101% {
        opacity: 1;
    }

    101.02% {
        opacity: 1;
    }
}

.flicker-5 {
    animation: flicker-5 8s linear 0s infinite both;
}








/* File: Flicker_In.css */

/* 
flicker-in-1
Flicker In 1
 */

@keyframes flicker-in-1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    10.1% {
        opacity: 1;
    }

    10.2% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    20.1% {
        opacity: 1;
    }

    20.6% {
        opacity: 0;
    }

    30% {
        opacity: 0;
    }

    30.1% {
        opacity: 1;
    }

    30.5% {
        opacity: 1;
    }

    30.6% {
        opacity: 0;
    }

    45% {
        opacity: 0;
    }

    45.1% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    55% {
        opacity: 1;
    }

    55.1% {
        opacity: 0;
    }

    57% {
        opacity: 0;
    }

    57.1% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    60.1% {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    65.1% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    75.1% {
        opacity: 0;
    }

    77% {
        opacity: 0;
    }

    77.1% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    85.1% {
        opacity: 0;
    }

    86% {
        opacity: 0;
    }

    86.1% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.flicker-in-1 {
    animation: flicker-in-1 2s linear 0s 1 both;
}

.flicker-in-1-infinite {
    animation: flicker-in-1 2s linear 0s 1 infinite both;
}


/* 
flicker-in-2
Flicker In 2
 */


@keyframes flicker-in-2 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0;
        box-shadow: none;
    }

    10.1% {
        opacity: 1;
        box-shadow: none;
    }

    10.2% {
        opacity: 0;
        box-shadow: none;
    }

    20% {
        opacity: 0;
        box-shadow: none;
    }

    20.1% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
    }

    20.6% {
        opacity: 0;
        box-shadow: none;
    }

    30% {
        opacity: 0;
        box-shadow: none;
    }

    30.1% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    30.5% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    30.6% {
        opacity: 0;
        box-shadow: none;
    }

    45% {
        opacity: 0;
        box-shadow: none;
    }

    45.1% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    50% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    55% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
    }

    55.1% {
        opacity: 0;
        box-shadow: none;
    }

    57% {
        opacity: 0;
        box-shadow: none;
    }

    57.1% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);
    }

    60% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);
    }

    60.1% {
        opacity: 0;
        box-shadow: none;
    }

    65% {
        opacity: 0;
        box-shadow: none;
    }

    65.1% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    75% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    75.1% {
        opacity: 0;
        box-shadow: none;
    }

    77% {
        opacity: 0;
        box-shadow: none;
    }

    77.1% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    85% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    85.1% {
        opacity: 0;
        box-shadow: none;
    }

    86% {
        opacity: 0;
        box-shadow: none;
    }

    86.1% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }

    100% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
}

.flicker-in-2 {
    animation: flicker-in-2 2s linear 0s 1 both;
}

.flicker-in-2-infinite {
    animation: flicker-in-2 2s linear 0s 1 infinite both;
}




/* File: Flip scale up.css */
/* flip-scale-up-hor
Flip Scale Up Horizontal */

@keyframes flip-scale-up-hor {
    0% {
        transform: scale(1) rotateX(0);
    }

    50% {
        transform: scale(2.5) rotateX(-90deg);
    }

    100% {
        transform: scale(1) rotateX(-180deg);
    }
}

.flip-scale-up-hor {
    animation: flip-scale-up-hor 0.5s linear 0s 1 both;
}

.flip-scale-up-hor-infinite {
    animation: flip-scale-up-hor 0.5s linear 0s 1 infinite both;
}


/* flip-scale-down-hor
Flip Scale Down Horizontal */

@keyframes flip-scale-down-hor {
    0% {
        transform: scale(1) rotateX(0);
    }

    50% {
        transform: scale(0.4) rotateX(90deg);
    }

    100% {
        transform: scale(1) rotateX(180deg);
    }
}

.flip-scale-down-hor {
    animation: flip-scale-down-hor 0.5s linear 0s 1 both;
}

.flip-scale-down-hor-infinite {
    animation: flip-scale-down-hor 0.5s linear 0s 1 infinite both;
}

/* flip-scale-up-ver
Flip Scale Up Vertical */

@keyframes flip-scale-up-ver {
    0% {
        transform: scale(1) rotateY(0);
    }

    50% {
        transform: scale(2.5) rotateY(90deg);
    }

    100% {
        transform: scale(1) rotateY(180deg);
    }
}

.flip-scale-up-ver {
    animation: flip-scale-up-ver 0.5s linear 0s 1 both;
}


.flip-scale-up-ver-infinite {
    animation: flip-scale-up-ver 0.5s linear 0s 1 infinite both;
}

/* flip-scale-down-ver
Flip Scale Down Vertical*/

@keyframes flip-scale-down-ver {
    0% {
        transform: scale(1) rotateY(0);
    }

    50% {
        transform: scale(0.4) rotateY(-90deg);
    }

    100% {
        transform: scale(1) rotateY(-180deg);
    }
}

.flip-scale-down-ver {
    animation: flip-scale-down-ver 0.5s linear 0s 1 both;
}

.flip-scale-down-ver-infinite {
    animation: flip-scale-down-ver 0.5s linear 0s 1 infinite both;
}


/* flip-scale-up-diag-1
Flip Scale Up Diag 1 */

@keyframes flip-scale-up-diag-1 {
    0% {
        transform: scale(1) rotate3d(1, 1, 0, 0deg);
    }

    50% {
        transform: scale(2.5) rotate3d(1, 1, 0, 90deg);
    }

    100% {
        transform: scale(1) rotate3d(1, 1, 0, 180deg);
    }
}

.flip-scale-up-diag-1 {
    animation: flip-scale-up-diag-1 0.5s linear 0s 1 both;
}

.flip-scale-up-diag-1-infinite {
    animation: flip-scale-up-diag-1 0.5s linear 0s 1 infinite both;
}

/* flip-scale-down-diag-1
Flip Scale Down Diag 1 */

@keyframes flip-scale-down-diag-1 {
    0% {
        transform: scale(1) rotate3d(1, 1, 0, 0deg);
    }

    50% {
        transform: scale(0.4) rotate3d(1, 1, 0, -90deg);
    }

    100% {
        transform: scale(1) rotate3d(1, 1, 0, -180deg);
    }
}

.flip-scale-down-diag-1 {
    animation: flip-scale-down-diag-1 0.5s linear 0s 1 both;
}

.flip-scale-down-diag-1-infinite {
    animation: flip-scale-down-diag-1 0.5s linear 0s 1 infinite both;
}


/* flip-scale-up-diag-2
Flip Scale Up Diag 2 */

@keyframes flip-scale-up-diag-2 {
    0% {
        transform: scale(1) rotate3d(-1, 1, 0, 0deg);
    }

    50% {
        transform: scale(2.5) rotate3d(-1, 1, 0, 90deg);
    }

    100% {
        transform: scale(1) rotate3d(-1, 1, 0, 180deg);
    }
}

.flip-scale-up-diag-2 {
    animation: flip-scale-up-diag-2 0.5s linear 0s 1 both;
}

.flip-scale-up-diag-2-infinite {
    animation: flip-scale-up-diag-2 0.5s linear 0s 1 infinite both;
}

/* flip-scale-down-diag-2
Flip Scale Down Diag 2 */

@keyframes flip-scale-down-diag-2 {
    0% {
        transform: scale(1) rotate3d(-1, 1, 0, 0deg);
    }

    50% {
        transform: scale(0.4) rotate3d(-1, 1, 0, -90deg);
    }

    100% {
        transform: scale(1) rotate3d(-1, 1, 0, -180deg);
    }
}

.flip-scale-down-diag-2 {
    animation: flip-scale-down-diag-2 0.5s linear 0s 1 both;
}

.flip-scale-down-diag-2-infinite {
    animation: flip-scale-down-diag-2 0.5s linear 0s 1 infinite both;
}























/* File: Flip scale2.css */
/* flip-scale-2-hor-top
Flip Scale 2 Horizontal Top */

@keyframes flip-scale-2-hor-top {
    0% {
        transform: translateY(0) rotateX(0) scale(1);
        transform-origin: 50% 0%;
    }

    50% {
        transform: translateY(-50%) rotateX(-90deg) scale(2);
        transform-origin: 50% 50%;
    }

    100% {
        transform: translateY(-100%) rotateX(-180deg) scale(1);
        transform-origin: 50% 100%;
    }
}

.flip-scale-2-hor-top {
    animation: flip-scale-2-hor-top 0.5s linear 0s 1 both;
}

.flip-scale-2-hor-top-infinite {
    animation: flip-scale-2-hor-top 0.5s linear 0s 1 infinite both;
}

/* flip-scale-2-ver-right
Flip Scale 2 Vertical Right */

@keyframes flip-scale-2-ver-right {
    0% {
        transform: translateX(0) rotateY(0) scale(1);
        transform-origin: 100% 50%;
    }

    50% {
        transform: translateX(50%) rotateY(-90deg) scale(2);
        transform-origin: 50% 50%;
    }

    100% {
        transform: translateX(100%) rotateY(-180deg) scale(1);
        transform-origin: 0% 50%;
    }
}

.flip-scale-2-ver-right {
    animation: flip-scale-2-ver-right 0.5s linear 0s 1 both;
}

.flip-scale-2-ver-right-infinite {
    animation: flip-scale-2-ver-right 0.5s linear 0s 1 infinite both;
}

/* flip-scale-2-hor-bottom
Flip Scale 2 Horizontal Bottom */

@keyframes flip-scale-2-hor-bottom {
    0% {
        transform: translateY(0) rotateX(0) scale(1);
        transform-origin: 50% 100%;
    }

    50% {
        transform: translateY(50%) rotateX(90deg) scale(2);
        transform-origin: 50% 50%;
    }

    100% {
        transform: translateY(100%) rotateX(180deg) scale(1);
        transform-origin: 50% 0%;
    }
}

.flip-scale-2-hor-bottom {
    animation: flip-scale-2-hor-bottom 0.5s linear 0s 1 both;
}

.flip-scale-2-hor-bottom-infinite {
    animation: flip-scale-2-hor-bottom 0.5s linear 0s 1 infinite both;
}

/* flip-scale-2-ver-left
Flip Scale 2 Vertical Left */

@keyframes flip-scale-2-ver-left {
    0% {
        transform: translateX(0) rotateY(0) scale(1);
        transform-origin: 0% 50%;
    }

    50% {
        transform: translateX(-50%) rotateY(90deg) scale(2);
        transform-origin: 50% 50%;
    }

    100% {
        transform: translateX(-100%) rotateY(180deg) scale(1);
        transform-origin: 100% 50%;
    }
}

.flip-scale-2-ver-left {
    animation: flip-scale-2-ver-left 0.5s linear 0s 1 both;
}

.flip-scale-2-ver-left-infinite {
    animation: flip-scale-2-ver-left 0.5s linear 0s 1 infinite both;
}













/* File: flip-in.css */
/* flip-in-hor-bottom
Flip In Horizontal Bottom */

@keyframes flip-in-hor-bottom {
    0% {
        transform: rotateX(80deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0);
        opacity: 1;
    }
}

.flip-in-hor-bottom {
    animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.flip-in-hor-bottom-infinite {
    animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* flip-in-hor-top
Flip In Horizontal Top */

@keyframes flip-in-hor-top {
    0% {
        transform: rotateX(-80deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0);
        opacity: 1;
    }
}

.flip-in-hor-top {
    animation: flip-in-hor-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.flip-in-hor-top-infinite {
    animation: flip-in-hor-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* flip-in-ver-right
Flip In Vertical Right */

@keyframes flip-in-ver-right {
    0% {
        transform: rotateY(-80deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0);
        opacity: 1;
    }
}

.flip-in-ver-right {
    animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.flip-in-ver-right-infinite {
    animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* flip-in-ver-left
Flip In Vertical Left */

@keyframes flip-in-ver-left {
    0% {
        transform: rotateY(80deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0);
        opacity: 1;
    }
}

.flip-in-ver-left {
    animation: flip-in-ver-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.flip-in-ver-left-infinite {
    animation: flip-in-ver-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* flip-in-diag-1-tr
Flip In Diag 1 Top Right */

@keyframes flip-in-diag-1-tr {
    0% {
        transform: rotate3d(1, 1, 0, -80deg);
        opacity: 0;
    }

    100% {
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1;
    }
}

.flip-in-diag-1-tr {
    animation: flip-in-diag-1-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.flip-in-diag-1-tr-infinite {
    animation: flip-in-diag-1-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* flip-in-diag-1-bl
Flip In Diag 1 Bottom Left */

@keyframes flip-in-diag-1-bl {
    0% {
        transform: rotate3d(1, 1, 0, 80deg);
        opacity: 0;
    }

    100% {
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1;
    }
}

.flip-in-diag-1-bl {
    animation: flip-in-diag-1-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.flip-in-diag-1-bl-infinite {
    animation: flip-in-diag-1-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* flip-in-diag-2-tl
Flip In Diag 2 Top Left */

@keyframes flip-in-diag-2-tl {
    0% {
        transform: rotate3d(-1, 1, 0, 80deg);
        opacity: 0;
    }

    100% {
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1;
    }
}

.flip-in-diag-2-tl {
    animation: flip-in-diag-2-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.flip-in-diag-2-tl-infinite {
    animation: flip-in-diag-2-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* flip-in-diag-2-br
Flip In Diag 2 Bottom Right */

@keyframes flip-in-diag-2-br {
    0% {
        transform: rotate3d(-1, 1, 0, -80deg);
        opacity: 0;
    }

    100% {
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1;
    }
}

.flip-in-diag-2-br {
    animation: flip-in-diag-2-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.flip-in-diag-2-br-infinite {
    animation: flip-in-diag-2-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}








/* File: flip.css */
/* flip-horizontal-bottom
Flip Horizontal Bottom*/
@keyframes flip-horizontal-bottom {
    0% {
        transform: rotateX(0);
    }

    100% {
        transform: rotateX(-180deg);
    }
}

.flip-horizontal-bottom {
    animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-horizontal-bottom-infinite {
    animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/*flip-horizontal-top
Flip Horizontal Top */

@keyframes flip-horizontal-top {
    0% {
        transform: rotateX(0);
    }

    100% {
        transform: rotateX(180deg);
    }
}

.flip-horizontal-top {
    animation: flip-horizontal-top 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-horizontal-top-infinite {
    animation: flip-horizontal-top 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/*p-horizontal-bck
Flip Horizontal Back*/

@keyframes flip-horizontal-bck {
    0% {
        transform: translateZ(0) rotateX(0);
    }

    100% {
        transform: translateZ(-260px) rotateX(180deg);
    }
}

.flip-horizontal-bck {
    animation: flip-horizontal-bck 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-horizontal-bck-infinite {
    animation: flip-horizontal-bck 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/*flip-horizontal-fwd
Flip Horizontal Forward*/
@keyframes flip-horizontal-fwd {
    0% {
        transform: translateZ(0) rotateX(0);
    }

    100% {
        transform: translateZ(160px) rotateX(-180deg);
    }
}

.flip-horizontal-fwd {
    animation: flip-horizontal-fwd 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-horizontal-fwd-infinite {
    animation: flip-horizontal-fwd 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-vertical-right
Flip Vertical Right*/

@keyframes flip-vertical-right {
    0% {
        transform: rotateY(0);
    }

    100% {
        transform: rotateY(180deg);
    }
}

.flip-vertical-right {
    animation: flip-vertical-right 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-vertical-right-infinite {
    animation: flip-vertical-right 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/*flip-vertical-left
Flip Vertical Left*/

@keyframes flip-vertical-left {
    0% {
        transform: rotateY(0);
    }

    100% {
        transform: rotateY(-180deg);
    }
}

.flip-vertical-left {
    animation: flip-vertical-left 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-vertical-left-infinite {
    animation: flip-vertical-left 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/*flip-vertical-bck
Flip Vertical Back*/

@keyframes flip-vertical-bck {
    0% {
        transform: translateZ(0) rotateY(0);
    }

    100% {
        transform: translateZ(-260px) rotateY(-180deg);
    }
}

.flip-vertical-bck {
    animation: flip-vertical-bck 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-vertical-bck-infinite {
    animation: flip-vertical-bck 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-vertical-fwd
Flip Vertical Forward*/

@keyframes flip-vertical-fwd {
    0% {
        transform: translateZ(0) rotateY(0);
    }

    100% {
        transform: translateZ(160px) rotateY(180deg);
    }
}

.flip-vertical-fwd {
    animation: flip-vertical-fwd 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-vertical-fwd-infinite {
    animation: flip-vertical-fwd 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-diagonal-1-tr
Flip Diagonal 1 Top Right*/

@keyframes flip-diagonal-1-tr {
    0% {
        transform: rotate3d(1, 1, 0, 0deg);
    }

    100% {
        transform: rotate3d(1, 1, 0, 180deg);
    }
}

.flip-diagonal-1-tr {
    animation: flip-diagonal-1-tr 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-diagonal-1-tr-infinite {
    animation: flip-diagonal-1-tr 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/*flip-diagonal-1-bl
Flip Diagonal 1 Bottom Left*/

@keyframes flip-diagonal-1-bl {
    0% {
        transform: rotate3d(1, 1, 0, 0deg);
    }

    100% {
        transform: rotate3d(1, 1, 0, -180deg);
    }
}

.flip-diagonal-1-bl {
    animation: flip-diagonal-1-bl 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-diagonal-1-bl-infinite {
    animation: flip-diagonal-1-bl 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-diagonal-1-bck
Flip Diagonal 1 Back*/

@keyframes flip-diagonal-1-bck {
    0% {
        transform: translateZ(0) rotate3d(1, 1, 0, 0deg);
    }

    100% {
        transform: translateZ(-260px) rotate3d(1, 1, 0, -180deg);
    }
}

.flip-diagonal-1-bck {
    animation: flip-diagonal-1-bck 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-diagonal-1-bck-infinite {
    animation: flip-diagonal-1-bck 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-diagonal-1-fwd
Flip Diagonal 1 Forward */

@keyframes flip-diagonal-1-fwd {
    0% {
        transform: translateZ(0) rotate3d(1, 1, 0, 0deg);
    }

    100% {
        transform: translateZ(160px) rotate3d(1, 1, 0, 180deg);
    }
}

.flip-diagonal-1-fwd {
    animation: flip-diagonal-1-fwd 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-diagonal-1-fwd-infinite {
    animation: flip-diagonal-1-fwd 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-diagonal-2-br
Flip Diagonal 2 Bottom Right */

@keyframes flip-diagonal-2-br {
    0% {
        transform: rotate3d(-1, 1, 0, 0deg);
    }

    100% {
        transform: rotate3d(-1, 1, 0, 180deg);
    }
}

.flip-diagonal-2-br {
    animation: flip-diagonal-2-br 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-diagonal-2-br-infinite {
    animation: flip-diagonal-2-br 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-diagonal-2-tl
Flip Diagonal 2 Top Left */

@keyframes flip-diagonal-2-tl {
    0% {
        transform: rotate3d(-1, 1, 0, 0deg);
    }

    100% {
        transform: rotate3d(-1, 1, 0, -180deg);
    }
}

.flip-diagonal-2-tl {
    animation: flip-diagonal-2-tl 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-diagonal-2-tl-infinite {
    animation: flip-diagonal-2-tl 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-diagonal-2-bck
Flip Diagonal 2 Back */

@keyframes flip-diagonal-2-bck {
    0% {
        transform: translateZ(0) rotate3d(-1, 1, 0, 0deg);
    }

    100% {
        transform: translateZ(-260px) rotate3d(-1, 1, 0, -180deg);
    }
}

.flip-diagonal-2-bck {
    animation: flip-diagonal-2-bck 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-diagonal-2-bck-infinite {
    animation: flip-diagonal-2-bck 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-diagonal-2-fwd
Flip Diagonal 2 Forward */

@keyframes flip-diagonal-2-fwd {
    0% {
        transform: translateZ(0) rotate3d(-1, 1, 0, 0deg);
    }

    100% {
        transform: translateZ(160px) rotate3d(-1, 1, 0, 180deg);
    }
}

.flip-diagonal-2-fwd {
    animation: flip-diagonal-2-fwd 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-diagonal-2-fwd-infinite {
    animation: flip-diagonal-2-fwd 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}















































/* File: flip2.css */
/* flip-2-hor-top-1
Flip 2 Horizontal Top 1 */

@keyframes flip-2-hor-top-1 {
    0% {
        transform: translateY(0) rotateX(0);
        transform-origin: 50% 0%;
    }

    100% {
        transform: translateY(-100%) rotateX(-180deg);
        transform-origin: 50% 100%;
    }
}

.flip-2-hor-top-1 {
    animation: flip-2-hor-top-1 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-2-hor-top-1-infinite {
    animation: flip-2-hor-top-1 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-2-hor-top-2
Flip 2 Horizontal Top 2 */

@keyframes flip-2-hor-top-2 {
    0% {
        transform: translateY(0) rotateX(0);
        transform-origin: 50% 0%;
    }

    100% {
        transform: translateY(-100%) rotateX(180deg);
        transform-origin: 50% 100%;
    }
}

.flip-2-hor-top-2 {
    animation: flip-2-hor-top-2 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-2-hor-top-2-infinite {
    animation: flip-2-hor-top-2 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-2-hor-top-bck
Flip 2 Horizontal Top Back */

@keyframes flip-2-hor-top-bck {
    0% {
        transform: translateY(0) translateZ(0) rotateX(0);
        transform-origin: 50% 0%;
    }

    100% {
        transform: translateY(-100%) translateZ(-260px) rotateX(180deg);
        transform-origin: 50% 100%;
    }
}

.flip-2-hor-top-bck {
    animation: flip-2-hor-top-bck 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-2-hor-top-bck-infinite {
    animation: flip-2-hor-top-bck 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-2-hor-top-fwd
Flip 2 Horizontal Top Forward */

@keyframes flip-2-hor-top-fwd {
    0% {
        transform: translateY(0) translateZ(0) rotateX(0);
        transform-origin: 50% 0%;
    }

    100% {
        transform: translateY(-100%) translateZ(160px) rotateX(-180deg);
        transform-origin: 50% 100%;
    }
}

.flip-2-hor-top-fwd {
    animation: flip-2-hor-top-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-2-hor-top-fwd-infinite {
    animation: flip-2-hor-top-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-2-ver-right-1
Flip 2 Vertical Right 1 */

@keyframes flip-2-ver-right-1 {
    0% {
        transform: translateX(0) rotateY(0);
        transform-origin: 100% 50%;
    }

    100% {
        transform: translateX(100%) rotateY(-180deg);
        transform-origin: 0% 50%;
    }
}

.flip-2-ver-right-1 {
    animation: flip-2-ver-right-1 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-2-ver-right-1-infinite {
    animation: flip-2-ver-right-1 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-2-ver-right-2
Flip 2 Vertical Right 2 */

@keyframes flip-2-ver-right-2 {
    0% {
        transform: translateX(0) rotateY(0);
        transform-origin: 100% 50%;
    }

    100% {
        transform: translateX(100%) rotateY(180deg);
        transform-origin: 0% 50%;
    }
}

.flip-2-ver-right-2 {
    animation: flip-2-ver-right-2 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-2-ver-right-2-infinite {
    animation: flip-2-ver-right-2 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-2-ver-right-bck
Flip 2 Vertical Right Back */

@keyframes flip-2-ver-right-bck {
    0% {
        transform: translateX(0) translateZ(0) rotateY(0);
        transform-origin: 100% 50%;
    }

    100% {
        transform: translateX(100%) translateZ(-260px) rotateY(180deg);
        transform-origin: 0% 50%;
    }
}

.flip-2-ver-right-bck {
    animation: flip-2-ver-right-bck- 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-2-ver-right-bck-infinite {
    animation: flip-2-ver-right-bck- 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}
/* flip-2-ver-right-fwd
Flip 2 Vertical Right Forward */

@keyframes flip-2-ver-right-fwd {
    0% {
        transform: translateX(0) translateZ(0) rotateY(0);
        transform-origin: 100% 50%
    }

    100% {
        transform: translateX(100%) translateZ(160px) rotateY(-180deg);
        transform-origin: 0% 50%;
    }
}

.flip-2-ver-right-fwd {
    animation: flip-2-ver-right-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-2-ver-right-fwd-infinite {
    animation: flip-2-ver-right-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-2-hor-bottom-1
Flip 2 Horizontal Bottom 1 */

@keyframes flip-2-hor-bottom-1 {
    0% {
        transform: translateY(0) rotateX(0);
        transform-origin: 50% 100%;
    }

    100% {
        transform: translateY(100%) rotateX(180deg);
        transform-origin: 50% 0%;
    }
}

.flip-2-hor-bottom-1 {
    animation: flip-2-hor-bottom-1 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-2-hor-bottom-1-infinite {
    animation: flip-2-hor-bottom-1 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-2-hor-bottom-2
Flip 2 Horizontal Bottom 2 */

@keyframes flip-2-hor-bottom-2 {
    0% {
        transform: translateY(0) rotateX(0);
        transform-origin: 50% 100%;
    }

    100% {
        transform: translateY(100%) rotateX(-180deg);
        transform-origin: 50% 0%;
    }
}

.flip-2-hor-bottom-2 {
    animation: flip-2-hor-bottom-2 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-2-hor-bottom-2-infinite {
    animation: flip-2-hor-bottom-2 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-2-hor-bottom-bck
Flip 2 Horizontal Bottom Back */

@keyframes flip-2-hor-bottom-bck {
    0% {
        transform: translateY(0) translateZ(0) rotateX(0);
        transform-origin: 50% 100%;
    }

    100% {
        transform: translateY(100%) translateZ(-260px) rotateX(-180deg);
        transform-origin: 50% 0%;
    }
}

.flip-2-hor-bottom-bck {
    animation: flip-2-hor-bottom-bck 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-2-hor-bottom-bck-infinite {
    animation: flip-2-hor-bottom-bck 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-2-hor-bottom-fwd
Flip 2 Horizontal Bottom Forward */

@keyframes flip-2-hor-bottom-fwd {
    0% {
        transform: translateY(0) translateZ(0) rotateX(0);
        transform-origin: 50% 100%;
    }

    100% {
        transform: translateY(100%) translateZ(160px) rotateX(180deg);
        transform-origin: 50% 0%;
    }
}

.flip-2-hor-bottom-fwd {
    animation: flip-2-hor-bottom-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-2-hor-bottom-fwd-infinite {
    animation: flip-2-hor-bottom-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-2-ver-left-1
Flip 2 Vertical Left 1 */

@keyframes flip-2-ver-left-1 {
    0% {
        transform: translateX(0) rotateY(0);
        transform-origin: 0% 50%;
    }

    100% {
        transform: translateX(-100%) rotateY(180deg);
        transform-origin: 100% 0%;
    }
}

.flip-2-ver-left-1 {
    animation: flip-2-ver-left-1 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-2-ver-left-1-infinite {
    animation: flip-2-ver-left-1 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-2-ver-left-2
Flip 2 Vertical Left 2 */

@keyframes flip-2-ver-left-2 {
    0% {
        transform: translateX(0) rotateY(0);
        transform-origin: 0% 50%;
    }

    100% {
        transform: translateX(-100%) rotateY(-180deg);
        transform-origin: 100% 0%;
    }
}

.flip-2-ver-left-2 {
    animation: flip-2-ver-left-2 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-2-ver-left-2-infinite {
    animation: flip-2-ver-left-2 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-2-ver-left-bck
Flip 2 Vertical Left Back */

@keyframes flip-2-ver-left-bck {
    0% {
        transform: translateX(0) translateZ(0) rotateY(0);
        transform-origin: 0% 50%;
    }

    100% {
        transform: translateX(-100%) translateZ(-260px) rotateY(-180deg);
        transform-origin: 100% 0%;
    }
}

.flip-2-ver-left-bck {
    animation: flip-2-ver-left-bck 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-2-ver-left-bck-infinite {
    animation: flip-2-ver-left-bck 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* flip-2-ver-left-fwd  
Flip 2 Vertical Left Forward */

@keyframes flip-2-ver-left-fwd {
    0% {
        transform: translateX(0) translateZ(0) rotateY(0);
        transform-origin: 0% 50%;
    }

    100% {
        transform: translateX(-100%) translateZ(160px) rotateY(180deg);
        transform-origin: 100% 0%;
    }
}

.flip-2-ver-left-fwd {
    animation: flip-2-ver-left-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.flip-2-ver-left-fwd-infinite {
    animation: flip-2-ver-left-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}



















































/* File: Flip_Out_Horizontal.css */

/* 
flip-out-hor-top
Flip Out Horizontal Top
 */


@keyframes flip-out-hor-top {
    0% {
        transform: rotateX(0);
        opacity: 1;
    }

    100% {
        transform: rotateX(70deg);
        opacity: 0;
    }
}

.flip-out-hor-top {
    animation: flip-out-hor-top 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.flip-out-hor-top-infinite {
    animation: flip-out-hor-top 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
flip-out-hor-bottom
Flip Out Horizontal Bottom
 */


@keyframes flip-out-hor-bottom {
    0% {
        transform: rotateX(0);
        opacity: 1;
    }

    100% {
        transform: rotateX(-70deg);
        opacity: 0;
    }
}

.flip-out-hor-bottom {
    animation: flip-out-hor-bottom 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.flip-out-hor-bottom-infinite {
    animation: flip-out-hor-bottom 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
flip-out-ver-left
Flip Out Vertical Left
 */


@keyframes flip-out-ver-left {
    0% {
        transform: rotateY(0);
        opacity: 1;
    }

    100% {
        transform: rotateY(-70deg);
        opacity: 0;
    }
}

.flip-out-ver-left {
    animation: flip-out-ver-left 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.flip-out-ver-left-infinite {
    animation: flip-out-ver-left 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
flip-out-ver-right
Flip Out Vertical Right
 */

@keyframes flip-out-ver-right {
    0% {
        transform: rotateY(0);
        opacity: 1;
    }

    100% {
        transform: rotateY(70deg);
        opacity: 0;
    }
}

.flip-out-ver-right {
    animation: flip-out-ver-right 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.flip-out-ver-right-infinite {
    animation: flip-out-ver-right 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}
/* 
flip-out-diag-1-tr
Flip Out Diag 1 Top Right
 */

@keyframes flip-out-diag-1-tr {
    0% {
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1;
    }

    100% {
        transform: rotate3d(1, 1, 0, 70deg);
        opacity: 0;
    }
}

.flip-out-diag-1-tr {
    animation: flip-out-diag-1-tr 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.flip-out-diag-1-tr-infinite {
    animation: flip-out-diag-1-tr 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
flip-out-diag-1-bl
Flip Out Diag 1 Bottom Left
 */


@keyframes flip-out-diag-1-bl {
    0% {
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1;
    }

    100% {
        transform: rotate3d(1, 1, 0, -70deg);
        opacity: 0;
    }
}

.flip-out-diag-1-bl {
    animation: flip-out-diag-1-bl 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.flip-out-diag-1-bl-infinite {
    animation: flip-out-diag-1-bl 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
flip-out-diag-2-tl
Flip Out Diag 2 Top Left
 */


@keyframes flip-out-diag-2-tl {
    0% {
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1;
    }

    100% {
        transform: rotate3d(-1, 1, 0, -70deg);
        opacity: 0;
    }
}

.flip-out-diag-2-tl {
    animation: flip-out-diag-2-tl 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.flip-out-diag-2-tl-infinite {
    animation: flip-out-diag-2-tl 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
flip-out-diag-2-br
Flip Out Diag 2 Bottom Right
 */

@keyframes flip-out-diag-2-br {
    0% {
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1;
    }

    100% {
        transform: rotate3d(-1, 1, 0, 70deg);
        opacity: 0;
    }
}

.flip-out-diag-2-br {
    animation: flip-out-diag-2-br 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.flip-out-diag-2-br-infinite {
    animation: flip-out-diag-2-br 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}


/* File: Focus In.css */
/* text-focus-in
Text Focus In */

@keyframes text-focus-in {
    0% {
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        filter: blur(0px);
        opacity: 1;
    }
}

.text-focus-in {
    animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.text-focus-in-infinite {
    animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* focus-in-expand
Focus In Expand */

@keyframes focus-in-expand {
    0% {
        letter-spacing: -0.5em;
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        filter: blur(0px);
        opacity: 1;
    }
}

.focus-in-expand {
    animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.focus-in-expand-infinite {
    animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* focus-in-expand-fwd
Focus In Expand Forward */

@keyframes focus-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        transform: translateZ(-800px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        filter: blur(0);
        opacity: 1;
    }
}

.focus-in-expand-fwd {
    animation: focus-in-expand-fwd 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

    .focus-in-expand-fwd -infinite {
        animation: focus-in-expand-fwd 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
    }
/* focus-in-contract
Focus In Contract */

@keyframes focus-in-contract {
    0% {
        letter-spacing: 1em;
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        filter: blur(0px);
        opacity: 1;
    }
}

.focus-in-contract {
    animation: focus-in-contract 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.focus-in-contract-infinite {
    animation: focus-in-contract 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* focus-in-contract-bck
Focus In Contract Back */

@keyframes focus-in-contract-bck {
    0% {
        letter-spacing: 1em;
        transform: translateZ(300px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        transform: translateZ(12px);
        filter: blur(0);
        opacity: 1;
    }
}

.focus-in-contract-bck {
    animation: focus-in-contract-bck 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.focus-in-contract-bck-infinite {
    animation: focus-in-contract-bck 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}





















/* File: jello.css */
/*jello-horizontal
Jello Horizontal*/
@keyframes jello-horizontal {
    0% {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

.jello-horizontal {
    animation: jello-horizontal 0.9s ease 0s 1 both;
}

.jello-horizontal-infinite {
    animation: jello-horizontal 0.9s ease 0s 1 infinite both;
}

/*jello-vertical
Jello Vertical*/
@keyframes jello-vertical {
    0% {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(0.75, 1.25, 1);
    }

    40% {
        transform: scale3d(1.25, 0.75, 1);
    }

    50% {
        transform: scale3d(0.85, 1.15, 1);
    }

    65% {
        transform: scale3d(1.05, 0.95, 1);
    }

    75% {
        transform: scale3d(0.95, 1.05, 1);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

.jello-vertical {
    animation: jello-vertical 0.9s ease 0s 1 both;
}

.jello-vertical-infinite {
    animation: jello-vertical 0.9s ease 0s 1 infinite both;
}

/*jello-diagonal-1
Jello Diagonal 1*/
@keyframes jello-diagonal-1 {
    0% {
        transform: skew(0deg 0deg);
    }

    30% {
        transform: skew(25deg 25deg);
    }

    40% {
        transform: skew(-15deg, -15deg);
    }

    50% {
        transform: skew(15deg, 15deg);
    }

    65% {
        transform: skew(-5deg, -5deg);
    }

    75% {
        transform: skew(5deg, 5deg);
    }

    100% {
        transform: skew(0deg 0deg);
    }
}

.jello-diagonal-1 {
    animation: jello-diagonal-1 0.8s ease 0s 1 both;
}

.jello-diagonal-1-infinite {
    animation: jello-diagonal-1 0.8s ease 0s 1 infinite both;
}

/*jello-diagonal-2
Jello Diagonal 2*/
@keyframes jello-diagonal-2 {
    0% {
        transform: skew(0deg 0deg);
    }

    30% {
        transform: skew(-25deg -25deg);
    }

    40% {
        transform: skew(15deg, 15deg);
    }

    50% {
        transform: skew(-15deg, -15deg);
    }

    65% {
        transform: skew(5deg, 5deg);
    }

    75% {
        transform: skew(-5deg, -5deg);
    }

    100% {
        transform: skew(0deg 0deg);
    }
}

.jello-diagonal-2 {
    animation: jello-diagonal-2 0.8s ease 0s 1 both;
}

.jello-diagonal-2-infinite {
    animation: jello-diagonal-2 0.8s ease 0s 1 infinite both;
}



/* File: kenburns.css */
/*kenburns-top
Kenburns Top*/
@keyframes kenburns-top {
    0% {
        transform: scale(1) translateY(0);
        transform-origin: 50% 16%;
    }

    100% {
        transform: scale(1.10) translateY(-15px);
        transform-origin: top;
    }
}

.kenburns-top {
    animation: kenburns-top 5s ease-out 0s 1 both;
}

.kenburns-top-infinite {
    animation: kenburns-top 5s ease-out 0s 1 infinite both;
}

/*kenburns-top-right
Kenburns Top Right*/
@keyframes kenburns-top-right {
    0% {
        transform: scale(1) translate(0, 0);
        transform-origin: 84% 16%;
    }

    100% {
        transform: scale(1.10) translate(20px, -15px);
        transform-origin: right top;
    }
}

.kenburns-top-right {
    animation: kenburns-top-right 5s ease-out 0s 1 both;
}

.kenburns-top-right-infinite {
    animation: kenburns-top-right 5s ease-out 0s 1 infinite both;
}

/*kenburns-right
Kenburns Right*/
@keyframes kenburns-right {
    0% {
        transform: scale(1) translate(0, 0);
        transform-origin: 84% 50%;
    }

    100% {
        transform: scale(1.10) translateX(20px);
        transform-origin: right;
    }
}

.kenburns-right {
    animation: kenburns-right 5s ease-out 0s 1 both;
}

.kenburns-right-infinite {
    animation: kenburns-right 5s ease-out 0s 1 infinite both;
}

/*kenburns-bottom-right
Kenburns Bottom Right*/
@keyframes kenburns-bottom-right {
    0% {
        transform: scale(1) translate(0, 0);
        transform-origin: 84% 84%;
    }

    100% {
        transform: scale(1.10) translate(20px, 15px);
        transform-origin: right bottom;
    }
}

.kenburns-bottom-right {
    animation: kenburns-bottom-right 5s ease-out 0s 1 both;
}

.kenburns-bottom-right-infinite {
    animation: kenburns-bottom-right 5s ease-out 0s 1 infinite both;
}

/*kenburns-bottom
Kenburns Bottom*/
@keyframes kenburns-bottom {
    0% {
        transform: scale(1) translateY(0);
        transform-origin: 50% 84%;
    }

    100% {
        transform: scale(1.10) translateY(15px);
        transform-origin: bottom;
    }
}

.kenburns-bottom {
    animation: kenburns-bottom 5s ease-out 0s 1 both;
}

.kenburns-bottom-infinite {
    animation: kenburns-bottom 5s ease-out 0s 1 infinite both;
}

/*kenburns-bottom-left
Kenburns Bottom Left*/
@keyframes kenburns-bottom-left {
    0% {
        transform: scale(1) translate(0, 0);
        transform-origin: 16% 84%;
    }

    100% {
        transform: scale(1.10) translate(-20px, 15px);
        transform-origin: left bottom;
    }
}

.kenburns-bottom-left {
    animation: kenburns-bottom-left 5s ease-out 0s 1 both;
}

.kenburns-bottom-left-infinite {
    animation: kenburns-bottom-left 5s ease-out 0s 1 infinite both;
}

/*kenburns-left
Kenburns Left*/
@keyframes kenburns-left {
    0% {
        transform: scale(1) translate(0, 0);
        transform-origin: 16% 50%;
    }

    100% {
        transform: scale(1.10) translate(-20px, 15px);
        transform-origin: left;
    }
}

.kenburns-left {
    animation: kenburns-left 5s ease-out 0s 1 both;
}

.kenburns-left-infinite {
    animation: kenburns-left 5s ease-out 0s 1 infinite both;
}

/*kenburns-top-left
Kenburns Top Left*/
@keyframes kenburns-top-left {
    0% {
        transform: scale(1) translate(0, 0);
        transform-origin: 16% 16%;
    }

    100% {
        transform: scale(1.10) translate(-20px, -15px);
        transform-origin: top left;
    }
}

.kenburns-top-left {
    animation: kenburns-top-left 5s ease-out 0s 1 both;
}

.kenburns-top-left-infinite {
    animation: kenburns-top-left 5s ease-out 0s 1 infinite both;
}




/* File: pop-up.css */
/*text-pop-up-top
Text Pop Up Top*/
@keyframes text-pop-up-top {
    0% {
        transform: translateY(0);
        transform-origin: 50% 50%;
        text-shadow: none;
    }

    100% {
        transform: translateY(-50px);
        transform-origin: 50% 50%;
        text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
    }
}

.text-pop-up-top {
    animation: text-pop-up-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.text-pop-up-top-infinite {
    animation: text-pop-up-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/*text-pop-up-tr
Text Pop Up Top Right*/
@keyframes text-pop-up-tr {
    0% {
        transform: translateY(0) translateX(0);
        transform-origin: 50% 50%;
        text-shadow: none;
    }

    100% {
        transform: translateY(-50px) translateX(50px);
        transform-origin: 50% 50%;
        text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
    }
}

.text-pop-up-tr {
    animation: text-pop-up-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.text-pop-up-tr-infinite {
    animation: text-pop-up-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/*text-pop-up-right
Text Pop Up Right*/
@keyframes text-pop-up-right {
    0% {
        transform: translateX(0);
        transform-origin: 50% 50%;
        text-shadow: none;
    }

    100% {
        transform: translateX(50px);
        transform-origin: 50% 50%;
        text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
    }
}

.text-pop-up-right {
    animation: text-pop-up-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.text-pop-up-right-infinite {
    animation: text-pop-up-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/*text-pop-up-br
Text Pop Up Bottom Right*/
@keyframes text-pop-up-br {
    0% {
        transform: translateY(0) translateX(0);
        transform-origin: 50% 50%;
        text-shadow: none;
    }

    100% {
        transform: translateY(50px) translateX(50px);
        transform-origin: 50% 50%;
        text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
    }
}

.text-pop-up-br {
    animation: text-pop-up-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.text-pop-up-br-infinite {
    animation: text-pop-up-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/*text-pop-up-bottom
Text Pop Up Bottom*/
@keyframes text-pop-up-bottom {
    0% {
        transform: translateY(0);
        transform-origin: 50% 50%;
        text-shadow: none;
    }

    100% {
        transform: translateY(50px);
        transform-origin: 50% 50%;
        text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
    }
}

.text-pop-up-bottom {
    animation: text-pop-up-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.text-pop-up-bottom-infinite {
    animation: text-pop-up-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/*text-pop-up-bl
Text Pop Up Bottom Left*/
@keyframes text-pop-up-bl {
    0% {
        transform: translateY(0) translateX(0);
        transform-origin: 50% 50%;
        text-shadow: none;
    }

    100% {
        transform: translateY(50px) translateX(-50px);
        transform-origin: 50% 50%;
        text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
    }
}

.text-pop-up-bl {
    animation: text-pop-up-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.text-pop-up-bl-infinite {
    animation: text-pop-up-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/*text-pop-up-left
Text Pop Up Left*/
@keyframes text-pop-up-left {
    0% {
        transform: translateX(0);
        transform-origin: 50% 50%;
        text-shadow: none;
    }

    100% {
        transform: translateX(-50px);
        transform-origin: 50% 50%;
        text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
    }
}

.text-pop-up-left {
    animation: text-pop-up-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.text-pop-up-left-infinite {
    animation: text-pop-up-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/*text-pop-up-tl
Text Pop Up Top Left*/
@keyframes text-pop-up-tl {
    0% {
        transform: translateY(0) translateX(0);
        transform-origin: 50% 50%;
        text-shadow: none;
    }

    100% {
        transform: translateY(-50px) translateX(-50px);
        transform-origin: 50% 50%;
        text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
    }
}

.text-pop-up-tl {
    animation: text-pop-up-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.text-pop-up-tl-infinite {
    animation: text-pop-up-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}




/* File: PuffOut.css */
/* puff-out-center
Puff Out Center */

@keyframes puff-out-center {
    0% {
        transform: scale(1);
        filter: blur(0px);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        filter: blur(4px);
        opacity: 0;
    }
}

.puff-out-center {
    animation: puff-out-center 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 both;
}

.puff-out-center-infinite {
    animation: puff-out-center 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 infinite both;
}

/* puff-out-top
Puff Out Top */

@keyframes puff-out-top {
    0% {
        transform: scale(1);
        transform-origin: 50% 0%;
        filter: blur(0px);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        transform-origin: 50% 0%;
        filter: blur(4px);
        opacity: 0;
    }
}

.puff-out-top {
    animation: puff-out-top 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 both;
}

.puff-out-top-infinite {
    animation: puff-out-top 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 infinite both;
}


/* puff-out-tr
Puff Out Top Right */

@keyframes puff-out-tr {
    0% {
        transform: scale(1);
        transform-origin: 100% 0%;
        filter: blur(0px);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        transform-origin: 100% 0%;
        filter: blur(4px);
        opacity: 0;
    }
}

.puff-out-tr {
    animation: puff-out-tr 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 both;
}

.puff-out-tr-infinite {
    animation: puff-out-tr 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 infinite both;
}

/* puff-out-right
Puff Out Right */

@keyframes puff-out-right {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%;
        filter: blur(0px);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        transform-origin: 100% 50%;
        filter: blur(4px);
        opacity: 0;
    }
}

.puff-out-right {
    animation: puff-out-right 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 both;
}

.puff-out-right-infinite {
    animation: puff-out-right 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 infinite both;
}

/* puff-out-br
Puff Out Bottom Right */

@keyframes puff-out-br {
    0% {
        transform: scale(1);
        transform-origin: 100% 100%;
        filter: blur(0px);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        transform-origin: 100% 100%;
        filter: blur(4px);
        opacity: 0;
    }
}

.puff-out-br {
    animation: puff-out-br 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 both;
}

.puff-out-br-infinite {
    animation: puff-out-br 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 infinite both;
}

/* puff-out-bottom
Puff Out Bottom */

@keyframes puff-out-bottom {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%;
        filter: blur(0px);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        transform-origin: 50% 100%;
        filter: blur(4px);
        opacity: 0;
    }
}

.puff-out-bottom {
    animation: puff-out-bottom 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 both;
}

.puff-out-bottom-infinite {
    animation: puff-out-bottom 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 infinite both;
}

/* puff-out-bl
Puff Out Bottom Left */

@keyframes puff-out-bl {
    0% {
        transform: scale(1);
        transform-origin: 0% 100%;
        filter: blur(0px);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        transform-origin: 0% 100%;
        filter: blur(4px);
        opacity: 0;
    }
}

.puff-out-bl {
    animation: puff-out-bl 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 both;
}

.puff-out-bl-infinite {
    animation: puff-out-bl 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 infinite both;
}

/* puff-out-left
Puff Out Left */

@keyframes puff-out-left {
    0% {
        transform: scale(1);
        transform-origin: 0% 50%;
        filter: blur(0px);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        transform-origin: 0% 50%;
        filter: blur(4px);
        opacity: 0;
    }
}

.puff-out-left {
    animation: puff-out-left 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 both;
}

.puff-out-left-infinite {
    animation: puff-out-left 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 infinite both;
}

/* puff-out-tl
Puff Out Top Left */

@keyframes puff-out-tl {
    0% {
        transform: scale(1);
        transform-origin: 0% 0%;
        filter: blur(0px);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        transform-origin: 0% 0%;
        filter: blur(4px);
        opacity: 0;
    }
}

.puff-out-tl {
    animation: puff-out-tl 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 both;
}


.puff-out-tl-infinite {
    animation: puff-out-tl 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 infinite both;
}

/* puff-out-hor
Puff Out Horizontal */

@keyframes puff-out-hor {
    0% {
        transform: scaleX(1);
        filter: blur(0px);
        opacity: 1;
    }

    100% {
        transform: scaleX(2);
        filter: blur(4px);
        opacity: 0;
    }
}

.puff-out-hor {
    animation: puff-out-hor 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 both;
}

.puff-out-hor-infinite {
    animation: puff-out-hor 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 infinite both;
}

/* puff-out-ver
Puff Out Vertical */

@keyframes puff-out-ver {
    0% {
        transform: scaleY(1);
        filter: blur(0px);
        opacity: 1;
    }

    100% {
        transform: scaleY(2);
        filter: blur(4px);
        opacity: 0;
    }
}

.puff-out-ver {
    animation: puff-out-ver 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 both;
}

.puff-out-ver-infinite {
    animation: puff-out-ver 0.9s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 infinite both;
}

































/* File: Puff_In.css */

/* 
puff-in-center
Puff In Center
*/

@keyframes puff-in-center {
    0% {
        transform: scale(2);
        filter: blur(4px);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        filter: blur(0px);
        opacity: 1;
    }
}

.puff-in-center {
    animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.puff-in-center-infinite {
    animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/* 
puff-in-top
Puff In Top
 */


@keyframes puff-in-top {
    0% {
        transform: scale(2);
        transform-origin: 50% 0%;
        filter: blur(4px);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 0%;
        filter: blur(0px);
        opacity: 1;
    }
}

.puff-in-top {
    animation: puff-in-top 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.puff-in-top-infinite {
    animation: puff-in-top 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/* 
puff-in-tr
Puff In Top Right
 */


@keyframes puff-in-tr {
    0% {
        transform: scale(2);
        transform-origin: 100% 0%;
        filter: blur(4px);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 0%;
        filter: blur(0px);
        opacity: 1;
    }
}

.puff-in-tr {
    animation: puff-in-tr 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.puff-in-tr-infinite {
    animation: puff-in-tr 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/* 
puff-in-right
Puff In Right
*/

@keyframes puff-in-right {
    0% {
        transform: scale(2);
        transform-origin: 100% 50%;
        filter: blur(4px);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 50%;
        filter: blur(0px);
        opacity: 1;
    }
}

.puff-in-right {
    animation: puff-in-right 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.puff-in-right-infinite {
    animation: puff-in-right 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/* 
puff-in-br
Puff In Bottom Right
*/

@keyframes puff-in-br {
    0% {
        transform: scale(2);
        transform-origin: 100% 100%;
        filter: blur(4px);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 100%;
        filter: blur(0px);
        opacity: 1;
    }
}

.puff-in-br {
    animation: puff-in-br 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.puff-in-br-infinite {
    animation: puff-in-br 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/* 
puff-in-bottom
Puff In Bottom
*/


@keyframes puff-in-bottom {
    0% {
        transform: scale(2);
        transform-origin: 50% 100%;
        filter: blur(4px);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 100%;
        filter: blur(0px);
        opacity: 1;
    }
}

.puff-in-bottom {
    animation: puff-in-bottom 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.puff-in-bottom-infinite {
    animation: puff-in-bottom 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/* 
puff-in-bl
Puff In Bottom Left
*/

@keyframes puff-in-bl {
    0% {
        transform: scale(2);
        transform-origin: 0% 100%;
        filter: blur(4px);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 100%;
        filter: blur(0px);
        opacity: 1;
    }
}

.puff-in-bl {
    animation: puff-in-bl 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.puff-in-bl-infinite {
    animation: puff-in-bl 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/* 
puff-in-left
Puff In Left
 */


@keyframes puff-in-left {
    0% {
        transform: scale(2);
        transform-origin: 0% 50%;
        filter: blur(4px);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 50%;
        filter: blur(0px);
        opacity: 1;
    }
}

.puff-in-left {
    animation: puff-in-left 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.puff-in-left-infinite {
    animation: puff-in-left 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/* 
puff-in-tl
Puff In Top Left
 */

@keyframes puff-in-tl {
    0% {
        transform: scale(2);
        transform-origin: 0% 0%;
        filter: blur(4px);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 0%;
        filter: blur(0px);
        opacity: 1;
    }
}

.puff-in-tl {
    animation: puff-in-tl 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.puff-in-tl-infinite {
    animation: puff-in-tl 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/* 
puff-in-hor
Puff In Horizontal
 */

@keyframes puff-in-hor {
    0% {
        transform: scaleX(2);
        filter: blur(4px);
        opacity: 0;
    }

    100% {
        transform: scaleX(1);
        filter: blur(0px);
        opacity: 1;
    }
}

.puff-in-hor {
    animation: puff-in-hor 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.puff-in-hor-infinite {
    animation: puff-in-hor 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/* 
puff-in-ver
Puff In Vertical
 */

@keyframes puff-in-ver {
    0% {
        transform: scaleY(2);
        filter: blur(4px);
        opacity: 0;
    }

    100% {
        transform: scaleY(1);
        filter: blur(0px);
        opacity: 1;
    }
}

.puff-in-ver {
    animation: puff-in-ver 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.puff-in-ver-infinite {
    animation: puff-in-ver 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}



/* File: pulsate.css */
/*heartbeat
Heartbeat*/
@keyframes heartbeat {
    from {
        transform: scale(1);
        transform-origin: center center;
        animation-timing-function: ease-out;
    }

    10% {
        transform: scale(0.91);
        animation-timing-function: ease-in;
    }

    17% {
        transform: scale(0.98);
        animation-timing-function: ease-out;
    }

    33% {
        transform: scale(0.87);
        animation-timing-function: ease-in;
    }

    45% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}

.heartbeat {
    animation: heartbeat 1.5s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s infinite both;
}

/*pulsate-bck
Pulsate Back*/
@keyframes pulsate-bck {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

.pulsate-bck {
    animation: pulsate-bck 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s infinite both;
}

/*pulsate-fwd
Pulsate Forward*/
@keyframes pulsate-fwd {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.pulsate-fwd {
    animation: pulsate-fwd 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s infinite both;
}

/*ping
Ping*/
@keyframes ping {
    0% {
        transform: scale(0.2);
        opacity: 0.8;
    }

    80% {
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        transform: scale(2.2);
        opacity: 0;
    }
}

.ping {
    animation: ping 0.8s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s infinite both;
}


/* File: RollOut.css */
/* roll-out-left
Roll Out Left */

@keyframes roll-out-left {
    0% {
        transform: translateX(0) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translateX(-1000px) rotate(-540deg);
        opacity: 0;
    }
}

.roll-out-left {
    animation: roll-out-left 0.6s ease-in 0s 1 both;
}

.roll-out-left-infinite {
    animation: roll-out-left 0.6s ease-in 0s 1 infinite both;
}

/* roll-out-top
Roll Out Top */

@keyframes roll-out-top {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translateY(-800px) rotate(-540deg);
        opacity: 0;
    }
}

.roll-out-top {
    animation: roll-out-top 0.6s ease-in 0s 1 both;
}

.roll-out-top-infinite {
    animation: roll-out-top 0.6s ease-in 0s 1 infinite both;
}

/* roll-out-right
Roll Out Right */

@keyframes roll-out-right {
    0% {
        transform: translateX(0) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translateX(1000px) rotate(540deg);
        opacity: 0;
    }
}

.roll-out-right {
    animation: roll-out-right 0.6s ease-in 0s 1 both;
}

.roll-out-right-infinite {
    animation: roll-out-right 0.6s ease-in 0s 1 infinite both;
}

/* roll-out-bottom
Roll Out Bottom */

@keyframes roll-out-bottom {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translateY(800px) rotate(540deg);
        opacity: 0;
    }
}

.roll-out-bottom {
    animation: roll-out-bottom 0.6s ease-in 0s 1 both;
}

.roll-out-bottom-infinite {
    animation: roll-out-bottom 0.6s ease-in 0s 1 infinite both;
}













/* File: RollOutBlurred.css */
/* roll-out-blurred-left
Roll Out Blurred Left */

@keyframes roll-out-blurred-left {
    0% {
        transform: translateX(0) rotate(0deg);
        filter: blur(0);
        opacity: 1;
    }

    100% {
        transform: translateX(-1000px) rotate(-720deg);
        filter: blur(50px);
        opacity: 0;
    }
}

.roll-out-blurred-left {
    animation: roll-out-blurred-left 0.65s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 both;
}


.roll-out-blurred-left-infinite {
    animation: roll-out-blurred-left 0.65s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 infinite both;
}

/* roll-out-blurred-top
Roll Out Blurred Top */

@keyframes roll-out-blurred-top {
    0% {
        transform: translateY(0) rotate(0deg);
        filter: blur(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-800px) rotate(-720deg);
        filter: blur(50px);
        opacity: 0;
    }
}

.roll-out-blurred-top {
    animation: roll-out-blurred-top 0.6s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 both;
}

.roll-out-blurred-top-infinite {
    animation: roll-out-blurred-top 0.6s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 infinite both;
}

/* roll-out-blurred-right
Roll Out Blurred Right */

@keyframes roll-out-blurred-right {
    0% {
        transform: translateX(0) rotate(0deg);
        filter: blur(0);
        opacity: 1;
    }

    100% {
        transform: translateX(1000px) rotate(720deg);
        filter: blur(50px);
        opacity: 0;
    }
}

.roll-out-blurred-right {
    animation: roll-out-blurred-right 0.65s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 both;
}

.roll-out-blurred-right-infinite {
    animation: roll-out-blurred-right 0.65s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 infinite both;
}


/* roll-out-blurred-bottom
Roll Out Blurred Bottom */

@keyframes roll-out-blurred-bottom {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translateY(800px) rotate(720deg);
        filter: blur(50px);
        opacity: 0;
    }
}

.roll-out-blurred-bottom {
    animation: roll-out-blurred-bottom 0.6s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 both;
}

.roll-out-blurred-bottom-infinite {
    animation: roll-out-blurred-bottom 0.6s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 infinite both;
}

















/* File: Roll_In.css */
/* 
roll-in-left
Roll In Left 
*/

@keyframes roll-in-left {
    0% {
        transform: translateX(-800px) rotate(-540deg);
        opacity: 0;
    }

    100% {
        transform: translateX(0) rotate(0deg);
        opacity: 1;
    }
}

.roll-in-left {
    animation: roll-in-left 0.6s ease-out 0s 1 both;
}

.roll-in-left-infinite {
    animation: roll-in-left 0.6s ease-out 0s 1 infinite both;
}


/* 
roll-in-top
Roll In Top
 */

@keyframes roll-in-top {
    0% {
        transform: translateY(-800px) rotate(-540deg);
        opacity: 0;
    }

    100% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
}

.roll-in-top {
    animation: roll-in-top 0.6s ease-out 0s 1 both;
}

.roll-in-top-infinite {
    animation: roll-in-top 0.6s ease-out 0s 1 infinite both;
}

/* 
roll-in-right
Roll In Right
 */


@keyframes roll-in-right {
    0% {
        transform: translateX(800px) rotate(540deg);
        opacity: 0;
    }

    100% {
        transform: translateX(0) rotate(0deg);
        opacity: 1;
    }
}

.roll-in-right {
    animation: roll-in-right 0.6s ease-out 0s 1 both;
}

.roll-in-right-infinite {
    animation: roll-in-right 0.6s ease-out 0s 1 infinite both;
}


/* 
roll-in-bottom
Roll In Bottom 
*/

@keyframes roll-in-bottom {
    0% {
        transform: translateY(800px) rotate(540deg);
        opacity: 0;
    }

    100% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
}

.roll-in-bottom {
    animation: roll-in-bottom 0.6s ease-out 0s 1 both;
}

.roll-in-bottom-infinite {
    animation: roll-in-bottom 0.6s ease-out 0s 1 infinite both;
}





/* File: Roll_In_Blurred.css */

/* 
roll-in-blurred-left
Roll In Blurred Left */


@keyframes roll-in-blurred-left {
    0% {
        transform: translateX(-1000px) rotate(-720deg);
        filter: blur(50px);
        opacity: 0;
    }

    100% {
        transform: translateX(0) rotate(0deg);
        filter: blur(0);
        opacity: 1;
    }
}

.roll-in-blurred-left {
    animation: roll-in-blurred-left 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 both;
}

.roll-in-blurred-left-infinite {
    animation: roll-in-blurred-left 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 infinite both;
}

/* 
roll-in-blurred-top
Roll In Blurred Top 
*/


@keyframes roll-in-blurred-top {
    0% {
        transform: translateY(-800px) rotate(-720deg);
        filter: blur(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0) rotate(0deg);
        filter: blur(0);
        opacity: 1;
    }
}

.roll-in-blurred-top {
    animation: roll-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 both;
}

.roll-in-blurred-top-infinite {
    animation: roll-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 infinite both;
}

/* 
roll-in-blurred-right
Roll In Blurred Right
 */


@keyframes roll-in-blurred-right {
    0% {
        transform: translateX(1000px) rotate(720deg);
        filter: blur(50px);
        opacity: 0;
    }

    100% {
        transform: translateX(0) rotate(0deg);
        filter: blur(0);
        opacity: 1;
    }
}

.roll-in-blurred-right {
    animation: roll-in-blurred-right 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 both;
}

.roll-in-blurred-right-infinite {
    animation: roll-in-blurred-right 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 infinite both;
}

/* 
roll-in-blurred-bottom
Roll In Blurred Bottom 
*/


@keyframes roll-in-blurred-bottom {
    0% {
        transform: translateY(800px) rotate(720deg);
        filter: blur(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
}

.roll-in-blurred-bottom {
    animation: roll-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 both;
}

.roll-in-blurred-bottom-infinite {
    animation: roll-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 infinite both;
}


/* File: Rotate 90.css */
/* rotate-90-cw
Rotate 90 Clockwise */

@keyframes rotate-90-cw {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(90deg);
    }
}

.rotate-90-cw {
    animation: rotate-90-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}


.rotate-90-cw-infinite {
    animation: rotate-90-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-90-ccw
Rotate 90 Counter Clockwise */

@keyframes rotate-90-ccw {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(-90deg);
    }
}

.rotate-90-ccw-infinite {
    animation: rotate-90-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-90-top-cw
Rotate 90 Top Clockwise */
@keyframes rotate-90-top-cw {
    0% {
        transform: rotate(0);
        transform-origin: top;
    }

    100% {
        transform: rotate(90deg);
        transform-origin: top;
    }
}

.rotate-90-top-cw {
    animation: rotate-90-top-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-top-cw-infinite {
    animation: rotate-90-top-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-90-top-ccw
Rotate 90 Top Counter Clockwise */

@keyframes rotate-90-top-ccw {
    0% {
        transform: rotate(0);
        transform-origin: top;
    }

    100% {
        transform: rotate(-90deg);
        transform-origin: top;
    }
}

rotate-90-top-ccw {
    animation: rotate-90-top-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-top-ccw-infinte {
    animation: rotate-90-top-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* rotate-90-tr-cw
Rotate 90 Top Right Clockwise */

@keyframes rotate-90-tr-cw {
    0% {
        transform: rotate(0);
        transform-origin: top right;
    }

    100% {
        transform: rotate(90deg);
        transform-origin: top right;
    }
}

.rotate-90-tr-cw {
    animation: rotate-90-tr-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-tr-cw-infinite {
    animation: rotate-90-tr-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/*rotate-90-tr-ccw
Rotate 90 Top Right Counter Clockwise */

@keyframes rotate-90-tr-ccw {
    0% {
        transform: rotate(0);
        transform-origin: top right;
    }

    100% {
        transform: rotate(-90deg);
        transform-origin: top right;
    }
}

.rotate-90-tr-ccw {
    animation: rotate-90-tr-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-tr-ccw-infinite {
    animation: rotate-90-tr-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/*rotate-90-right-cw
Rotate 90 Right Clockwise */

@keyframes rotate-90-right-cw {
    0% {
        transform: rotate(0);
        transform-origin: right;
    }

    100% {
        transform: rotate(90deg);
        transform-origin: right;
    }
}

.rotate-90-right-cw {
    animation: rotate-90-right-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-right-cw-infinte {
    animation: rotate-90-right-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* rotate-90-right-ccw
Rotate 90 Right Counter Clockwise */

@keyframes rotate-90-right-ccw {
    0% {
        transform: rotate(0);
        transform-origin: right;
    }

    100% {
        transform: rotate(-90deg);
        transform-origin: right;
    }
}

.rotate-90-right-ccw {
    animation: rotate-90-right-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-right-ccw-infinite {
    animation: rotate-90-right-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* rotate-90-br-cw
Rotate 90 Bottom Right Clockwise */

@keyframes rotate-90-br-cw {
    0% {
        transform: rotate(0);
        transform-origin: 100% 100%;
    }

    100% {
        transform: rotate(90deg);
        transform-origin: 100% 100%;
    }
}

.rotate-90-br-cw {
    animation: rotate-90-br-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-br-cw-infinite {
    animation: rotate-90-br-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-90-br-ccw
Rotate 90 Bottom Right Counter Clockwise */

@keyframes rotate-90-br-ccw {
    0% {
        transform: rotate(0);
        transform-origin: 100% 100%;
    }

    100% {
        transform: rotate(-90deg);
        transform-origin: 100% 100%;
    }
}

.rotate-90-br-ccw {
    animation: rotate-90-br-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-br-ccw-infinite {
    animation: rotate-90-br-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-90-bottom-cw
Rotate 90 Bottom Clockwise */

@keyframes rotate-90-bottom-cw {
    0% {
        transform: rotate(0);
        transform-origin: bottom;
    }

    100% {
        transform: rotate(90deg);
        transform-origin: bottom;
    }
}

.rotate-90-bottom-cw {
    animation: rotate-90-bottom-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-bottom-cw-infinite {
    animation: rotate-90-bottom-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-90-bottom-ccw
Rotate 90 Bottom Counter Clockwise */

@keyframes rotate-90-bottom-ccw {
    0% {
        transform: rotate(0);
        transform-origin: bottom;
    }

    100% {
        transform: rotate(-90deg);
        transform-origin: bottom;
    }
}

.rotate-90-bottom-ccw {
    animation: rotate-90-bottom-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}


    .rotate-90-bottom-ccw -infinite {
        animation: rotate-90-bottom-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
    }

/* rotate-90-bl-cw
Rotate 90 Bottom Left Clockwise */

@keyframes rotate-90-bl-cw {
    0% {
        transform: rotate(0);
        transform-origin: 0% 100%;
    }

    100% {
        transform: rotate(90deg);
        transform-origin: 0% 100%;
    }
}

.rotate-90-bl-cw {
    animation: rotate-90-bl-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-bl-cw-infinite {
    animation: rotate-90-bl-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-90-bl-ccw
Rotate 90 Bottom Left Counter Clockwise */

@keyframes rotate-90-bl-ccw {
    0% {
        transform: rotate(0);
        transform-origin: 0% 100%;
    }

    100% {
        transform: rotate(-90deg);
        transform-origin: 0% 100%;
    }
}

.rotate-90-bl-ccw {
    animation: rotate-90-bl-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-bl-ccw-infinite {
    animation: rotate-90-bl-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-90-left-cw
Rotate 90 Left Clockwise */

@keyframes rotate-90-left-cw {
    0% {
        transform: rotate(0);
        transform-origin: left;
    }

    100% {
        transform: rotate(90deg);
        transform-origin: left;
    }
}

.rotate-90-left-cw {
    animation: rotate-90-left-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

    .rotate-90-left-cw -infinite {
        animation: rotate-90-left-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
    }


/* rotate-90-left-ccw
Rotate 90 Left Counter Clockwise */

@keyframes rotate-90-left-ccw {
    0% {
        transform: rotate(0);
        transform-origin: left;
    }

    100% {
        transform: rotate(-90deg);
        transform-origin: left;
    }
}

.rotate-90-left-ccw {
    animation: rotate-90-left-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-left-ccw-infinite {
    animation: rotate-90-left-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-90-tl-cw
Rotate 90 Top Left Clockwise */

@keyframes rotate-90-tl-cw {
    0% {
        transform: rotate(0);
        transform-origin: 0% 0%;
    }

    100% {
        transform: rotate(90deg);
        transform-origin: 0% 0%;
    }
}

.rotate-90-tl-cw {
    animation: rotate-90-tl-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-tl-cw-infinite {
    animation: rotate-90-tl-cw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* rotate-90-tl-ccw
Rotate 90 Top Left Counter Clockwise */

@keyframes rotate-90-tl-ccw {
    0% {
        transform: rotate(0);
        transform-origin: 0% 0%;
    }

    100% {
        transform: rotate(-90deg);
        transform-origin: 0% 0%
    }
}

.rotate-90-tl-ccw {
    animation: rotate-90-tl-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-tl-ccw-infinite {
    animation: rotate-90-tl-ccw 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-90-horizontal-fwd
Rotate 90 Horizontal Forward */

@keyframes rotate-90-horizontal-fwd {
    0% {
        transform: rotateX(0);
    }

    100% {
        transform: rotateX(90deg);
    }
}

.rotate-90-horizontal-fwd {
    animation: rotate-90-horizontal-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-horizontal-fwd-infinite {
    animation: rotate-90-horizontal-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* rotate-90-horizontal-bck
Rotate 90 Horizontal Back */

@keyframes rotate-90-horizontal-bck {
    0% {
        transform: rotateX(0);
    }

    100% {
        transform: rotateX(-90deg);
    }
}

.rotate-90-horizontal-bck {
    animation: rotate-90-horizontal-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-horizontal-bck-infinite {
    animation: rotate-90-horizontal-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* rotate-90-vertical-fwd
Rotate 90 Vertical Forward */

@keyframes rotate-90-vertical-fwd {
    0% {
        transform: rotateY(0);
    }

    100% {
        transform: rotateY(90deg);
    }
}

.rotate-90-vertical-fwd {
    animation: rotate-90-vertical-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-vertical-fwd-infinite {
    animation: rotate-90-vertical-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/*rotate-90-vertical-bck 
Rotate 90 Vertical Back*/

@keyframes rotate-90-vertical-bck {
    0% {
        transform: rotateY(0);
    }

    100% {
        transform: rotateY(-90deg);
    }
}

.rotate-90-vertical-bck {
    animation: rotate-90-vertical-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-90-vertical-bck-infinite {
    animation: rotate-90-vertical-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}














































/* File: Rotate scale.css */
/* rotate-scale-up
Rotate Scale Up*/


@keyframes rotate-scale-up {
    0% {
        transform: scale(1) rotateZ(0);
    }

    50% {
        transform: scale(2) rotateZ(180deg);
    }

    100% {
        transform: scale(1) rotateZ(360deg);
    }
}

.rotate-scale-up {
    animation: rotate-scale-up 0.65s linear 0s 1 both;
}

.rotate-scale-up-infinite {
    animation: rotate-scale-up 0.65s linear 0s 1 infinite both;
}

/* rotate-scale-down
Rotate Scale Down */

@keyframes rotate-scale-down {
    0% {
        transform: scale(1) rotateZ(0);
    }

    50% {
        transform: scale(0.5) rotateZ(180deg);
    }

    100% {
        transform: scale(1) rotateZ(360deg);
    }
}

.rotate-scale-down {
    animation: rotate-scale-down 0.65s linear 0s 1 both;
}

.rotate-scale-down-infinite {
    animation: rotate-scale-down 0.65s linear 0s 1 infinite both;
}
/* rotate-scale-up-hor
Rotate Scale Up Horizontal */

@keyframes rotate-scale-up-hor {
    0% {
        transform: scale(1) rotateX(0);
    }

    50% {
        transform: scale(2) rotateX(-180deg);
    }

    100% {
        transform: scale(1) rotateX(-360deg);
    }
}

.rotate-scale-up-hor {
    animation: rotate-scale-up-hor 0.65s linear 0s 1 both;
}

.rotate-scale-up-hor-infinite {
    animation: rotate-scale-up-hor 0.65s linear 0s 1 u infinite both;
}

/* rotate-scale-down-hor
Rotate Scale Down Horizontal */

@keyframes rotate-scale-down-hor {
    0% {
        transform: scale(1) rotateX(0);
    }

    50% {
        transform: scale(0.5) rotateX(-180deg);
    }

    100% {
        transform: scale(1) rotateX(-360deg);
    }
}

.rotate-scale-down-hor {
    animation: rotate-scale-down-hor 0.65s linear 0s 1 both;
}

.rotate-scale-down-hor-infinite {
    animation: rotate-scale-down-hor 0.65s linear 0s 1 infinite both;
}

/* otate-scale-up-ver
Rotate Scale Up Vertical */

@keyframes rotate-scale-up-ver {
    0% {
        transform: scale(1) rotateY(0);
    }

    50% {
        transform: scale(2) rotateY(180deg);
    }

    100% {
        transform: scale(1) rotateY(360deg);
    }
}

.rotate-scale-up-ver {
    animation: rotate-scale-up-ver 0.65s linear 0s 1 both;
}

.rotate-scale-up-ver-infinite {
    animation: rotate-scale-up-ver 0.65s linear 0s 1 infinite both;
}

/* rotate-scale-down-ver
Rotate Scale Down Vertical */

@keyframes rotate-scale-down-ver {
    0% {
        transform: scale(1) rotateY(0);
    }

    50% {
        transform: scale(0.5) rotateY(180deg);
    }

    100% {
        transform: scale(1) rotateY(360deg);
    }
}

.rotate-scale-down-ver {
    animation: rotate-scale-down-ver 0.65s linear 0s 1 both;
}

.rotate-scale-down-ver-infinite {
    animation: rotate-scale-down-ver 0.65s linear 0s 1 infinite both;
}

/*rotate-scale-up-diag-1
Rotate Scale Up Diag 1 */

@keyframes rotate-scale-up-diag-1 {
    0% {
        transform: scale(1) rotate3d(1, 1, 0, 0deg);
    }

    50% {
        transform: scale(2) rotate3d(1, 1, 0, -180deg);
    }

    100% {
        transform: scale(1) rotate3d(1, 1, 0, -360deg);
    }
}

.rotate-scale-up-diag-1 {
    animation: rotate-scale-up-diag-1 0.7s linear 0s 1 both;
}

.rotate-scale-up-diag-1-infinite {
    animation: rotate-scale-up-diag-1 0.7s linear 0s 1 infinite both;
}

/* rotate-scale-down-diag-1
Rotate Scale Down Diag 1 */

@keyframes rotate-scale-down-diag-1 {
    0% {
        transform: scale(1) rotate3d(1, 1, 0, 0deg);
    }

    50% {
        transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
    }

    100% {
        transform: scale(1) rotate3d(1, 1, 0, -360deg);
    }
}

.rotate-scale-down-diag-1 {
    animation: rotate-scale-down-diag-1 0.7s linear 0s 1 both;
}

.rotate-scale-down-diag-1-infinite {
    animation: rotate-scale-down-diag-1 0.7s linear 0s 1 infinite both;
}

/* rotate-scale-up-diag-2
Rotate Scale Up Diag 2 */

@keyframes rotate-scale-up-diag-2 {
    0% {
        transform: scale(1) rotate3d(-1, 1, 0, 0deg);
    }

    50% {
        transform: scale(2) rotate3d(-1, 1, 0, 180deg);
    }

    100% {
        transform: scale(1) rotate3d(-1, 1, 0, 360deg);
    }
}

.rotate-scale-up-diag-2 {
    animation: rotate-scale-up-diag-2 0.7s linear 0s 1 both;
}

.rotate-scale-up-diag-2-infinite {
    animation: rotate-scale-up-diag-2 0.7s linear 0s 1 infinite both;
}

/* rotate-scale-down-diag-2
Rotate Scale Down Diag 2 */

@keyframes rotate-scale-down-diag-2 {
    0% {
        transform: scale(1) rotate3d(-1, 1, 0, 0deg);
    }

    50% {
        transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
    }

    100% {
        transform: scale(1) rotate3d(-1, 1, 0, 360deg);
    }
}

.rotate-scale-down-diag-2 {
    animation: rotate-scale-down-diag-2 0.7s linear 0s 1 both;
}

    .rotate-scale-down-diag-2 -infinite {
        animation: rotate-scale-down-diag-2 0.7s linear 0s 1 infinite both;
    }



























/* File: rotate-in-2.css */
/* rotate-in-2-cw
Rotate In 2 Clockwise */

@keyframes rotate-in-2-cw {
    0% {
        transform: rotate(-45deg);
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        opacity: 1;
    }
}

.rotate-in-2-cw {
    animation: rotate-in-2-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-2-cw-infinite {
    animation: rotate-in-2-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-2-ccw
Rotate In 2 Counter Clockwise */

@keyframes rotate-in-2-ccw {
    0% {
        transform: rotate(45deg);
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        opacity: 1;
    }
}

.rotate-in-2-ccw {
    animation: rotate-in-2-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-2-ccw-infinite {
    animation: rotate-in-2-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-2-fwd-cw
Rotate In 2 Forward Clockwise */

@keyframes rotate-in-2-fwd-cw {
    0% {
        transform: translateZ(-200px) rotate(-45deg);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) rotate(0);
        opacity: 1;
    }
}

.rotate-in-2-fwd-cw {
    animation: rotate-in-2-fwd-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-2-fwd-cw-infinite {
    animation: rotate-in-2-fwd-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-2-fwd-ccw
Rotate In 2 Forward Counter Clockwise */

@keyframes rotate-in-2-fwd-ccw {
    0% {
        transform: translateZ(-200px) rotate(45deg);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) rotate(0);
        opacity: 1;
    }
}

.rotate-in-2-fwd-ccw {
    animation: rotate-in-2-fwd-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-2-fwd-ccw-infinite {
    animation: rotate-in-2-fwd-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-2-bck-cw
Rotate In 2 Back Clockwise */

@keyframes rotate-in-2-bck-cw {
    0% {
        transform: translateZ(200px) rotate(-45deg);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) rotate(0);
        opacity: 1;
    }
}

.rotate-in-2-bck-cw {
    animation: rotate-in-2-bck-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-2-bck-cw-infinite {
    animation: rotate-in-2-bck-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-2-bck-ccw
Rotate In 2 Back Counter Clockwise */

@keyframes rotate-in-2-bck-ccw {
    0% {
        transform: translateZ(200px) rotate(45deg);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) rotate(0);
        opacity: 1;
    }
}

.rotate-in-2-bck-ccw {
    animation: rotate-in-2-bck-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

rotate-in-2-bck-ccw-infinite {
    animation: rotate-in-2-bck-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-2-tr-cw
Rotate In 2 Top Right Clockwise */

@keyframes rotate-in-2-tr-cw {
    0% {
        transform: rotate(-45deg);
        transform-origin: 100% 0%;
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

.rotate-in-2-tr-cw {
    animation: rotate-in-2-tr-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-2-tr-cw-infinite {
    animation: rotate-in-2-tr-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-2-tr-ccw
Rotate In 2 Top Right Counter Clockwise */

@keyframes rotate-in-2-tr-ccw {
    0% {
        transform: rotate(45deg);
        transform-origin: 100% 0%;
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

.rotate-in-2-tr-ccw {
    animation: rotate-in-2-tr-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-2-tr-ccw-infinite {
    animation: rotate-in-2-tr-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-2-br-cw
Rotate In 2 Bottom Right Clockwise */

@keyframes rotate-in-2-br-cw {
    0% {
        transform: rotate(-45deg);
        transform-origin: 100% 100%;
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        transform-origin: 100% 100%;
        opacity: 1;
    }
}

.rotate-in-2-br-cw {
    animation: rotate-in-2-br-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-2-br-cw-infinte {
    animation: rotate-in-2-br-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-2-br-ccw
Rotate In 2 Bottom Right Counter Clockwise */

@keyframes rotate-in-2-br-ccw {
    0% {
        transform: rotate(45deg);
        transform-origin: 100% 100%;
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        transform-origin: 100% 100%;
        opacity: 1;
    }
}

.rotate-in-2-br-ccw {
    animation: rotate-in-2-br-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-2-br-ccw-infinite {
    animation: rotate-in-2-br-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-2-bl-cw
Rotate In 2 Bottom Left Clockwise */

@keyframes rotate-in-2-bl-cw {
    0% {
        transform: rotate(-45deg);
        transform-origin: 0 100%;
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        transform-origin: 0 100%;
        opacity: 1;
    }
}

.rotate-in-2-bl-cw {
    animation: rotate-in-2-bl-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-2-bl-cw-infinite {
    animation: rotate-in-2-bl-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-2-bl-ccw
Rotate In 2 Bottom Left Counter Clockwise */

@keyframes rotate-in-2-bl-ccw {
    0% {
        transform: rotate(45deg);
        transform-origin: 0 100%;
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        transform-origin: 0 100%;
        opacity: 1;
    }
}

.rotate-in-2-bl-ccw {
    animation: rotate-in-2-bl-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-2-bl-ccw-infinite {
    animation: rotate-in-2-bl-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-2-tl-cw
Rotate In 2 Top Left Clockwise */

@keyframes rotate-in-2-tl-cw {
    0% {
        transform: rotate(-45deg);
        transform-origin: 0 0;
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        transform-origin: 0 0;
        opacity: 1;
    }
}

.rotate-in-2-tl-cw {
    animation: rotate-in-2-tl-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-2-tl-cw-infinite {
    animation: rotate-in-2-tl-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-2-tl-ccw
Rotate In 2 Top Left Counter Clockwise */

@keyframes rotate-in-2-tl-ccw {
    0% {
        transform: rotate(45deg);
        transform-origin: 0 0;
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        transform-origin: 0 0;
        opacity: 1;
    }
}

.rotate-in-2-tl-ccw {
    animation: rotate-in-2-tl-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-2-tl-ccw-infinite {
    animation: rotate-in-2-tl-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


























/* File: rotate-in.css */
/* rotate-in-center
Rotate In Center */

@keyframes rotate-in-center {
    0% {
        transform: rotate(-360deg);
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        opacity: 1;
    }
}

.rotate-in-center {
    animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-center-infinite {
    animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-top
Rotate In Top */

@keyframes rotate-in-top {
    0% {
        transform: rotate(-360deg);
        transform-origin: top;
        opacity: 0;
    }

    100% {
        transform: rotate(0deg);
        transform-origin: top;
        opacity: 1;
    }
}

.rotate-in-top {
    animation: rotate-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-top-infinite {
    animation: rotate-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-tr
Rotate In Top Right */

@keyframes rotate-in-tr {
    0% {
        transform: rotate(-360deg);
        transform-origin: top right;
        opacity: 0;
    }

    100% {
        transform: rotate(0deg);
        transform-origin: top right;
        opacity: 1;
    }
}

.rotate-in-tr {
    animation: rotate-in-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-tr-infinite {
    animation: rotate-in-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-right
Rotate In Right */

@keyframes rotate-in-right {
    0% {
        transform: rotate(-360deg);
        transform-origin: right;
        opacity: 0;
    }

    100% {
        transform: rotate(0deg);
        transform-origin: right;
        opacity: 1;
    }
}

.rotate-in-right {
    animation: rotate-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-right-infinite {
    animation: rotate-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-br
Rotate In Bottom Right */

@keyframes rotate-in-br {
    0% {
        transform: rotate(-360deg);
        transform-origin: bottom right;
        opacity: 0;
    }

    100% {
        transform: rotate(0deg);
        transform-origin: bottom right;
        opacity: 1;
    }
}

.rotate-in-br {
    animation: rotate-in-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-br-infinite {
    animation: rotate-in-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-bottom
Rotate In Bottom */

@keyframes rotate-in-bottom {
    0% {
        transform: rotate(-360deg);
        transform-origin: bottom;
        opacity: 0;
    }

    100% {
        transform: rotate(0deg);
        transform-origin: bottom;
        opacity: 1;
    }
}

.rotate-in-bottom {
    animation: rotate-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-bottom-infinite {
    animation: rotate-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-bl
Rotate In Bottom Left */

@keyframes rotate-in-bl {
    0% {
        transform: rotate(-360deg);
        transform-origin: bottom left;
        opacity: 0;
    }

    100% {
        transform: rotate(0deg);
        transform-origin: bottom left;
        opacity: 1;
    }
}

.rotate-in-bl {
    animation: rotate-in-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-bl-infinite {
    animation: rotate-in-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-left
Rotate In Left */

@keyframes rotate-in-left {
    0% {
        transform: rotate(-360deg);
        transform-origin: left;
        opacity: 0;
    }

    100% {
        transform: rotate(0deg);
        transform-origin: left;
        opacity: 1;
    }
}

.rotate-in-left {
    animation: rotate-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-left-infinite {
    animation: rotate-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-tl
Rotate In Top Left */

@keyframes rotate-in-tl {
    0% {
        transform: rotate(-360deg);
        transform-origin: top left;
        opacity: 0;
    }

    100% {
        transform: rotate(0deg);
        transform-origin: top left;
        opacity: 1;
    }
}

.rotate-in-tl {
    animation: rotate-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-tl-infinite {
    animation: rotate-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-hor
Rotate In Horizontal */

@keyframes rotate-in-hor {
    0% {
        transform: rotateX(360deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

.rotate-in-hor {
    animation: rotate-in-hor 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-hor-infinite {
    animation: rotate-in-hor 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-ver
Rotate In Vertical */

@keyframes rotate-in-ver {
    0% {
        transform: rotateY(-360deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0deg);
        opacity: 1;
    }
}

.rotate-in-ver {
    animation: rotate-in-ver 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-ver-infinite {
    animation: rotate-in-ver 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-diag-1
Rotate In Diag 1 */

@keyframes rotate-in-diag-1 {
    0% {
        transform: rotate3d(1, 1, 0, -360deg);
        opacity: 0;
    }

    100% {
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1;
    }
}

.rotate-in-diag-1 {
    animation: rotate-in-diag-1 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-diag-1-infinite {
    animation: rotate-in-diag-1 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* rotate-in-diag-2
Rotate In Diag 2 */

@keyframes rotate-in-diag-2 {
    0% {
        transform: rotate3d(-1, 1, 0, -360deg);
        opacity: 0;
    }

    100% {
        transform: rotate3d(-1, 1, 0, 0deg);
        opacity: 1;
    }
}

.rotate-in-diag-2 {
    animation: rotate-in-diag-2 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-in-diag-2-infinite {
    animation: rotate-in-diag-2 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}






















/* File: rotate.css */
/* rotate-center
Rotate Center*/
@keyframes rotate-center {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.rotate-center {
    animation: rotate-center 0.6s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s 1 both;
}

.rotate-center-infinte {
    animation: rotate-center 0.6s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s 1 infinite both;
}
/*rotate-top
Rotate Top */

@keyframes rotate-top {
    0% {
        transform: rotate(0);
        transform-origin: top;
    }

    100% {
        transform: rotate(360deg);
        transform-origin: top;
    }
}

.rotate-top {
    animation: rotate-top 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.rotate-top-infinite {
    animation: rotate-top 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* rotate-tr
Rotate Top Right */

@keyframes rotate-tr {
    0% {
        transform: rotate(0);
        transform-origin: top right;
    }

    100% {
        transform: rotate(360deg);
        transform-origin: top right;
    }
}

.rotate-tr {
    animation: rotate-tr 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.rotate-tr-infinite {
    animation: rotate-tr 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* rotate-right
Rotate Right */

@keyframes rotate-right {
    0% {
        transform: rotate(0);
        transform-origin: right;
    }

    100% {
        transform: rotate(360deg);
        transform-origin: right;
    }
}

.rotate-right {
    animation: rotate-right 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.rotate-right-infinite {
    animation: rotate-right 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

















/* File: Rotate_Out.css */

/* 
rotate-out-center
Rotate Out Center
 */


@keyframes rotate-out-center {
    0% {
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform: rotate(-360deg);
        opacity: 0;
    }
}

.rotate-out-center {
    animation: rotate-out-center 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.rotate-out-center-infinite {
    animation: rotate-out-center 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 

rotate-out-top
Rotate Out Top */

@keyframes rotate-out-top {
    0% {
        transform: rotate(0);
        transform-origin: top;
        opacity: 1;
    }

    100% {
        transform: rotate(-360deg);
        transform-origin: top;
        opacity: 0;
    }
}

.rotate-out-top {
    animation: rotate-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.rotate-out-top-infinite {
    animation: rotate-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
rotate-out-tr
Rotate Out Top Right
 */

@keyframes rotate-out-tr {
    0% {
        transform: rotate(0);
        transform-origin: top right;
        opacity: 1;
    }

    100% {
        transform: rotate(-360deg);
        transform-origin: top right;
        opacity: 0;
    }
}

.rotate-out-tr {
    animation: rotate-out-tr 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.rotate-out-tr-infinite {
    animation: rotate-out-tr 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}
/* 
rotate-out-right
Rotate Out Right
 */

@keyframes rotate-out-right {
    0% {
        transform: rotate(0);
        transform-origin: right;
        opacity: 1;
    }

    100% {
        transform: rotate(-360deg);
        transform-origin: right;
        opacity: 0;
    }
}

.rotate-out-right {
    animation: rotate-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.rotate-out-right-infinite {
    animation: rotate-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
rotate-out-br
Rotate Out Bottom Right
 */

@keyframes rotate-out-br {
    0% {
        transform: rotate(0);
        transform-origin: bottom right;
        opacity: 1;
    }

    100% {
        transform: rotate(-360deg);
        transform-origin: bottom right;
        opacity: 0;
    }
}

.rotate-out-br {
    animation: rotate-out-br 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.rotate-out-br-infinite {
    animation: rotate-out-br 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
rotate-out-bottom
Rotate Out Bottom
 */

@keyframes rotate-out-bottom {
    0% {
        transform: rotate(0);
        transform-origin: bottom;
        opacity: 1;
    }

    100% {
        transform: rotate(-360deg);
        transform-origin: bottom;
        opacity: 0;
    }
}

.rotate-out-bottom {
    animation: rotate-out-bottom 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.rotate-out-bottom-infinite {
    animation: rotate-out-bottom 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}
/* 
rotate-out-bl
Rotate Out Bottom Left
 */

@keyframes rotate-out-bl {
    0% {
        transform: rotate(0);
        transform-origin: bottom left;
        opacity: 1;
    }

    100% {
        transform: rotate(-360deg);
        transform-origin: bottom left;
        opacity: 0;
    }
}

.rotate-out-bl {
    animation: rotate-out-bl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.rotate-out-bl-infinite {
    animation: rotate-out-bl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}


/* 
rotate-out-left
Rotate Out Left
 */

@keyframes rotate-out-left {
    0% {
        transform: rotate(0);
        transform-origin: left;
        opacity: 1;
    }

    100% {
        transform: rotate(-360deg);
        transform-origin: left;
        opacity: 0;
    }
}

.rotate-out-left {
    animation: rotate-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.rotate-out-left-infinite {
    animation: rotate-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}


/* 
rotate-out-tl
Rotate Out Top Left
 */

@keyframes rotate-out-tl {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        opacity: 1;
    }

    100% {
        transform: rotate(-360deg);
        transform-origin: top left;
        opacity: 0;
    }
}

.rotate-out-tl {
    animation: rotate-out-tl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.rotate-out-tl-infinite {
    animation: rotate-out-tl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
rotate-out-hor
Rotate Out Horizontal
 */


@keyframes rotate-out-hor {
    0% {
        transform: rotateX(360deg);
        opacity: 1;
    }

    100% {
        transform: rotateX(0deg);
        opacity: 0;
    }
}

.rotate-out-hor {
    animation: rotate-out-hor 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.rotate-out-hor-infinite {
    animation: rotate-out-hor 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}


/* 
rotate-out-ver
Rotate Out Vertical
 */

@keyframes rotate-out-ver {
    0% {
        transform: rotateY(360deg);
        opacity: 1;
    }

    100% {
        transform: rotateY(0deg);
        opacity: 0;
    }
}

.rotate-out-ver {
    animation: rotate-out-ver 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.rotate-out-ver-infinite {
    animation: rotate-out-ver 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}


/* 
rotate-out-diag-1
Rotate Out Diag 1
 */


@keyframes rotate-out-diag-1 {
    0% {
        transform: rotate3d(1, 1, 0, 360deg);
        opacity: 1;
    }

    100% {
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 0;
    }
}

.rotate-out-diag-1 {
    animation: rotate-out-diag-1 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.rotate-out-diag-1-infinite {
    animation: rotate-out-diag-1 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
rotate-out-diag-2
Rotate Out Diag 2 */


@keyframes rotate-out-diag-2 {
    0% {
        transform: rotate3d(-1, 1, 0, 360deg);
        opacity: 1;
    }

    100% {
        transform: rotate3d(-1, 1, 0, 0deg);
        opacity: 0;
    }
}

.rotate-out-diag-2 {
    animation: rotate-out-diag-2 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.rotate-out-diag-2-infinite {
    animation: rotate-out-diag-2 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}


/* File: Rotate_Out_2.css */

/* 
rotate-out-2-cw
Rotate Out 2 Clockwise
 */
@keyframes rotate-out-2-cw {
    0% {
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform: rotate(45deg);
        opacity: 0;
    }
}

.rotate-out-2-cw {
    animation: rotate-out-2-cw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-out-2-cw-infinite {
    animation: rotate-out-2-cw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
rotate-out-2-ccw
Rotate Out 2 Counter Clockwise
 */

@keyframes rotate-out-2-ccw {
    0% {
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.rotate-out-2-ccw {
    animation: rotate-out-2-ccw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-out-2-ccw-infinite {
    animation: rotate-out-2-ccw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
rotate-out-2-bck
Rotate Out 2 Back
 */

@keyframes rotate-out-2-bck {
    0% {
        transform: translateZ(0) rotate(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-180px) rotate(-45deg);
        opacity: 0;
    }
}

.rotate-out-2-bck {
    animation: rotate-out-2-bck 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-out-2-bck-infinite {
    animation: rotate-out-2-bck 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
rotate-out-2-fwd
Rotate Out 2 Forward
 */

@keyframes rotate-out-2-fwd {
    0% {
        transform: translateZ(0) rotate(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(180px) rotate(45deg);
        opacity: 0;
    }
}

.rotate-out-2-fwd {
    animation: rotate-out-2-fwd 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-out-2-fwd-infinite {
    animation: rotate-out-2-fwd 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
rotate-out-2-tr-cw
Rotate Out 2 Top Right Clockwise

 */

@keyframes rotate-out-2-tr-cw {
    0% {
        transform: rotate(0);
        transform-origin: 100% 0%;
        opacity: 1;
    }

    100% {
        transform: rotate(45deg);
        transform-origin: 100% 0%;
        opacity: 0;
    }
}

.rotate-out-2-tr-cw {
    animation: rotate-out-2-tr-cw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-out-2-tr-cw-infinite {
    animation: rotate-out-2-tr-cw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
rotate-out-2-tr-ccw
Rotate Out 2 Top Right Counter Clockwise
 */


@keyframes rotate-out-2-tr-ccw {
    0% {
        transform: rotate(0);
        transform-origin: 100% 0%;
        opacity: 1;
    }

    100% {
        transform: rotate(-45deg);
        transform-origin: 100% 0%;
        opacity: 0;
    }
}

.rotate-out-2-tr-ccw {
    animation: rotate-out-2-tr-ccw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-out-2-tr-ccw-infinite {
    animation: rotate-out-2-tr-ccw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
rotate-out-2-br-cw
Rotate Out 2 Bottom Right Clockwise
 */

@keyframes rotate-out-2-br-cw {
    0% {
        transform: rotate(0);
        transform-origin: 100% 100%;
        opacity: 1;
    }

    100% {
        transform: rotate(45deg);
        transform-origin: 100% 100%;
        opacity: 0;
    }
}

.rotate-out-2-br-cw {
    animation: rotate-out-2-br-cw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-out-2-br-cw-infinite {
    animation: rotate-out-2-br-cw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
rotate-out-2-br-ccw
Rotate Out 2 Bottom Right Counter Clockwise
 */

@keyframes rotate-out-2-br-ccw {
    0% {
        transform: rotate(0);
        transform-origin: 100% 100%;
        opacity: 1;
    }

    100% {
        transform: rotate(-45deg);
        transform-origin: 100% 100%;
        opacity: 0;
    }
}

.rotate-out-2-br-ccw {
    animation: rotate-out-2-br-ccw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-out-2-br-ccw-infinite {
    animation: rotate-out-2-br-ccw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
rotate-out-2-bl-cw
Rotate Out 2 Bottom Left Clockwise
 */

@keyframes rotate-out-2-bl-cw {
    0% {
        transform: rotate(0);
        transform-origin: 0 100%;
        opacity: 1;
    }

    100% {
        transform: rotate(45deg);
        transform-origin: 0 100%;
        opacity: 0;
    }
}

.rotate-out-2-bl-cw {
    animation: rotate-out-2-bl-cw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-out-2-bl-cw-infinite {
    animation: rotate-out-2-bl-cw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
rotate-out-2-bl-ccw
Rotate Out 2 Bottom Left Counter Clockwise
 */

@keyframes rotate-out-2-bl-ccw {
    0% {
        transform: rotate(0);
        transform-origin: 0 100%;
        opacity: 1;
    }

    100% {
        transform: rotate(-45deg);
        transform-origin: 0 100%;
        opacity: 0;
    }
}

.rotate-out-2-bl-ccw {
    animation: rotate-out-2-bl-ccw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-out-2-bl-ccw-infinite {
    animation: rotate-out-2-bl-ccw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
rotate-out-2-tl-cw
Rotate Out 2 Top Left Clockwise
 */

@keyframes rotate-out-2-tl-cw {
    0% {
        transform: rotate(0);
        transform-origin: 0 0;
        opacity: 1;
    }

    100% {
        transform: rotate(45deg);
        transform-origin: 0 0;
        opacity: 0;
    }
}

.rotate-out-2-tl-cw {
    animation: rotate-out-2-tl-cw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-out-2-tl-cw-infinite {
    animation: rotate-out-2-tl-cw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
rotate-out-2-tl-ccw
Rotate Out 2 Top Left Counter Clockwise
 */

@keyframes rotate-out-2-tl-ccw {
    0% {
        transform: rotate(0);
        transform-origin: 0 0;
        opacity: 1;
    }

    100% {
        transform: rotate(-45deg);
        transform-origin: 0 0;
        opacity: 0;
    }
}

.rotate-out-2-tl-ccw {
    animation: rotate-out-2-tl-ccw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.rotate-out-2-tl-ccw-infinite {
    animation: rotate-out-2-tl-ccw 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}




/* File: scale down.css */
/*scale-down-center
Scale Down Center*/
@keyframes scale-down-center {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.5);
    }
}

.scale-down-center {
    animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-down-center-infinite {
    animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* scale-down-top
Scale Down Top */
@keyframes scale-down-top {
    0% {
        transform: scale(1);
        transform-origin: 50% 0%;
    }

    100% {
        transform: scale(0.5);
        transform-origin: 50% 0%;
    }
}

.scale-down-top {
    animation: scale-down-top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-down-top-infinite {
    animation: scale-down-top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-down-tr
Scale Down Top Right */

@keyframes scale-down-tr {
    0% {
        transform: scale(1);
        transform-origin: 100% 0%;
    }

    100% {
        transform: scale(0.5);
        transform-origin: 100% 0%;
    }
}

.scale-down-tr {
    animation: scale-down-tr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-down-tr-infinite {
    animation: scale-down-tr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-down-right
Scale Down Right */

@keyframes scale-down-right {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%;
    }

    100% {
        transform: scale(0.5);
        transform-origin: 100% 50%;
    }
}

.scale-down-right {
    animation: scale-down-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-down-right-infinite {
    animation: scale-down-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-down-br
Scale Down Bottom Right */

@keyframes scale-down-br {
    0% {
        transform: scale(1);
        transform-origin: 100% 100%;
    }

    100% {
        transform: scale(0.5);
        transform-origin: 100% 100%;
    }
}

.scale-down-br {
    animation: scale-down-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-down-br-infinite {
    animation: scale-down-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-down-bottom
Scale Down Bottom */

@keyframes scale-down-bottom {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%;
    }

    100% {
        transform: scale(0.5);
        transform-origin: 50% 100%;
    }
}

.scale-down-bottom {
    animation: scale-down-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-down-bottom-infinite {
    animation: scale-down-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-down-bl
Scale Down Bottom Left */

@keyframes scale-down-bl {
    0% {
        transform: scale(1);
        transform-origin: 0% 100%;
    }

    100% {
        transform: scale(0.5);
        transform-origin: 0% 100%;
    }
}

.scale-down-bl {
    animation: scale-down-bl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-down-bl-infinte {
    animation: scale-down-bl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* scale-down-left
Scale Down Left */

@keyframes scale-down-left {
    0% {
        transform: scale(1);
        transform-origin: 0% 50%;
    }

    100% {
        transform: scale(0.5);
        transform-origin: 0% 50%;
    }
}

.scale-down-left {
    animation: scale-down-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-down-left-infinite {
    animation: scale-down-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* scale-down-tl
Scale Down Top Left */

@keyframes scale-down-tl {
    0% {
        transform: scale(1);
        transform-origin: 0% 0%;
    }

    100% {
        transform: scale(0.5);
        transform-origin: 0% 0%;
    }
}

.scale-down-tl {
    animation: scale-down-tl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-down-tl-infinte {
    animation: scale-down-tl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/*
scale-down-hor-center
Scale Down Horizontal Center

*/

@keyframes scale-down-hor-center {
    0% {
        transform: scaleX(1);
    }

    100% {
        transform: scaleX(0.3);
    }
}

.scale-down-hor-center {
    animation: scale-down-hor-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

scale-down-hor-center-infinite {
    animation: scale-down-hor-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/*scale-down-hor-left
Scale Down Horizontal Left */

@keyframes scale-down-hor-left {
    0% {
        transform: scaleX(1);
        transform-origin: 0% 0%;
    }

    100% {
        transform: scaleX(0.3);
        transform-origin: 0% 0%;
    }
}

.scale-down-hor-left {
    animation: scale-down-hor-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-down-hor-left-infinite {
    animation: scale-down-hor-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-down-hor-right
Scale Down Horizontal Right */

@keyframes scale-down-hor-right {
    0% {
        transform: scaleX(1);
        transform-origin: 100% 100%;
    }

    100% {
        transform: scaleX(0.3);
        transform-origin: 100% 100%;
    }
}

.scale-down-hor-right {
    animation: scale-down-hor-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-down-hor-right-infinite {
    animation: scale-down-hor-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* scale-down-ver-center
Scale Down Vertical Center */

@keyframes scale-down-ver-center {
    0% {
        transform: scaleY(1);
    }

    100% {
        transform: scaleY(0.3);
    }
}

.scale-down-ver-center {
    animation: scale-down-ver-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

scale-down-ver-center-infinite {
    animation: scale-down-ver-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-down-ver-top
Scale Down Vertical Top */

@keyframes scale-down-ver-top {
    0% {
        transform: scaleY(1);
        transform-origin: 100% 0%;
    }

    100% {
        transform: scaleY(0.3);
        transform-origin: 100% 0%;
    }
}

.scale-down-ver-top {
    animation: scale-down-ver-top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-down-ver-top-infinite {
    animation: scale-down-ver-top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-down-ver-bottom
Scale Down Vertical Bottom */

@keyframes scale-down-ver-bottom {
    0% {
        transform: scaleY(1);
        transform-origin: 0% 100%;
    }

    100% {
        transform: scaleY(0.3);
        transform-origin: 0% 100%;
    }
}

.scale-down-ver-bottom {
    animation: scale-down-ver-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-down-ver-bottom-infinte {
    animation: scale-down-ver-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}




















































/* File: scale up.css */
/* scale-up-center
Scale Up Center */

@keyframes scale-up-center {
    0% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
    }
}

.scale-up-center {
    animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}


.scale-up-center-infinite {
    animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/* scale-up-top
Scale Up Top */

@keyframes scale-up-top {
    0% {
        transform: scale(0.5);
        transform-origin: 50% 0%;
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 0%;
    }
}

.scale-up-top {
    animation: scale-up-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.scale-up-top-infinite {
    animation: scale-up-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/*scale-up-tr
Scale Up Top Right */



@keyframes scale-up-tr {
    0% {
        transform: scale(0.5);
        transform-origin: 100% 0%;
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 0%;
    }
}

.scale-up-tr {
    animation: scale-up-tr 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.scale-up-tr-infinite {
    animation: scale-up-tr 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/* scale-up-right
Scale Up Right */

@keyframes scale-up-right {
    0% {
        transform: scale(0.5);
        transform-origin: 100% 50%;
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 50%;
    }
}

.scale-up-right {
    animation: scale-up-right 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.scale-up-right-infinite {
    animation: scale-up-right 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/*scale-up-br
Scale Up Bottom Right */
@keyframes scale-up-br {
    0% {
        transform: scale(0.5);
        transform-origin: 100% 100%;
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 100%;
    }
}

.scale-up-br {
    animation: scale-up-br 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.scale-up-br-infinite {
    animation: scale-up-br 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}
/*scale-up-bottom
Scale Up Bottom */

@keyframes scale-up-bottom {
    0% {
        transform: scale(0.5);
        transform-origin: 50% 100%;
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 100%;
    }
}

.scale-up-bottom {
    animation: scale-up-bottom 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.scale-up-bottom-infinite {
    animation: scale-up-bottom 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}


/*scale-up-bl
Scale Up Bottom Left */

@keyframes scale-up-bl {
    0% {
        transform: scale(0.5);
        transform-origin: 0% 100%;
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 100%;
    }
}

.scale-up-bl-infinite {
    animation: scale-up-bl 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/*scale-up-left
Scale Up Left */
@keyframes scale-up-left {
    0% {
        transform: scale(0.5);
        transform-origin: 0% 50%;
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 50%;
    }
}

.scale-up-left {
    animation: scale-up-left 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}


.scale-up-left-infinite {
    animation: scale-up-left 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/*scale-up-tl
Scale Up Top Left*/

@keyframes scale-up-tl {
    0% {
        transform: scale(0.5);
        transform-origin: 0% 0%;
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 0%;
    }
}

scale-up-tl {
    animation: scale-up-tl 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}


.scale-up-tl-infinite {
    animation: scale-up-tl 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}
/*scale-up-hor-center
Scale Up Horizontal Center */
@keyframes scale-up-hor-center {
    0% {
        transform: scaleX(0.4);
    }

    100% {
        transform: scaleX(1);
    }
}

.scale-up-hor-center {
    animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.scale-up-hor-center-infinite {
    animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}


/*scale-up-hor-left
Scale Up Horizontal Left */

@keyframes scale-up-hor-left {
    0% {
        transform: scaleX(0.4);
        transform-origin: 0% 0%;
    }

    100% {
        transform: scaleX(1);
        transform-origin: 0% 0%;
    }
}

.scale-up-hor-left {
    animation: scale-up-hor-left 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.scale-up-hor-left-infinite {
    animation: scale-up-hor-left 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}


/*scale-up-hor-right
Scale Up Horizontal Right */

@keyframes scale-up-hor-right {
    0% {
        transform: scaleX(0.4);
        transform-origin: 100% 100%;
    }

    100% {
        transform: scaleX(1);
        transform-origin: 100% 100%;
    }
}

.scale-up-hor-right {
    animation: scale-up-hor-right 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.scale-up-hor-right-infinite {
    animation: scale-up-hor-right 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/*scale-up-ver-center
Scale Up Vertical Center */

@keyframes scale-up-ver-center {
    0% {
        transform: scaleY(0.4);
    }

    100% {
        transform: scaleY(1);
    }
}

.scale-up-ver-center {
    animation: scale-up-ver-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.scale-up-ver-center-infinite {
    animation: scale-up-ver-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/* scale-up-ver-top
Scale Up Vertical Top */

@keyframes scale-up-ver-top {
    0% {
        transform: scaleY(0.4);
        transform-origin: 100% 0%;
    }

    100% {
        transform: scaleY(1);
        transform-origin: 100% 0%;
    }
}

.scale-up-ver-top {
    animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.scale-up-ver-top-infinite {
    animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

/* scale-up-ver-bottom
Scale Up Vertical Bottom */

@keyframes scale-up-ver-bottom {
    0% {
        transform: scaleY(0.4);
        transform-origin: 0% 100%;
    }

    100% {
        transform: scaleY(1);
        transform-origin: 0% 100%;
    }
}

.scale-up-ver-bottom {
    animation: scale-up-ver-bottom 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 both;
}

.scale-up-ver-bottom-infinite {
    animation: scale-up-ver-bottom 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0s 1 infinite both;
}

















/* File: scale-in.css */
/* scale-in-center
Scale In Center */

@keyframes scale-in-center {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.scale-in-center {
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-in-center-infinite {
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-in-top
Scale In Top */

@keyframes scale-in-top {
    0% {
        transform: scale(0);
        transform-origin: 50% 0%;
        opacity: 1;
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 0%;
        opacity: 1;
    }
}

.scale-in-top {
    animation: scale-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-in-top-infinite {
    animation: scale-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-in-tr
Scale In Top Right */

@keyframes scale-in-tr {
    0% {
        transform: scale(0);
        transform-origin: 100% 0%;
        opacity: 1;
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

.scale-in-tr {
    animation: scale-in-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-in-tr-infinite {
    animation: scale-in-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-in-right
Scale In Right */

@keyframes scale-in-right {
    0% {
        transform: scale(0);
        transform-origin: 100% 50%;
        opacity: 1;
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 50%;
        opacity: 1;
    }
}

.scale-in-right {
    animation: scale-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-in-right-infinite {
    animation: scale-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-in-br
Scale In Bottom Right */

@keyframes scale-in-br {
    0% {
        transform: scale(0);
        transform-origin: 100% 100%;
        opacity: 1;
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 100%;
        opacity: 1;
    }
}

.scale-in-br {
    animation: scale-in-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-in-br-infinite {
    animation: scale-in-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-in-bottom
Scale In Bottom */

@keyframes scale-in-bottom {
    0% {
        transform: scale(0);
        transform-origin: 50% 100%;
        opacity: 1;
    }

    100% {
        transform: scale(1);
        transform-origin: 50% 100%;
        opacity: 1;
    }
}

.scale-in-bottom {
    animation: scale-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-in-bottom-infinite {
    animation: scale-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-in-bl
Scale In Bottom Left */

@keyframes scale-in-bl {
    0% {
        transform: scale(0);
        transform-origin: 0% 100%;
        opacity: 1;
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 100%;
        opacity: 1;
    }
}

.scale-in-bl {
    animation: scale-in-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-in-bl-infinite {
    animation: scale-in-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-in-left
Scale In Left */

@keyframes scale-in-left {
    0% {
        transform: scale(0);
        transform-origin: 0% 50%;
        opacity: 1;
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 50%;
        opacity: 1;
    }
}

.scale-in-left {
    animation: scale-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-in-left-infinite {
    animation: scale-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-in-tl
Scale In Top Left */

@keyframes scale-in-tl {
    0% {
        transform: scale(0);
        transform-origin: 0% 0%;
        opacity: 1;
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 0%;
        opacity: 1;
    }
}

.scale-in-tl {
    animation: scale-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-in-tl-infinite {
    animation: scale-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-in-hor-center
Scale In Horizontal Center
 */

@keyframes scale-in-hor-center {
    0% {
        transform: scaleX(0);
        opacity: 1;
    }

    100% {
        transform: scaleX(1);
        opacity: 1;
    }
}

.scale-in-hor-center {
    animation: scale-in-hor-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-in-hor-center-infinite {
    animation: scale-in-hor-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-in-hor-left
Scale In Horizontal Left */

@keyframes scale-in-hor-left {
    0% {
        transform: scaleX(0);
        transform-origin: 0% 0%;
        opacity: 1;
    }

    100% {
        transform: scaleX(1);
        transform-origin: 0% 0%;
        opacity: 1;
    }
}

.scale-in-hor-left {
    animation: scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-in-hor-left-infinite {
    animation: scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-in-hor-right
Scale In Horizontal Right
 */

@keyframes scale-in-hor-right {
    0% {
        transform: scaleX(0);
        transform-origin: 100% 100%;
        opacity: 1;
    }

    100% {
        transform: scaleX(1);
        transform-origin: 100% 100%;
        opacity: 1;
    }
}

.scale-in-hor-right {
    animation: scale-in-hor-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-in-hor-right-infinite {
    animation: scale-in-hor-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-in-ver-center
Scale In Vertical Center */

@keyframes scale-in-ver-center {
    0% {
        transform: scaleY(0);
        opacity: 1;
    }

    100% {
        transform: scaleY(1);
        opacity: 1;
    }
}

.scale-in-ver-center {
    animation: scale-in-ver-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-in-ver-center-infinite {
    animation: scale-in-ver-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-in-ver-top
Scale In Vertical Top */

@keyframes scale-in-ver-top {
    0% {
        transform: scaleY(0);
        transform-origin: 100% 0%;
        opacity: 1;
    }

    100% {
        transform: scaleY(1);
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

.scale-in-ver-top {
    animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-in-ver-top-infinite {
    animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* scale-in-ver-bottom
Scale In Vertical Bottom
 */

@keyframes scale-in-ver-bottom {
    0% {
        transform: scaleY(0);
        transform-origin: 0% 100%;
        opacity: 1;
    }

    100% {
        transform: scaleY(1);
        transform-origin: 0% 100%;
        opacity: 1;
    }
}

.scale-in-ver-bottom {
    animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.scale-in-ver-bottom-infinite {
    animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}






/* File: Scale_Out.css */

/* 
scale-out-center
Scale Out Center
 */

@keyframes scale-out-center {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0);
        opacity: 1;
    }
}

.scale-out-center {
    animation: scale-out-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.scale-out-center-infinite {
    animation: scale-out-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
scale-out-top
Scale Out Top
 */

@keyframes scale-out-top {
    0% {
        transform: scale(1);
        transform-origin: 50% 0%;
        opacity: 1;
    }

    100% {
        transform: scale(0);
        transform-origin: 50% 0%;
        opacity: 1;
    }
}

.scale-out-top {
    animation: scale-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.scale-out-top-infinite {
    animation: scale-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
scale-out-tr
Scale Out Top Right 
*/

@keyframes scale-out-tr {
    0% {
        transform: scale(1);
        transform-origin: 100% 0%;
        opacity: 1;
    }

    100% {
        transform: scale(0);
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

.scale-out-tr {
    animation: scale-out-tr 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.scale-out-tr-infinite {
    animation: scale-out-tr 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}
/* 
scale-out-right
Scale Out Right
 */


@keyframes scale-out-right {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%;
        opacity: 1;
    }

    100% {
        transform: scale(0);
        transform-origin: 100% 50%;
        opacity: 1;
    }
}

.scale-out-right {
    animation: scale-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.scale-out-right-infinite {
    animation: scale-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}
/* 
scale-out-br
Scale Out Bottom Right
 */


@keyframes scale-out-br {
    0% {
        transform: scale(1);
        transform-origin: 100% 100%;
        opacity: 1;
    }

    100% {
        transform: scale(0);
        transform-origin: 100% 100%;
        opacity: 1;
    }
}

.scale-out-br {
    animation: scale-out-br 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.scale-out-br-infinite {
    animation: scale-out-br 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
scale-out-bottom
Scale Out Bottom
 */

@keyframes scale-out-bottom {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%;
        opacity: 1;
    }

    100% {
        transform: scale(0);
        transform-origin: 50% 100%;
        opacity: 1;
    }
}

.scale-out-bottom {
    animation: scale-out-bottom 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.scale-out-bottom-infinite {
    animation: scale-out-bottom 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
scale-out-bl
Scale Out Bottom Left
 */

@keyframes scale-out-bl {
    0% {
        transform: scale(1);
        transform-origin: 0% 100%;
        opacity: 1;
    }

    100% {
        transform: scale(0);
        transform-origin: 0% 100%;
        opacity: 1;
    }
}

.scale-out-bl {
    animation: scale-out-bl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.scale-out-bl-infinite {
    animation: scale-out-bl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}
/* 
scale-out-left
Scale Out Left */


@keyframes scale-out-left {
    0% {
        transform: scale(1);
        transform-origin: 0% 50%;
        opacity: 1;
    }

    100% {
        transform: scale(0);
        transform-origin: 0% 50%;
        opacity: 1;
    }
}

.scale-out-left {
    animation: scale-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.scale-out-left-infinite {
    animation: scale-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}
/* 
scale-out-tl
Scale Out Top Left
 */

@keyframes scale-out-tl {
    0% {
        transform: scale(1);
        transform-origin: 0 0;
        opacity: 1;
    }

    100% {
        transform: scale(0);
        transform-origin: 0 0;
        opacity: 1;
    }
}

.scale-out-tl {
    animation: scale-out-tl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.scale-out-tl-infinite {
    animation: scale-out-tl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}
/* 
scale-out-horizontal
Scale Out Horizontal
 */


@keyframes scale-out-horizontal {
    0% {
        transform: scaleX(1);
        opacity: 1;
    }

    100% {
        transform: scaleX(0);
        opacity: 1;
    }
}

.scale-out-horizontal {
    animation: scale-out-horizontal 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.scale-out-horizontal-infinite {
    animation: scale-out-horizontal 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
scale-out-hor-left
Scale Out Horizontal Left
 */

@keyframes scale-out-hor-left {
    0% {
        transform: scaleX(1);
        transform-origin: 0 0;
        opacity: 1;
    }

    100% {
        transform: scaleX(0);
        transform-origin: 0 0;
        opacity: 1;
    }
}

.scale-out-hor-left {
    animation: scale-out-hor-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.scale-out-hor-left-infinite {
    animation: scale-out-hor-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
scale-out-hor-right
Scale Out Horizontal Right
 */


@keyframes scale-out-hor-right {
    0% {
        transform: scaleX(1);
        transform-origin: 100% 100%;
        opacity: 1;
    }

    100% {
        transform: scaleX(0);
        transform-origin: 100% 100%;
        opacity: 1;
    }
}

.scale-out-hor-right {
    animation: scale-out-hor-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.scale-out-hor-right-infinite {
    animation: scale-out-hor-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
scale-out-vertical
Scale Out Vertical
 */

@keyframes scale-out-vertical {
    0% {
        transform: scaleY(1);
        opacity: 1;
    }

    100% {
        transform: scaleY(0);
        opacity: 1;
    }
}

.scale-out-vertical {
    animation: scale-out-vertical 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.scale-out-vertical-infinite {
    animation: scale-out-vertical 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
scale-out-ver-top
Scale Out Vertical Top
 */


@keyframes scale-out-ver-top {
    0% {
        transform: scaleY(1);
        transform-origin: 100% 0%;
        opacity: 1;
    }

    100% {
        transform: scaleY(0);
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

.scale-out-ver-top {
    animation: scale-out-ver-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.scale-out-ver-top-infinite {
    animation: scale-out-ver-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
scale-out-ver-bottom
Scale Out Vertical Bottom
 */


@keyframes scale-out-ver-bottom {
    0% {
        transform: scaleY(1);
        transform-origin: 0% 100%;
        opacity: 1;
    }

    100% {
        transform: scaleY(0);
        transform-origin: 0% 100%;
        opacity: 1;
    }
}

.scale-out-ver-bottom {
    animation: scale-out-ver-bottom 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.scale-out-ver-bottom-infinite {
    animation: scale-out-ver-bottom 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}


/* File: shadow drop 2.css */
/* shadow-drop-2-center
Shadow Drop 2 Center*/

@keyframes shadow-drop-2-center {
    0% {
        transform: translateZ(0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        transform: translateZ(50px);
        box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-2-center {
    animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-2-center-infinite {
    animation: shadow-drop-2-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-2-top
Shadow Drop 2 Top
 */

@keyframes shadow-drop-2-top {
    0% {
        transform: translateZ(0) translateY(0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        transform: translateZ(50px) translateY(12px);
        box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-2-top {
    animation: shadow-drop-2-top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-2-top-infinite {
    animation: shadow-drop-2-top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-2-right
Shadow Drop 2 Right */

@keyframes shadow-drop-2-right {
    0% {
        transform: translateZ(0) translateX(0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        transform: translateZ(50px) translateX(-12px);
        box-shadow: 12px 0 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-2-right {
    animation: shadow-drop-2-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-2-right-infinite {
    animation: shadow-drop-2-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-2-bottom
Shadow Drop 2 Bottom */

@keyframes shadow-drop-2-bottom {
    0% {
        transform: translateZ(0) translateY(0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        transform: translateZ(50px) translateY(-12px);
        box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-2-bottom {
    animation: shadow-drop-2-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-2-bottom-infinite {
    animation: shadow-drop-2-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-2-left
Shadow Drop 2 Left */

@keyframes shadow-drop-2-left {
    0% {
        transform: translateZ(0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        transform: translateZ(50px);
        box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.75), 12px 0 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-2-left {
    animation: shadow-drop-2-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-2-left-infinite {
    animation: shadow-drop-2-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-2-lr
Shadow Drop 2 Left Right
 */

@keyframes shadow-drop-2-lr {
    0% {
        transform: translateZ(0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        transform: translateZ(50px);
        box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.75), 12px 0 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-2-lr {
    animation: shadow-drop-2-lr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-2-lr-infinite {
    animation: shadow-drop-2-lr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-2-tb
Shadow Drop 2 Top Bottom */


@keyframes shadow-drop-2-tb {
    0% {
        transform: translateZ(0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        transform: translateZ(50px);
        box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.75), 0 12px 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-2-tb {
    animation: shadow-drop-2-tb 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-2-tb-infinite {
    animation: shadow-drop-2-tb 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-2-tr
Shadow Drop 2 Top Right
 */

@keyframes shadow-drop-2-tr {
    0% {
        transform: translateZ(0) translateX(0) translateY(0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        transform: translateZ(50px) translateX(-12px) translateY(12px);
        box-shadow: 12px -12px 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-2-tr {
    animation: shadow-drop-2-tr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-2-tr-infinite {
    animation: shadow-drop-2-tr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-2-br
Shadow Drop 2 Bottom Right */

@keyframes shadow-drop-2-br {
    0% {
        transform: translateZ(0) translateX(0) translateY(0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        transform: translateZ(50px) translateX(-12px) translateY(-12px);
        box-shadow: 12px 12px 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-2-br {
    animation: shadow-drop-2-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-2-br-infinite {
    animation: shadow-drop-2-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-2-bl
Shadow Drop 2 Bottom Left */

@keyframes shadow-drop-2-bl {
    0% {
        transform: translateZ(0) translateX(0) translateY(0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        transform: translateZ(50px) translateX(12px) translateY(-12px);
        box-shadow: -12px 12px 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-2-bl {
    animation: shadow-drop-2-bl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-2-bl-infinite {
    animation: shadow-drop-2-bl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-2-tl
Shadow Drop 2 Top Left */

@keyframes shadow-drop-2-tl {
    0% {
        transform: translateZ(0) translateX(0) translateY(0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        transform: translateZ(50px) translateX(12px) translateY(12px);
        box-shadow: -12px -12px 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-2-tl {
    animation: shadow-drop-2-tl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-2-tl-infinite {
    animation: shadow-drop-2-tl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}






/* File: Shadow Drop.css */
/* shadow-drop-center */
@keyframes shadow-drop-center {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-center {
    animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-center-infinite {
    animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-top */
@keyframes shadow-drop-top {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-top {
    animation: shadow-drop-top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-top-infinite {
    animation: shadow-drop-top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* shadow-drop-right */

@keyframes shadow-drop-right {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 12px 0 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-right {
    animation: shadow-drop-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-right-infinite {
    animation: shadow-drop-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-bottom */

@keyframes shadow-drop-bottom {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-bottom {
    animation: shadow-drop-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-bottom-infinite {
    animation: shadow-drop-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-left */

@keyframes shadow-drop-left {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-left {
    animation: shadow-drop-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-left-infinite {
    animation: shadow-drop-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-lr */

@keyframes shadow-drop-lr {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.75), 12px 0 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-lr {
    animation: shadow-drop-lr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

shadow-drop-lr-infinite {
    animation: shadow-drop-lr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-tb */

@keyframes shadow-drop-tb {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.75), 0 12px 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-tb {
    animation: shadow-drop-tb 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-tb-infinite {
    animation: shadow-drop-tb 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-tr */

@keyframes shadow-drop-tr {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 12px -12px 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-tr {
    animation: shadow-drop-tr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-tr-infinite {
    animation: shadow-drop-tr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-br */

@keyframes shadow-drop-br {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 12px 12px 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-br {
    animation: shadow-drop-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-br-infinite {
    animation: shadow-drop-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-bl */

@keyframes shadow-drop-bl {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: -12px 12px 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-bl {
    animation: shadow-drop-bl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-bl-infinite {
    animation: shadow-drop-bl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-drop-tl */

@keyframes shadow-drop-tl {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: -12px -12px 20px -12px rgba(0, 0, 0, 0.75);
    }
}

.shadow-drop-tl {
    animation: shadow-drop-tl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-drop-tl-infinite {
    animation: shadow-drop-tl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* text-shadow-drop-center */

@keyframes text-shadow-drop-center {
    0% {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        text-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
    }
}

.text-shadow-drop-center {
    animation: text-shadow-drop-center 0.6s ease 0s 1 both;
}

.text-shadow-drop-center-infinite {
    animation: text-shadow-drop-center 0.6s ease 0s 1 infinite both;
}

/* text-shadow-drop-top */

@keyframes text-shadow-drop-top {
    0% {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        text-shadow: 0 -6px 18px rgba(0, 0, 0, 0.35);
    }
}

.text-shadow-drop-top {
    animation: text-shadow-drop-top 0.6s ease 0s 1 both;
}

.text-shadow-drop-top-infinite {
    animation: text-shadow-drop-top 0.6s ease 0s 1 infinite both;
}

/* text-shadow-drop-tr */

@keyframes text-shadow-drop-tr {
    0% {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        text-shadow: 6px -6px 18px rgba(0, 0, 0, 0.35);
    }
}

.text-shadow-drop-tr {
    animation: text-shadow-drop-tr 0.6s ease 0s 1 both;
}

.text-shadow-drop-tr-infinite {
    animation: text-shadow-drop-tr 0.6s ease 0s 1 infinite both;
}

/* text-shadow-drop-right */

@keyframes text-shadow-drop-right {
    0% {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        text-shadow: 6px 0 18px rgba(0, 0, 0, 0.35);
    }
}

.text-shadow-drop-right {
    animation: text-shadow-drop-right 0.6s ease 0s 1 both;
}

.text-shadow-drop-right-infinite {
    animation: text-shadow-drop-right 0.6s ease 0s 1 infinite both;
}

/* text-shadow-drop-br */

@keyframes text-shadow-drop-br {
    0% {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        text-shadow: 6px 6px 18px rgba(0, 0, 0, 0.35);
    }
}

.text-shadow-drop-br {
    animation: text-shadow-drop-br 0.6s ease 0s 1 both;
}

.text-shadow-drop-br-infinite {
    animation: text-shadow-drop-br 0.6s ease 0s 1 infinite both;
}

/* text-shadow-drop-bottom */

@keyframes text-shadow-drop-bottom {
    0% {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        text-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
    }
}

.text-shadow-drop-bottom {
    animation: text-shadow-drop-bottom 0.6s ease 0s 1 both;
}

.text-shadow-drop-bottom-infinite {
    animation: text-shadow-drop-bottom 0.6s ease 0s 1 infinite both;
}

/* text-shadow-drop-bl */

@keyframes text-shadow-drop-bl {
    0% {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        text-shadow: -6px 6px 18px rgba(0, 0, 0, 0.35);
    }
}

.text-shadow-drop-bl {
    animation: text-shadow-drop-bl 0.6s ease 0s 1 both;
}

.text-shadow-drop-bl-infinite {
    animation: text-shadow-drop-bl 0.6s ease 0s 1 infinite both;
}

/* text-shadow-drop-left */

@keyframes text-shadow-drop-left {
    0% {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        text-shadow: -6px 0 18px rgba(0, 0, 0, 0.35);
    }
}

.text-shadow-drop-left {
    animation: text-shadow-drop-left 0.6s ease 0s 1 both;
}

.text-shadow-drop-left-infinite {
    animation: text-shadow-drop-left 0.6s ease 0s 1 infinite both;
}

/* text-shadow-drop-tl */

@keyframes text-shadow-drop-tl {
    0% {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        text-shadow: -6px -6px 18px rgba(0, 0, 0, 0.35);
    }
}

.text-shadow-drop-tl-infinite {
    animation: text-shadow-drop-tl 0.6s ease 0s 1 infinite both;
}



/* File: shadow-inset.css */
/* shadow-inset-center
Shadow Inset Center */

@keyframes shadow-inset-center {
    0% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: inset 0 0 14px 0px rgba(0, 0, 0, 1);
    }
}

.shadow-inset-center {
    animation: shadow-inset-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-inset-center-infinite {
    animation: shadow-inset-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-inset-top
Shadow Inset Top */

@keyframes shadow-inset-top {
    0% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: inset 0 6px 14px -6px rgba(0, 0, 0, 1);
    }
}

.shadow-inset-top {
    animation: shadow-inset-top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

    .shadow-inset-top -infinite {
        animation: shadow-inset-top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
    }

/* shadow-inset-right
Shadow Inset Right */

@keyframes shadow-inset-right {
    0% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: inset -6px 0 14px -6px rgba(0, 0, 0, 1);
    }
}

.shadow-inset-right {
    animation: shadow-inset-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-inset-right-infinite {
    animation: shadow-inset-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-inset-bottom
Shadow Inset Bottom
 */

@keyframes shadow-inset-bottom {
    0% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: inset 0 -6px 14px -6px rgba(0, 0, 0, 1);
    }
}

.shadow-inset-bottom {
    animation: shadow-inset-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-inset-bottom-infinite {
    animation: shadow-inset-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-inset-left
Shadow Inset Left */

@keyframes shadow-inset-left {
    0% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: inset 6px 0 14px -6px rgba(0, 0, 0, 1);
    }
}

.shadow-inset-left {
    animation: shadow-inset-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-inset-left-infinite {
    animation: shadow-inset-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-inset-lr
Shadow Inset Left Right */

@keyframes shadow-inset-lr {
    0% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: inset -6px 0 14px -6px rgba(0, 0, 0, 1), inset 6px 0 14px -6px rgba(0, 0, 0, 1);
    }
}

.shadow-inset-lr {
    animation: shadow-inset-lr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-inset-lr-infinite {
    animation: shadow-inset-lr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-inset-tb
Shadow Inset Top Bottom */

@keyframes shadow-inset-tb {
    0% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: inset 0 -6px 14px -6px rgba(0, 0, 0, 1), inset 0 6px 14px -6px rgba(0, 0, 0, 1);
    }
}

.shadow-inset-tb {
    animation: shadow-inset-tb 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-inset-tb-infinite {
    animation: shadow-inset-tb 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-inset-tr
Shadow Inset Top Right
 */

@keyframes shadow-inset-tr {
    0% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: inset -6px 6px 14px -6px rgba(0, 0, 0, 1);
    }
}

.shadow-inset-tr {
    animation: shadow-inset-tr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-inset-tr-infinite {
    animation: shadow-inset-tr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
shadow-inset-br
Shadow Inset Bottom Right */


@keyframes shadow-inset-br {
    0% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: inset -6px -6px 14px -6px rgba(0, 0, 0, 1);
    }
}

.shadow-inset-br {
    animation: shadow-inset-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-inset-br-infinite {
    animation: shadow-inset-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* shadow-inset-bl
Shadow Inset Bottom Left */

@keyframes shadow-inset-bl {
    0% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: inset 6px -6px 14px -6px rgba(0, 0, 0, 1);
    }
}

.shadow-inset-bl {
    animation: shadow-inset-bl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-inset-bl-infinite {
    animation: shadow-inset-bl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1infinite both;
}
/* shadow-inset-tl
Shadow Inset Top Left */

@keyframes shadow-inset-tl {
    0% {
        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: inset 6px 6px 14px -6px rgba(0, 0, 0, 1);
    }
}

.shadow-inset-tl {
    animation: shadow-inset-tl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.shadow-inset-tl-infinite {
    animation: shadow-inset-tl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}








/* File: shadow-pop.css */
/* shadow-pop-tr
Shadow Pop Top Right */

@keyframes shadow-pop-tr {
    0% {
        box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
        transform: translateX(0) translateY(0);
    }

    100% {
        box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
        transform: translateX(-8px) translateY(8px);
    }
}

.shadow-pop-tr {
    animation: shadow-pop-tr 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.shadow-pop-tr-infinite {
    animation: shadow-pop-tr 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/* shadow-pop-br
Shadow Pop Bottom Right */

@keyframes shadow-pop-br {
    0% {
        box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
        transform: translateX(0) translateY(0);
    }

    100% {
        box-shadow: 1px 1px #3e3e3e, 2px 2px #3e3e3e, 3px 3px #3e3e3e, 4px 4px #3e3e3e, 5px 5px #3e3e3e, 6px 6px #3e3e3e, 7px 7px #3e3e3e, 8px 8px #3e3e3e;
        transform: translateX(-8px) translateY(-8px);
    }
}

.shadow-pop-br {
    animation: shadow-pop-br 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.shadow-pop-br-infinite {
    animation: shadow-pop-br 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/* shadow-pop-bl
Shadow Pop Bottom Left */

@keyframes shadow-pop-bl {
    0% {
        box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
        transform: translateX(0) translateY(0);
    }

    100% {
        box-shadow: -1px 1px #3e3e3e, -2px 2px #3e3e3e, -3px 3px #3e3e3e, -4px 4px #3e3e3e, -5px 5px #3e3e3e, -6px 6px #3e3e3e, -7px 7px #3e3e3e, -8px 8px #3e3e3e;
        transform: translateX(8px) translateY(-8px);
    }
}

.shadow-pop-bl {
    animation: shadow-pop-bl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.shadow-pop-bl-infinite {
    animation: shadow-pop-bl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/* shadow-pop-tl
Shadow Pop Top Left
 */

@keyframes shadow-pop-tl {
    0% {
        box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
        transform: translateX(0) translateY(0);
    }

    100% {
        box-shadow: -1px -1px #3e3e3e, -2px -2px #3e3e3e, -3px -3px #3e3e3e, -4px -4px #3e3e3e, -5px -5px #3e3e3e, -6px -6px #3e3e3e, -7px -7px #3e3e3e, -8px -8px #3e3e3e;
        transform: translateX(8px) translateY(8px);
    }
}

.shadow-pop-tl {
    animation: shadow-pop-tl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.shadow-pop-tl-infinite {
    animation: shadow-pop-tl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/* text-shadow-pop-top
Text Shadow Pop Top */

@keyframes text-shadow-pop-top {
    0% {
        text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555;
        transform: translateY(0);
    }

    100% {
        text-shadow: 0 -1px #555555, 0 -2px #555555, 0 -3px #555555, 0 -4px #555555, 0 -5px #555555, 0 -6px #555555, 0 -7px #555555, 0 -8px #555555;
        transform: translateY(8px);
    }
}

.text-shadow-pop-top {
    animation: text-shadow-pop-top 0.6s ease 0s 1 both;
}

.text-shadow-pop-top-infinite {
    animation: text-shadow-pop-top 0.6s ease 0s 1 infinite both;
}

/* text-shadow-pop-tr
Text Shadow Pop Top Right */

@keyframes text-shadow-pop-tr {
    0% {
        text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555;
        transform: translateX(0) translateY(0);
    }

    100% {
        text-shadow: 1px -1px #555555, 2px -2px #555555, 3px -3px #555555, 4px -4px #555555, 5px -5px #555555, 6px -6px #555555, 7px -7px #555555, 8px -8px #555555;
        transform: translateX(-8px) translateY(8px);
    }
}

.text-shadow-pop-tr {
    animation: text-shadow-pop-tr 0.6s ease 0s 1 both;
}

.text-shadow-pop-tr-infinite {
    animation: text-shadow-pop-tr 0.6s ease 0s 1 infinite both;
}


/* text-shadow-pop-right
Text Shadow Pop Right */
@keyframes text-shadow-pop-right {
    0% {
        text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555;
        transform: translateX(0);
    }

    100% {
        text-shadow: 1px 0 #555555, 2px 0 #555555, 3px 0 #555555, 4px 0 #555555, 5px 0 #555555, 6px 0 #555555, 7px 0 #555555, 8px 0 #555555;
        transform: translateX(-8px);
    }
}

.text-shadow-pop-right {
    animation: text-shadow-pop-right 0.6s ease 0s 1 both;
}

text-shadow-pop-right-infinite {
    animation: text-shadow-pop-right 0.6s ease 0s 1 infinite both;
}

/* text-shadow-pop-br
Text Shadow Pop Bottom Right
 */

@keyframes text-shadow-pop-br {
    0% {
        text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555;
        transform: translateX(0) translateY(0);
    }

    100% {
        text-shadow: 1px 1px #555555, 2px 2px #555555, 3px 3px #555555, 4px 4px #555555, 5px 5px #555555, 6px 6px #555555, 7px 7px #555555, 8px 8px #555555;
        transform: translateX(-8px) translateY(-8px);
    }
}

.text-shadow-pop-br {
    animation: text-shadow-pop-br 0.6s ease 0s 1 both;
}

.text-shadow-pop-br-infinite {
    animation: text-shadow-pop-br 0.6s ease 0s 1 infinite both;
}

/* text-shadow-pop-bottom
Text Shadow Pop Bottom */


@keyframes text-shadow-pop-bottom {
    0% {
        text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555;
        transform: translateY(0);
    }

    100% {
        text-shadow: 0 1px #555555, 0 2px #555555, 0 3px #555555, 0 4px #555555, 0 5px #555555, 0 6px #555555, 0 7px #555555, 0 8px #555555;
        transform: translateY(-8px);
    }
}

.text-shadow-pop-bottom {
    animation: text-shadow-pop-bottom 0.6s ease 0s 1 both;
}

.text-shadow-pop-bottom-infinite {
    animation: text-shadow-pop-bottom 0.6s ease 0s 1 infinite both;
}

/* text-shadow-pop-bl
Text Shadow Pop Bottom Left */

@keyframes text-shadow-pop-bl {
    0% {
        text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555;
        transform: translateX(0) translateY(0);
    }

    100% {
        text-shadow: -1px 1px #555555, -2px 2px #555555, -3px 3px #555555, -4px 4px #555555, -5px 5px #555555, -6px 6px #555555, -7px 7px #555555, -8px 8px #555555;
        transform: translateX(8px) translateY(-8px);
    }
}

.text-shadow-pop-bl {
    animation: text-shadow-pop-bl 0.6s ease 0s 1 both;
}

.text-shadow-pop-bl-infinite {
    animation: text-shadow-pop-bl 0.6s ease 0s 1 infinite both;
}

/* text-shadow-pop-left
Text Shadow Pop Left */

@keyframes text-shadow-pop-left {
    0% {
        text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555;
        transform: translateX(0);
    }

    100% {
        text-shadow: -1px 0 #555555, -2px 0 #555555, -3px 0 #555555, -4px 0 #555555, -5px 0 #555555, -6px 0 #555555, -7px 0 #555555, -8px 0 #555555;
        transform: translateX(8px);
    }
}

.text-shadow-pop-left {
    animation: text-shadow-pop-left 0.6s ease 0s 1 both;
}

.text-shadow-pop-left-infinite {
    animation: text-shadow-pop-left 0.6s ease 0s 1 infinite both;
}

/* text-shadow-pop-tl
Text Shadow Pop Top Left */

@keyframes text-shadow-pop-tl {
    0% {
        text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555;
        transform: translateX(0) translateY(0);
    }

    100% {
        text-shadow: -1px -1px #555555, -2px -2px #555555, -3px -3px #555555, -4px -4px #555555, -5px -5px #555555, -6px -6px #555555, -7px -7px #555555, -8px -8px #555555;
        transform: translateX(8px) translateY(8px);
    }
}

.text-shadow-pop-tl {
    animation: text-shadow-pop-tl 0.6s ease 0s 1 both;
}

.text-shadow-pop-tl-infinite {
    animation: text-shadow-pop-tl 0.6s ease 0s 1 infinite both;
}












/* File: shake.css */
/*shake-horizontal
Shake Horizontal*/
@keyframes shake-horizontal {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70% {
        transform: translateX(-10px);
    }

    20%, 40%, 60% {
        transform: translateX(10px);
    }

    80% {
        transform: translateX(8px);
    }

    90% {
        transform: translateX(-8px);
    }
}

.shake-horizontal {
    animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.shake-horizontal-infinite {
    animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/*shake-vertical
Shake Vertical*/
@keyframes shake-vertical {
    0%, 100% {
        transform: translateY(0);
    }

    10%, 30%, 50%, 70% {
        transform: translateY(-8px);
    }

    20%, 40%, 60% {
        transform: translateY(8px);
    }

    80% {
        transform: translateY(6.4px);
    }

    90% {
        transform: translateY(-6.4px);
    }
}

.shake-vertical {
    animation: shake-vertical 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.shake-vertical-infinite {
    animation: shake-vertical 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/*shake-lr
Shake Left Right*/
@keyframes shake-lr {
    0%, 100% {
        transform: rotate(0deg);
        transform-origin: 50% 50%;
    }

    10% {
        transform: rotate(8deg);
    }

    20%, 40%, 60% {
        transform: rotate(-10deg);
    }

    30%, 50%, 70% {
        transform: rotate(10deg);
    }

    80% {
        transform: rotate(-8deg);
    }

    90% {
        transform: rotate(8deg);
    }
}

.shake-lr {
    animation: shake-lr 0.7s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.shake-lr-infinite {
    animation: shake-lr 0.7s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/*shake-top
Shake Top*/
@keyframes shake-top {
    0%, 100% {
        transform: rotate(0deg);
        transform-origin: 50% 0;
    }

    10% {
        transform: rotate(2deg);
    }

    20%, 40%, 60% {
        transform: rotate(-4deg);
    }

    30%, 50%, 70% {
        transform: rotate(4deg);
    }

    80% {
        transform: rotate(-2deg);
    }

    90% {
        transform: rotate(2deg);
    }
}

.shake-top {
    animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.shake-top-infinite {
    animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/*shake-tr
Shake Top Right*/
@keyframes shake-tr {
    0%, 100% {
        transform: rotate(0deg);
        transform-origin: 100% 0;
    }

    10% {
        transform: rotate(2deg);
    }

    20%, 40%, 60% {
        transform: rotate(-4deg);
    }

    30%, 50%, 70% {
        transform: rotate(4deg);
    }

    80% {
        transform: rotate(-2deg);
    }

    90% {
        transform: rotate(2deg);
    }
}

.shake-tr {
    animation: shake-tr 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.shake-tr-infinite {
    animation: shake-tr 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/*shake-right
Shake Right*/
@keyframes shake-right {
    0%, 100% {
        transform: rotate(0deg);
        transform-origin: 100% 50%;
    }

    10% {
        transform: rotate(2deg);
    }

    20%, 40%, 60% {
        transform: rotate(-4deg);
    }

    30%, 50%, 70% {
        transform: rotate(4deg);
    }

    80% {
        transform: rotate(-2deg);
    }

    90% {
        transform: rotate(2deg);
    }
}

.shake-right {
    animation: shake-right 0.7s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.shake-right-infinite {
    animation: shake-right 0.7s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/*shake-br
Shake Bottom Right*/
@keyframes shake-br {
    0%, 100% {
        transform: rotate(0deg);
        transform-origin: 100% 100%;
    }

    10% {
        transform: rotate(2deg);
    }

    20%, 40%, 60% {
        transform: rotate(-4deg);
    }

    30%, 50%, 70% {
        transform: rotate(4deg);
    }

    80% {
        transform: rotate(-2deg);
    }

    90% {
        transform: rotate(2deg);
    }
}

.shake-br {
    animation: shake-br 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.shake-br-infinite {
    animation: shake-br 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/*shake-bottom
Shake Bottom*/
@keyframes shake-bottom {
    0%, 100% {
        transform: rotate(0deg);
        transform-origin: 50% 100%;
    }

    10% {
        transform: rotate(2deg);
    }

    20%, 40%, 60% {
        transform: rotate(-4deg);
    }

    30%, 50%, 70% {
        transform: rotate(4deg);
    }

    80% {
        transform: rotate(-2deg);
    }

    90% {
        transform: rotate(2deg);
    }
}

.shake-bottom {
    animation: shake-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.shake-bottom-infinite {
    animation: shake-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/*shake-bl
Shake Bottom Left*/
@keyframes shake-bl {
    0%, 100% {
        transform: rotate(0deg);
        transform-origin: 0 100%;
    }

    10% {
        transform: rotate(2deg);
    }

    20%, 40%, 60% {
        transform: rotate(-4deg);
    }

    30%, 50%, 70% {
        transform: rotate(4deg);
    }

    80% {
        transform: rotate(-2deg);
    }

    90% {
        transform: rotate(2deg);
    }
}

.shake-bl {
    animation: shake-bl 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.shake-bl-infinite {
    animation: shake-bl 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/*shake-left
Shake Left*/
@keyframes shake-left {
    0%, 100% {
        transform: rotate(0deg);
        transform-origin: 0 50%;
    }

    10% {
        transform: rotate(2deg);
    }

    20%, 40%, 60% {
        transform: rotate(-4deg);
    }

    30%, 50%, 70% {
        transform: rotate(4deg);
    }

    80% {
        transform: rotate(-2deg);
    }

    90% {
        transform: rotate(2deg);
    }
}

.shake-left {
    animation: shake-left 0.7s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.shake-left-infinite {
    animation: shake-left 0.7s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/*shake-tl
Shake Top Left*/
@keyframes shake-tl {
    0%, 100% {
        transform: rotate(0deg);
        transform-origin: 0 0;
    }

    10% {
        transform: rotate(2deg);
    }

    20%, 40%, 60% {
        transform: rotate(-4deg);
    }

    30%, 50%, 70% {
        transform: rotate(4deg);
    }

    80% {
        transform: rotate(-2deg);
    }

    90% {
        transform: rotate(2deg);
    }
}

.shake-tl {
    animation: shake-tl 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.shake-tl-infinite {
    animation: shake-tl 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}







/* File: Slide fwd.css */
/* slide-fwd-center
Slide Forward Center */

@keyframes slide-fwd-center {
    0% {
        transform: translateZ(0);
    }

    100% {
        transform: translateZ(160px);
    }
}

.slide-fwd-center {
    animation: slide-fwd-center 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-fwd-center-infinite {
    animation: slide-fwd-center 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* slide-fwd-top
Slide Forward Top */

@keyframes slide-fwd-top {
    0% {
        transform: translateZ(0) translateY(0);
    }

    100% {
        transform: translateZ(160px) translateY(-100px);
    }
}

.slide-fwd-top {
    animation: slide-fwd-top 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-fwd-top-infinite {
    animation: slide-fwd-top 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-fwd-tr
Slide Forward Top Right */

@keyframes slide-fwd-tr {
    0% {
        transform: translateZ(0) translateY(0) translateX(0);
    }

    100% {
        transform: translateZ(160px) translateY(-100px) translateX(100px);
    }
}

.slide-fwd-tr {
    animation: slide-fwd-tr 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-fwd-tr-infinite {
    animation: slide-fwd-tr 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-fwd-right
Slide Forward Right
 */

@keyframes slide-fwd-right {
    0% {
        transform: translateZ(0) translateX(0);
    }

    100% {
        transform: translateZ(160px) translateX(100px);
    }
}

.slide-fwd-right {
    animation: slide-fwd-right 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-fwd-right-infinite {
    animation: slide-fwd-right 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-fwd-br
Slide Forward Bottom Right
 */

@keyframes slide-fwd-br {
    0% {
        transform: translateZ(0) translateY(0) translateX(0);
    }

    100% {
        transform: translateZ(160px) translateY(100px) translateX(100px);
    }
}

.slide-fwd-br {
    animation: slide-fwd-br 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-fwd-br-infinite {
    animation: slide-fwd-br 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-fwd-bottom
Slide Forward Bottom */
@keyframes slide-fwd-bottom {
    0% {
        transform: translateZ(0) translateY(0);
    }

    100% {
        transform: translateZ(160px) translateY(100px);
    }
}

.slide-fwd-bottom {
    animation: slide-fwd-bottom 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-fwd-bottom-infinite {
    animation: slide-fwd-bottom 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-fwd-bl
Slide Forward Bottom Left */

@keyframes slide-fwd-bl {
    0% {
        transform: translateZ(0) translateY(0) translateX(0);
    }

    100% {
        transform: translateZ(160px) translateY(100px) translateX(-100px);
    }
}

.slide-fwd-bl {
    animation: slide-fwd-bl 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-fwd-bl-infinite {
    animation: slide-fwd-bl 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-fwd-left
Slide Forward Left */


@keyframes slide-fwd-left {
    0% {
        transform: translateZ(0) translateX(0);
    }

    100% {
        transform: translateZ(160px) translateX(-100px);
    }
}

.slide-fwd-left {
    animation: slide-fwd-left 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-fwd-left-infinite {
    animation: slide-fwd-left 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-fwd-tl
Slide Forward Top Left */


@keyframes slide-fwd-tl {
    0% {
        transform: translateZ(0) translateY(0) translateX(0);
    }

    100% {
        transform: translateZ(160px) translateY(-100px) translateX(-100px);
    }
}

.slide-fwd-tl {
    animation: slide-fwd-tl 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-fwd-tl-infinite {
    animation: slide-fwd-tl 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}





/* File: Slide In Elliptic.css */
/* slide-in-elliptic-top-fwd
Slide In Elliptic Top Forward */

@keyframes slide-in-elliptic-top-fwd {
    0% {
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform-origin: 50% 100%;
        opacity: 0;
    }

    100% {
        transform: translateY(0) rotateX(0) scale(1);
        transform-origin: 50% 1400px;
        opacity: 1;
    }
}

.slide-in-elliptic-top-fwd {
    animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-elliptic-top-fwd-infinite {
    animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
slide-in-elliptic-top-bck
Slide In Elliptic Top Back */

@keyframes slide-in-elliptic-top-bck {
    0% {
        transform: translateY(-600px) rotateX(30deg) scale(6.5);
        transform-origin: 50% 200%;
        opacity: 0;
    }

    100% {
        transform: translateY(0) rotateX(0) scale(1);
        transform-origin: 50% -500px;
        opacity: 1;
    }
}

.slide-in-elliptic-top-bck {
    animation: slide-in-elliptic-top-bck 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-elliptic-top-bck-infinite {
    animation: slide-in-elliptic-top-bck 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
slide-in-elliptic-right-fwd
Slide In Elliptic Right Forward */

@keyframes slide-in-elliptic-right-fwd {
    0% {
        transform: translateX(800px) rotateY(-30deg) scale(0);
        transform-origin: -100% 50%;
        opacity: 0;
    }

    100% {
        transform: translateX(0) rotateY(0) scale(1);
        transform-origin: -1800px 50%;
        opacity: 1;
    }
}

.slide-in-elliptic-right-fwd {
    animation: slide-in-elliptic-right-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-elliptic-right-fwd-infinite {
    animation: slide-in-elliptic-right-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
slide-in-elliptic-right-bck
Slide In Elliptic Right Back */

@keyframes slide-in-elliptic-right-bck {
    0% {
        transform: translateX(800px) rotateY(30deg) scale(6.5);
        transform-origin: -100% 50%;
        opacity: 0;
    }

    100% {
        transform: translateX(0) rotateY(0) scale(1);
        transform-origin: 600px 50%;
        opacity: 1;
    }
}

.slide-in-elliptic-right-bck {
    animation: slide-in-elliptic-right-bck 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-elliptic-right-bck-infinite {
    animation: slide-in-elliptic-right-bck 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
slide-in-elliptic-bottom-fwd
Slide In Elliptic Bottom Forward */

@keyframes slide-in-elliptic-bottom-fwd {
    0% {
        transform: translateY(600px) rotateX(30deg) scale(0);
        transform-origin: 50% 100%;
        opacity: 0;
    }

    100% {
        transform: translateY(0) rotateX(0) scale(1);
        transform-origin: 50% -1400px;
        opacity: 1;
    }
}

.slide-in-elliptic-bottom-fwd {
    animation: slide-in-elliptic-bottom-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-elliptic-bottom-fwd-infinite {
    animation: slide-in-elliptic-bottom-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-in-elliptic-bottom-bck
Slide In Elliptic Bottom Back */

@keyframes slide-in-elliptic-bottom-bck {
    0% {
        transform: translateY(600px) rotateX(-30deg) scale(6.5);
        transform-origin: 50% -100%;
        opacity: 0;
    }

    100% {
        transform: translateY(0) rotateX(0) scale(1);
        transform-origin: 50% 500px;
        opacity: 1;
    }
}

.slide-in-elliptic-bottom-bck {
    animation: slide-in-elliptic-bottom-bck 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-elliptic-bottom-bck-infinite {
    animation: slide-in-elliptic-bottom-bck 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
slide-in-elliptic-left-fwd
Slide In Elliptic Left Forward */


@keyframes slide-in-elliptic-left-fwd {
    0% {
        transform: translateX(-800px) rotateY(30deg) scale(0);
        transform-origin: -100% 50%;
        opacity: 0;
    }

    100% {
        transform: translateX(0) rotateY(0) scale(1);
        transform-origin: 1800px 50%;
        opacity: 1;
    }
}

.slide-in-elliptic-left-fwd {
    animation: slide-in-elliptic-left-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-elliptic-left-fwd-infinite {
    animation: slide-in-elliptic-left-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
slide-in-elliptic-left-bck
Slide In Elliptic Left Back */

@keyframes slide-in-elliptic-left-bck {
    0% {
        transform: translateX(-800px) rotateY(-30deg) scale(6.5);
        transform-origin: 200% 50%;
        opacity: 0;
    }

    100% {
        transform: translateX(0) rotateY(0) scale(1);
        transform-origin: -600px 50%;
        opacity: 1;
    }
}

.slide-in-elliptic-left-bck {
    animation: slide-in-elliptic-left-bck 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-elliptic-left-bck-infinite {
    animation: slide-in-elliptic-left-bck 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* File: slide-in.css */
/* slide-in-top
Slide In Top */

@keyframes slide-in-top {
    0% {
        transform: translateY(-1000px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.slide-in-top {
    animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-top-infinite {
    animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-in-tr
Slide In Top Right */


@keyframes slide-in-tr {
    0% {
        transform: translateY(-1000px) translateX(1000px);
        opacity: 0;
    }

    100% {
        transform: translateY(0) translateX(0);
        opacity: 1;
    }
}

.slide-in-tr {
    animation: slide-in-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-tr-infinite {
    animation: slide-in-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-in-right
Slide In Right */

@keyframes slide-in-right {
    0% {
        transform: translateX(1000px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.slide-in-right {
    animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-right-infinite {
    animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-in-br
Slide In Bottom Right */

@keyframes slide-in-br {
    0% {
        transform: translateY(1000px) translateX(1000px);
        opacity: 0;
    }

    100% {
        transform: translateY(0) translateX(0);
        opacity: 1;
    }
}

.slide-in-br {
    animation: slide-in-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-br-infinite {
    animation: slide-in-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-in-bottom
Slide In Bottom */

@keyframes slide-in-bottom {
    0% {
        transform: translateY(1000px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.slide-in-bottom {
    animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-bottom-infinite {
    animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-in-bl
Slide In Bottom Left */

@keyframes slide-in-bl {
    0% {
        transform: translateY(1000px) translateX(-1000px);
        opacity: 0;
    }

    100% {
        transform: translateY(0) translateX(0);
        opacity: 1;
    }
}

.slide-in-bl {
    animation: slide-in-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-bl-infinite {
    animation: slide-in-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1infinite both;
}

/* slide-in-left
Slide In Left */

@keyframes slide-in-left {
    0% {
        transform: translateX(-1000px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.slide-in-left {
    animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-left-infinite {
    animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-in-tl
Slide In Top Left */

@keyframes slide-in-tl {
    0% {
        transform: translateY(-1000px) translateX(-1000px);
        opacity: 0;
    }

    100% {
        transform: translateY(0) translateX(0);
        opacity: 1;
    }
}

.slide-in-tl {
    animation: slide-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-tl-infinite {
    animation: slide-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}






/* File: slide-out-bck.css */
/*slide-out-bck-center
Slide Out Back Center*/
@keyframes slide-out-bck-center {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-1100px);
        opacity: 0;
    }
}

.slide-out-bck-center {
    animation: slide-out-bck-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-bck-center-infinite {
    animation: slide-out-bck-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/*slide-out-bck-top
Slide Out Back Top*/
@keyframes slide-out-bck-top {
    0% {
        transform: translateZ(1) translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-1100px) translateY(-1000px);
        opacity: 0;
    }
}

.slide-out-bck-top {
    animation: slide-out-bck-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-bck-top-infinite {
    animation: slide-out-bck-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/*slide-out-bck-tr
Slide Out Back Top Right*/
@keyframes slide-out-bck-tr {
    0% {
        transform: translateZ(0) translateY(0) translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-1100px) translateY(-1000px) translateX(1000px);
        opacity: 0;
    }
}

.slide-out-bck-tr {
    animation: slide-out-bck-tr 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-bck-tr-infinite {
    animation: slide-out-bck-tr 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/*slide-out-bck-right
Slide Out Back Right*/
@keyframes slide-out-bck-right {
    0% {
        transform: translateZ(0) translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-1100px) translateX(1000px);
        opacity: 0;
    }
}

.slide-out-bck-right {
    animation: slide-out-bck-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-bck-right-infinite {
    animation: slide-out-bck-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/*slide-out-bck-br
Slide Out Back Bottom Right*/
@keyframes slide-out-bck-br {
    0% {
        transform: translateZ(0) translateY(0) translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-1100px) translateY(1000px) translateX(1000px);
        opacity: 0;
    }
}

.slide-out-bck-br {
    animation: slide-out-bck-br 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-bck-br-infinite {
    animation: slide-out-bck-br 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/*slide-out-bck-bottom
Slide Out Back Bottom*/
@keyframes slide-out-bck-bottom {
    0% {
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-1100px) translateY(1000px);
        opacity: 0;
    }
}

.slide-out-bck-bottom {
    animation: slide-out-bck-bottom 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-bck-bottom-infinite {
    animation: slide-out-bck-bottom 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/*slide-out-bck-bl
Slide Out Back Bottom Left*/
@keyframes slide-out-bck-bl {
    0% {
        transform: translateZ(0) translateY(0) translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-1100px) translateY(1000px) translateX(-1000px);
        opacity: 0;
    }
}

.slide-out-bck-bl {
    animation: slide-out-bck-bl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-bck-bl-infinite {
    animation: slide-out-bck-bl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/*slide-out-bck-left
Slide Out Back Left*/
@keyframes slide-out-bck-left {
    0% {
        transform: translateZ(0) translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-1100px) translateX(-1000px);
        opacity: 0;
    }
}

.slide-out-bck-left {
    animation: slide-out-bck-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-bck-left-infinite {
    animation: slide-out-bck-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/*slide-out-bck-tl
Slide Out Back Top Left*/
@keyframes slide-out-bck-tl {
    0% {
        transform: translateZ(0) translateY(0) translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-1100px) translateY(-1000px) translateX(-1000px);
        opacity: 0;
    }
}

.slide-out-bck-tl {
    animation: slide-out-bck-tl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-bck-tl-infinite {
    animation: slide-out-bck-tl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}


/* File: slide-out-fwd.css */
/* slide-out-fwd-center
Slide Out Forward Center */

@keyframes slide-out-fwd-center {
    0% {
        transform: translateZ(1);
        opacity: 1;
    }

    100% {
        transform: translateZ(600px);
        opacity: 0;
    }
}

.slide-out-fwd-center {
    animation: slide-out-fwd-center 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-fwd-center-infinite {
    animation: slide-out-fwd-center 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* slide-out-fwd-top
Slide Out Forward Top */

@keyframes slide-out-fwd-top {
    0% {
        transform: translateZ(1) translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(600px) translateY(-300px);
        opacity: 0;
    }
}

.slide-out-fwd-top {
    animation: slide-out-fwd-top 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-fwd-top-infinite {
    animation: slide-out-fwd-top 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* slide-out-fwd-tr
Slide Out Forward Top Right */

@keyframes slide-out-fwd-tr {
    0% {
        transform: translateZ(0) translateY(0) translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(600px) translateY(-300px) translateX(400px);
        opacity: 0;
    }
}

.slide-out-fwd-tr {
    animation: slide-out-fwd-tr 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-fwd-tr-infinite {
    animation: slide-out-fwd-tr 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* slide-out-fwd-right
Slide Out Forward Right */

@keyframes slide-out-fwd-right {
    0% {
        transform: translateZ(0) translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(600px) translateX(400px);
        opacity: 0;
    }
}

.slide-out-fwd-right {
    animation: slide-out-fwd-right 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-fwd-right-infinite {
    animation: slide-out-fwd-right 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* slide-out-fwd-br
Slide Out Forward Bottom Right*/
@keyframes slide-out-fwd-br {
    0% {
        transform: translateZ(0) translateY(0) translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(600px) translateY(300px) translateX(400px);
        opacity: 0;
    }
}

.slide-out-fwd-br {
    animation: slide-out-fwd-br 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-fwd-br-infinite {
    animation: slide-out-fwd-br 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/*slide-out-fwd-bottom
Slide Out Forward Bottom*/
@keyframes slide-out-fwd-bottom {
    0% {
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(600px) translateY(300px);
        opacity: 0;
    }
}

.slide-out-fwd-bottom {
    animation: slide-out-fwd-bottom 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-fwd-bottom-infinite {
    animation: slide-out-fwd-bottom 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/*slide-out-fwd-bl
Slide Out Forward Bottom Left*/
@keyframes slide-out-fwd-bl {
    0% {
        transform: translateZ(0) translateY(0) translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(600px) translateY(300px) translateX(-400px);
        opacity: 0;
    }
}

.slide-out-fwd-bl {
    animation: slide-out-fwd-bl 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-fwd-bl-infinite {
    animation: slide-out-fwd-bl 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/*slide-out-fwd-left
Slide Out Forward Left*/
@keyframes slide-out-fwd-left {
    0% {
        transform: translateZ(0) translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(600px) translateX(-400px);
        opacity: 0;
    }
}

.slide-out-fwd-left {
    animation: slide-out-fwd-left 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-fwd-left-infinite {
    animation: slide-out-fwd-left 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/*slide-out-fwd-tl
Slide Out Forward Top Left*/
@keyframes slide-out-fwd-tl {
    0% {
        transform: translateZ(0) translateY(0) translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(600px) translateY(-300px) translateX(-400px);
        opacity: 0;
    }
}

.slide-out-fwd-tl {
    animation: slide-out-fwd-tl 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-fwd-tl-infinite {
    animation: slide-out-fwd-tl 0.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}















/* File: Slide.css */
/* slide-top
Slide Top */

@keyframes slide-top {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-100px);
    }
}

.slide-top {
    animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-top {
    animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

/* slide-tr
Slide Top Right*/

@keyframes slide-tr {
    0% {
        transform: translateY(0) translateX(0);
    }

    100% {
        transform: translateY(-100px) translateX(100px);
    }
}

.slide-tr {
    animation: slide-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-tr-infinite {
    animation: slide-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-right
Slide Right */

@keyframes slide-right {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(100px);
    }
}

.slide-right {
    animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-right-infinite {
    animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-br
Slide Bottom Right */

@keyframes slide-br {
    0% {
        transform: translateY(0) translateX(0);
    }

    100% {
        transform: translateY(100px) translateX(100px);
    }
}

.slide-br {
    animation: slide-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-br-infinite {
    animation: slide-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-bottom
Slide Bottom */

@keyframes slide-bottom {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(100px);
    }
}

.slide-bottom {
    animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-bottom-infinite {
    animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-bl
Slide Bottom Left */

@keyframes slide-bl {
    0% {
        transform: translateY(0) translateX(0);
    }

    100% {
        transform: translateY(100px) translateX(-100px);
    }
}

.slide-bl {
    animation: slide-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-bl-infinite {
    animation: slide-bl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-left
Slide Left */

@keyframes slide-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100px);
    }
}

.slide-left {
    animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-left-infinite {
    animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-tl
Slide Top Left */

@keyframes slide-tl {
    0% {
        transform: translateY(0) translateX(0);
    }

    100% {
        transform: translateY(-100px) translateX(-100px);
    }
}

.slide-tl {
    animation: slide-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-tl-infinite {
    animation: slide-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


























/* File: Slidebck.css */
/* slide-bck-center
Slide Back Center */

@keyframes slide-bck-center {
    0% {
        transform: translateZ(0);
    }

    100% {
        transform: translateZ(-400px);
    }
}

.slide-bck-center {
    animation: slide-bck-center 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.slide-bck-center-infinite {
    animation: slide-bck-center 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/* slide-bck-top
Slide Back Top */

@keyframes slide-bck-top {
    0% {
        transform: translateZ(0) translateY(0);
    }

    100% {
        transform: translateZ(-400px) translateY(-200px);
    }
}

.slide-bck-top {
    animation: slide-bck-top 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.slide-bck-top-infinite {
    animation: slide-bck-top 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/*slide-bck-tr
Slide Back Top Right*/
@keyframes slide-bck-tr {
    0% {
        transform: translateZ(0) translateY(0) translateX(0);
    }

    100% {
        transform: translateZ(-400px) translateY(-200px) translateX(200px);
    }
}

.slide-bck-tr {
    animation: slide-bck-tr 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.slide-bck-tr-infinite {
    animation: slide-bck-tr 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/*slide-bck-right
Slide Back Right*/
@keyframes slide-bck-right {
    0% {
        transform: translateZ(0) translateX(0);
    }

    100% {
        transform: translateZ(-400px) translateX(200px);
    }
}

.slide-bck-right {
    animation: slide-bck-right 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.slide-bck-right-infinite {
    animation: slide-bck-right 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/*slide-bck-br
Slide Back Bottom Right*/
@keyframes slide-bck-br {
    0% {
        transform: translateZ(0) translateY(0) translateX(0);
    }

    100% {
        transform: translateZ(-400px) translateY(200px) translateX(200px);
    }
}

.slide-bck-br {
    animation: slide-bck-br 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.slide-bck-br-infinite {
    animation: slide-bck-br 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/*slide-bck-bottom
Slide Back Bottom*/
@keyframes slide-bck-bottom {
    0% {
        transform: translateZ(0) translateY(0);
    }

    100% {
        transform: translateZ(-400px) translateY(200px);
    }
}

.slide-bck-bottom {
    animation: slide-bck-bottom 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.slide-bck-bottom-infinite {
    animation: slide-bck-bottom 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/*slide-bck-bl
Slide Back Bottom Left*/
@keyframes slide-bck-bl {
    0% {
        transform: translateZ(0) translateY(0) translateX(0);
    }

    100% {
        transform: translateZ(-400px) translateY(200px) translateX(-200px);
    }
}

.slide-bck-bl {
    animation: slide-bck-bl 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.slide-bck-bl {
    animation: slide-bck-bl 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.slide-bck-bl-infinite {
    animation: slide-bck-bl 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/*slide-bck-left
Slide Back Left*/
@keyframes slide-bck-left {
    0% {
        transform: translateZ(0) translateX(0);
    }

    100% {
        transform: translateZ(-400px) translateX(-200px);
    }
}

.slide-bck-left {
    animation: slide-bck-left 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.slide-bck-left-infinite {
    animation: slide-bck-left 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}

/*slide-bck-tl
Slide Back Top Left*/
@keyframes slide-bck-tl {
    0% {
        transform: translateZ(0) translateY(0) translateX(0);
    }

    100% {
        transform: translateZ(-400px) translateY(-200px) translateX(-200px);
    }
}

.slide-bck-tl {
    animation: slide-bck-tl 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 both;
}

.slide-bck-tl-infinite {
    animation: slide-bck-tl 0.45s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0s 1 infinite both;
}




/* File: SlideOutBlurred.css */
/* slide-out-blurred-top
Slide Out Blurred Top */

@keyframes slide-out-blurred-top {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 0%;
        filter: blur(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-1000px) scaleY(2) scaleX(0.2);
        transform-origin: 50% 0%;
        filter: blur(40px);
        opacity: 0;
    }
}

.slide-out-blurred-top {
    animation: slide-out-blurred-top 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 both;
}

.slide-out-blurred-top-infinite {
    animation: slide-out-blurred-top 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 infinite both;
}

/* slide-out-blurred-tr
Slide Out Blurred Top Right */

@keyframes slide-out-blurred-tr {
    0% {
        transform: translate(0, 0) skew(0deg, 0deg);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }

    100% {
        transform: translate(1000px, -1000px) skew(-80deg, -10deg);
        transform-origin: 0% 0%;
        filter: blur(40px);
        opacity: 0;
    }
}

.slide-out-blurred-tr {
    animation: slide-out-blurred-tr 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 both;
}

.slide-out-blurred-tr-infinite {
    animation: slide-out-blurred-tr 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 infinite both;
}
/* slide-out-blurred-right
Slide Out Blurred Right */

@keyframes slide-out-blurred-right {
    0% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }

    100% {
        transform: translateX(1000px) scaleX(2) scaleY(0.2);
        transform-origin: 0% 50%;
        filter: blur(40px);
        opacity: 0;
    }
}

.slide-out-blurred-right {
    animation: slide-out-blurred-right 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 both;
}

.slide-out-blurred-right-infinite {
    animation: slide-out-blurred-right 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 infinite both;
}

/* slide-out-blurred-br
Slide Out Blurred Bottom Right */

@keyframes slide-out-blurred-br {
    0% {
        transform: translate(0, 0) skew(0deg, 0deg);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }

    100% {
        transform: translate(1000px, 1000px) skew(80deg, 10deg);
        transform-origin: 0% 100%;
        filter: blur(40px);
        opacity: 0;
    }
}

.slide-out-blurred-br {
    animation: slide-out-blurred-br 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 both;
}

.slide-out-blurred-br-infinite {
    animation: slide-out-blurred-br 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 infinite both;
}

/* slide-out-blurred-bottom
Slide Out Blurred Bottom */

@keyframes slide-out-blurred-bottom {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }

    100% {
        transform: translateY(1000px) scaleY(2) scaleX(0.2);
        transform-origin: 50% 100%;
        filter: blur(40px);
        opacity: 0;
    }
}

.slide-out-blurred-bottom {
    animation: slide-out-blurred-bottom 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 both;
}

.slide-out-blurred-bottom-infinite {
    animation: slide-out-blurred-bottom 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 infinite both;
}

/* slide-out-blurred-bl
Slide Out Blurred Bottom Left */

@keyframes slide-out-blurred-bl {
    0% {
        transform: translate(0, 0) skew(0deg, 0deg);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }

    100% {
        transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
        transform-origin: 100% 100%;
        filter: blur(40px);
        opacity: 0;
    }
}

.slide-out-blurred-bl {
    animation: slide-out-blurred-bl 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 both;
}

.slide-out-blurred-bl-infinite {
    animation: slide-out-blurred-bl 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 infinite both;
}

/* slide-out-blurred-left
Slide Out Blurred Left */

@keyframes slide-out-blurred-left {
    0% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }

    100% {
        transform: translateX(-1000px) scaleX(2) scaleY(0.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0;
    }
}

.slide-out-blurred-left {
    animation: slide-out-blurred-left 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 both;
}

.slide-out-blurred-left-infinite {
    animation: slide-out-blurred-left 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 infinite both;
}

/* slide-out-blurred-tl
Slide Out Blurred Top Left */

@keyframes slide-out-blurred-tl {
    0% {
        transform: translate(0, 0) skew(0deg, 0deg);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }

    100% {
        transform: translate(-1000px, -1000px) skew(80deg, 10deg);
        transform-origin: 100% 0%;
        filter: blur(40px);
        opacity: 0;
    }
}

.slide-out-blurred-tl {
    animation: slide-out-blurred-tl 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 both;
}

.slide-out-blurred-tl-infinite {
    animation: slide-out-blurred-tl 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) 0s 1 infinite both;
}


































/* File: SlideOutElliptic.css */
/*slide-out-elliptic-top-bck
Slide Out Elliptic Top Back */

@keyframes slide-out-elliptic-top-bck {
    0% {
        transform: translateY(0) rotateX(0) scale(1);
        transform-origin: 50% 1400px;
        opacity: 1;
    }

    100% {
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform-origin: 50% 100%;
        opacity: 1;
    }
}

.slide-out-elliptic-top-bck {
    animation: slide-out-elliptic-top-bck 0.7s ease-in 0s 1 both;
}

.slide-out-elliptic-top-bck-infinite {
    animation: slide-out-elliptic-top-bck 0.7s ease-in 0s 1 infinite both;
}

/* slide-out-elliptic-top-fwd
Slide Out Elliptic Top Forward */

@keyframes slide-out-elliptic-top-fwd {
    0% {
        transform: translateY(0) rotateX(0) scale(1);
        transform-origin: 50% -500px;
        opacity: 1;
    }

    100% {
        transform: translateY(-600px) rotateX(20deg) scale(6);
        transform-origin: 50% 200%;
        opacity: 0;
    }
}

.slide-out-elliptic-top-fwd {
    animation: slide-out-elliptic-top-fwd 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-elliptic-top-fwd-infinite {
    animation: slide-out-elliptic-top-fwd 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* slide-out-elliptic-right-bck
Slide Out Elliptic Right Back */

@keyframes slide-out-elliptic-right-bck {
    0% {
        transform: translateX(0) rotateY(0) scale(1);
        transform-origin: -1800px 50%;
        opacity: 1;
    }

    100% {
        transform: translateX(1000px) rotateY(-30deg) scale(0);
        transform-origin: -100% 50%;
        opacity: 1;
    }
}

.slide-out-elliptic-right-bck {
    animation: slide-out-elliptic-right-bck 0.7s ease-in 0s 1 both;
}

slide-out-elliptic-right-bck-infinite {
    animation: slide-out-elliptic-right-bck 0.7s ease-in 0s 1 infinite both;
}

/* slide-out-elliptic-right-fwd
Slide Out Elliptic Right Forward */

@keyframes slide-out-elliptic-right-fwd {
    0% {
        transform: translateX(0) rotateY(0) scale(1);
        transform-origin: 600px 50%;
        opacity: 1;
    }

    100% {
        transform: translateX(1000px) rotateY(20deg) scale(6);
        transform-origin: -100% 50%;
        opacity: 0;
    }
}

.slide-out-elliptic-right-fwd {
    animation: slide-out-elliptic-right-fwd 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-elliptic-right-fwd-infinite {
    animation: slide-out-elliptic-right-fwd 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* slide-out-elliptic-bottom-bck
Slide Out Elliptic Bottom Back */

@keyframes slide-out-elliptic-bottom-bck {
    0% {
        transform: translateY(0) rotateX(0) scale(1);
        transform-origin: 50% -1400px;
        opacity: 1;
    }

    100% {
        transform: translateY(600px) rotateX(30deg) scale(0);
        transform-origin: 50% 100%;
        opacity: 1;
    }
}

.slide-out-elliptic-bottom-bck {
    animation: slide-out-elliptic-bottom-bck 0.7s ease-in 0s 1 both;
}

.slide-out-elliptic-bottom-bck-infinite {
    animation: slide-out-elliptic-bottom-bck 0.7s ease-in 0s 1 infinite both;
}

/* slide-out-elliptic-bottom-fwd
Slide Out Elliptic Bottom Forward */

@keyframes slide-out-elliptic-bottom-fwd {
    0% {
        transform: translateY(0) rotateX(0) scale(1);
        transform-origin: 50% 500px;
        opacity: 1;
    }

    100% {
        transform: translateY(600px) rotateX(-20deg) scale(6);
        transform-origin: 50% -100%;
        opacity: 0;
    }
}

.slide-out-elliptic-bottom-fwd {
    animation: slide-out-elliptic-bottom-fwd 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

    .slide-out-elliptic-bottom-fwd -infinite {
        animation: slide-out-elliptic-bottom-fwd 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
    }

/* slide-out-elliptic-left-bck
Slide Out Elliptic Left Back */

@keyframes slide-out-elliptic-left-bck {
    0% {
        transform: translateX(0) rotateY(0) scale(1);
        transform-origin: 2000px 50%;
        opacity: 1;
    }

    100% {
        transform: translateX(-1000px) rotateY(30deg) scale(0);
        transform-origin: -100% 50%;
        opacity: 1;
    }
}

.slide-out-elliptic-left-bck {
    animation: slide-out-elliptic-left-bck 0.7s ease-in 0s 1 both;
}

.slide-out-elliptic-left-bck-infinite {
    animation: slide-out-elliptic-left-bck 0.7s ease-in 0s 1 infinite both;
}

/* slide-out-elliptic-left-fwd
Slide Out Elliptic Left Forward */

@keyframes slide-out-elliptic-left-fwd {
    0% {
        transform: translateX(0) rotateY(0) scale(1);
        transform-origin: -500px 50%;
        opacity: 1;
    }

    100% {
        transform: translateX(-1000px) rotateY(-20deg) scale(6);
        transform-origin: 200% 50%;
        opacity: 0;
    }
}

.slide-out-elliptic-left-fwd {
    animation: slide-out-elliptic-left-fwd 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-elliptic-left-fwd-infinite {
    animation: slide-out-elliptic-left-fwd 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}







































/* File: SlideRotate.css */
/*slide-rotate-hor-top
Slide Rotate Horizontal Top */
@keyframes slide-rotate-hor-top {
    0% {
        transform: translateY(0) rotateX(0deg);
    }

    100% {
        transform: translateY(-150px) rotateX(-90deg);
    }
}

.slide-rotate-hor-top {
    animation: slide-rotate-hor-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

slide-rotate-hor-top-infinite {
    animation: slide-rotate-hor-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-rotate-hor-t-bck
Slide Rotate Horizontal T Back */

@keyframes slide-rotate-hor-t-bck {
    0% {
        transform: translateY(0) translateZ(0) rotateX(0deg);
        transform-origin: top center;
    }

    100% {
        transform: translateY(-150px) translateZ(-230px) rotateX(-90deg);
        transform-origin: top center;
    }
}

.slide-rotate-hor-t-bck {
    animation: slide-rotate-hor-t-bck 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.slide-rotate-hor-t-bck-infinite {
    animation: slide-rotate-hor-t-bck 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* slide-rotate-hor-t-fwd
Slide Rotate Horizontal T Forward */

@keyframes slide-rotate-hor-t-fwd {
    0% {
        transform: translateY(0) translateZ(0) rotateX(0deg);
        transform-origin: bottom center;
    }

    100% {
        transform: translateY(-150px) translateZ(130px) rotateX(-90deg);
        transform-origin: bottom center;
    }
}

.slide-rotate-hor-t-fwd {
    animation: slide-rotate-hor-t-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.slide-rotate-hor-t-fwd-infinite {
    animation: slide-rotate-hor-t-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* slide-rotate-ver-right
Slide Rotate Vertical Right */

@keyframes slide-rotate-ver-right {
    0% {
        transform: translateX(0) rotateY(0);
    }

    100% {
        transform: translateX(150px) rotateY(-90deg);
    }
}

.slide-rotate-ver-right {
    animation: slide-rotate-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

slide-rotate-ver-right-infinite {
    animation: slide-rotate-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-rotate-ver-r-bck
Slide Rotate Vertical R Back */

@keyframes slide-rotate-ver-r-bck {
    0% {
        transform: translateX(0) translateZ(0) rotateY(0);
        transform-origin: center right;
    }

    100% {
        transform: translateX(150px) translateZ(-230px) rotateY(-90deg);
        transform-origin: center right;
    }
}

.slide-rotate-ver-r-bck {
    animation: slide-rotate-ver-r-bck 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.slide-rotate-ver-r-bck-infinite {
    animation: slide-rotate-ver-r-bck 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* slide-rotate-ver-r-fwd
Slide Rotate Vertical R Forward */


@keyframes slide-rotate-ver-r-fwd {
    0% {
        transform: translateX(0) translateZ(0) rotateY(0);
        transform-origin: center left;
    }

    100% {
        transform: translateX(150px) translateZ(130px) rotateY(-90deg);
        transform-origin: center left;
    }
}

.slide-rotate-ver-r-fwd {
    animation: slide-rotate-ver-r-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.slide-rotate-ver-r-fwd-infinite {
    animation: slide-rotate-ver-r-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* slide-rotate-hor-bottom
Slide Rotate Horizontal Bottom */

@keyframes slide-rotate-hor-bottom {
    0% {
        transform: translateY(0) rotateX(0deg);
    }

    100% {
        transform: translateY(150px) rotateX(90deg);
    }
}

.slide-rotate-hor-bottom {
    animation: slide-rotate-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-rotate-hor-bottom-infinite {
    animation: slide-rotate-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-rotate-hor-b-bck
Slide Rotate Horizontal B Back */

@keyframes slide-rotate-hor-b-bck {
    0% {
        transform: translateY(0) translateZ(0) rotateX(0deg);
        transform-origin: bottom center;
    }

    100% {
        transform: translateY(150px) translateZ(-230px) rotateX(90deg);
        transform-origin: bottom center;
    }
}

.slide-rotate-hor-b-bck {
    animation: slide-rotate-hor-b-bck 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.slide-rotate-hor-b-bck-infinite {
    animation: slide-rotate-hor-b-bck 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* slide-rotate-hor-b-fwd
Slide Rotate Horizontal B Forward */

@keyframes slide-rotate-hor-b-fwd {
    0% {
        transform: translateY(0) translateZ(0) rotateX(0deg);
        transform-origin: top center;
    }

    100% {
        transform: translateY(150px) translateZ(130px) rotateX(90deg);
        transform-origin: top center;
    }
}

.slide-rotate-hor-b-fwd {
    animation: slide-rotate-hor-b-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.slide-rotate-hor-b-fwd-infinite {
    animation: slide-rotate-hor-b-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* slide-rotate-ver-left
Slide Rotate Vertical Left */

@keyframes slide-rotate-ver-left {
    0% {
        transform: translateX(0) rotateY(0);
    }

    100% {
        transform: translateX(-150px) rotateY(90deg);
    }
}

.slide-rotate-ver-left {
    animation: slide-rotate-ver-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-rotate-ver-left-infinite {
    animation: slide-rotate-ver-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-rotate-ver-l-bck
Slide Rotate Vertical L Back */

@keyframes slide-rotate-ver-l-bck {
    0% {
        transform: translateX(0) translateZ(0) rotateY(0);
        transform-origin: center left;
    }

    100% {
        transform: translateX(-150px) translateZ(-230px) rotateY(90deg);
        transform-origin: center left;
    }
}

.slide-rotate-ver-l-bck {
    animation: slide-rotate-ver-l-bck 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.slide-rotate-ver-l-bck-infinite {
    animation: slide-rotate-ver-l-bck 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}

/* slide-rotate-ver-l-fwd
Slide Rotate Vertical L Forward */

@keyframes slide-rotate-ver-l-fwd {
    0% {
        transform: translateX(0) translateZ(0) rotateY(0);
        transform-origin: center right;
    }

    100% {
        transform: translateX(-150px) translateZ(130px) rotateY(90deg);
        transform-origin: center right;
    }
}

.slide-rotate-ver-l-fwd {
    animation: slide-rotate-ver-l-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 both;
}

.slide-rotate-ver-l-fwd-infinite {
    animation: slide-rotate-ver-l-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0s 1 infinite both;
}













































/* File: Slide_in_back.css */
/*
slide-in-bck-center
Slide In Back Center
*/

@keyframes slide-in-bck-center {
    0% {
        transform: translateZ(600px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

.slide-in-bck-center {
    animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-bck-center-infinite {
    animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
slide-in-bck-top
Slide In Back Top */
@keyframes slide-in-bck-top {
    0% {
        transform: translateZ(700px) translateY(-300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}

.slide-in-bck-top {
    animation: slide-in-bck-top 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-bck-top-infinite {
    animation: slide-in-bck-top 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* 
slide-in-bck-tr
Slide In Back Top Righ */
@keyframes slide-in-bck-tr {
    0% {
        transform: translateZ(700px) translateY(-300px) translateX(400px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateY(0) translateX(0);
        opacity: 1;
    }
}

.slide-in-bck-tr {
    animation: slide-in-bck-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-bck-tr-infinite {
    animation: slide-in-bck-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
slide-in-bck-right
Slide In Back Right */

@keyframes slide-in-bck-right {
    0% {
        transform: translateZ(700px) translateX(400px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateX(0);
        opacity: 1;
    }
}

.slide-in-bck-right {
    animation: slide-in-bck-right 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-bck-right-infinite {
    animation: slide-in-bck-right 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
slide-in-bck-br
Slide In Back Bottom Right */

@keyframes slide-in-bck-br {
    0% {
        transform: translateZ(700px) translateY(300px) translateX(400px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateY(0) translateX(0);
        opacity: 1;
    }
}

.slide-in-bck-br {
    animation: slide-in-bck-br 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-bck-br-infinite {
    animation: slide-in-bck-br 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
slide-in-bck-bottom
Slide In Back Bottom */

@keyframes slide-in-bck-bottom {
    0% {
        transform: translateZ(700px) translateY(300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}

.slide-in-bck-bottom {
    animation: slide-in-bck-bottom 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-bck-bottom-infinite {
    animation: slide-in-bck-bottom 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
slide-in-bck-bl
Slide In Back Bottom Left */

@keyframes slide-in-bck-bl {
    0% {
        transform: translateZ(700px) translateY(300px) translateX(-400px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateY(0) translateX(0);
        opacity: 1;
    }
}

.slide-in-bck-bl {
    animation: slide-in-bck-bl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-bck-bl-infinite {
    animation: slide-in-bck-bl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
slide-in-bck-left
Slide In Back Left */

@keyframes slide-in-bck-left {
    0% {
        transform: translateZ(700px) translateX(-400px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateX(0);
        opacity: 1;
    }
}

.slide-in-bck-left {
    animation: slide-in-bck-left 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-bck-left-infinite {
    animation: slide-in-bck-left 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
slide-in-bck-tl
Slide In Back Top Left */

@keyframes slide-in-bck-tl {
    0% {
        transform: translateZ(700px) translateY(-300px) translateX(-400px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateY(0) translateX(0);
        opacity: 1;
    }
}

.slide-in-bck-tl {
    animation: slide-in-bck-tl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-bck-tl-infinite {
    animation: slide-in-bck-tl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}




/* File: Slide_in_blurred.css */
/* slide-in-blurred-top
Slide In Blurred Top */

@keyframes slide-in-blurred-top {
    0% {
        transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform-origin: 50% 0%;
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}

.slide-in-blurred-top {
    animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 both;
}

.slide-in-blurred-top-infinite {
    animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 infinite both;
}
/* 
slide-in-blurred-tr
Slide In Blurred Top Right */

@keyframes slide-in-blurred-tr {
    0% {
        transform: translate(1000px, -1000px) skew(-80deg, -10deg);
        transform-origin: 0% 0%;
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0) skew(0deg, 0deg);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}

.slide-in-blurred-tr {
    animation: slide-in-blurred-tr 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 both;
}

.slide-in-blurred-tr-infinite {
    animation: slide-in-blurred-tr 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 infinite both;
}
/* 
slide-in-blurred-right
Slide In Blurred Right */

@keyframes slide-in-blurred-right {
    0% {
        transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        transform-origin: 0% 50%;
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}

.slide-in-blurred-right {
    animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 both;
}

.slide-in-blurred-right-infinite {
    animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 infinite both;
}
/* 
slide-in-blurred-br
Slide In Blurred Bottom Right */

@keyframes slide-in-blurred-br {
    0% {
        transform: translate(1000px, 1000px) skew(80deg, 10deg);
        transform-origin: 0% 100%;
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0) skew(0deg, 0deg);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}

.slide-in-blurred-br {
    animation: slide-in-blurred-br 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 both;
}

.slide-in-blurred-br-infinte {
    animation: slide-in-blurred-br 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 infinite both;
}
/* 
slide-in-blurred-bottom
Slide In Blurred Bottom */

@keyframes slide-in-blurred-bottom {
    0% {
        transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        transform-origin: 50% 100%;
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}

.slide-in-blurred-bottom {
    animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 both;
}

.slide-in-blurred-bottom-infinite {
    animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 infinite both;
}
/* 
slide-in-blurred-bl
Slide In Blurred Bottom Left */

@keyframes slide-in-blurred-bl {
    0% {
        transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
        transform-origin: 100% 100%;
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0) skew(0deg, 0deg);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}

.slide-in-blurred-bl {
    animation: slide-in-blurred-bl 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 both;
}

.slide-in-blurred-bl-infinite {
    animation: slide-in-blurred-bl 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 infinite both;
}

/* slide-in-blurred-left
Slide In Blurred Left */

@keyframes slide-in-blurred-left {
    0% {
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}

.slide-in-blurred-left {
    animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 both;
}

.slide-in-blurred-left-infinite {
    animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 infinite both;
}
/* 
slide-in-blurred-tl
Slide In Blurred Top Left */

@keyframes slide-in-blurred-tl {
    0% {
        transform: translate(-1000px, -1000px) skew(80deg, 10deg);
        transform-origin: 100% 0%;
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0) skew(0deg, 0deg);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}

.slide-in-blurred-tl {
    animation: slide-in-blurred-tl 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 both;
}

.slide-in-blurred-tl-infinite {
    animation: slide-in-blurred-tl 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0s 1 infinite both;
}


/* File: Slide_in_fwd.css */
/*
slide-in-fwd-center
Slide In Forward Center
*/
@keyframes slide-in-fwd-center {
    0% {
        transform: translateZ(-1400px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

.slide-in-fwd-center {
    animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-fwd-center-infinite {
    animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/*
slide-in-fwd-top
Slide In Forward Top
*/
@keyframes slide-in-fwd-top {
    0% {
        transform: translateZ(-1400px) translateY(-800px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}

.slide-in-fwd-top {
    animation: slide-in-fwd-top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-fwd-top-infinite {
    animation: slide-in-fwd-top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/*
slide-in-fwd-tr
Slide In Forward Top Right
*/
@keyframes slide-in-fwd-tr {
    0% {
        transform: translateZ(-1400px) translateY(-800px) translateX(1000px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateY(0) translateX(0);
        opacity: 1;
    }
}

.slide-in-fwd-tr {
    animation: slide-in-fwd-tr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-fwd-tr-infinite {
    animation: slide-in-fwd-tr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-in-fwd-right
Slide In Forward Right 
*/
@keyframes slide-in-fwd-right {
    0% {
        transform: translateZ(-1400px) translateX(1000px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateX(0);
        opacity: 1;
    }
}

.slide-in-fwd-right {
    animation: slide-in-fwd-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-fwd-right-infinite {
    animation: slide-in-fwd-right 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-in-fwd-br
Slide In Forward Bottom Right */
@keyframes slide-in-fwd-br {
    0% {
        transform: translateZ(-1400px) translateY(800px) translateX(1000px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateY(0) translateX(0);
        opacity: 1;
    }
}

.slide-in-fwd-br {
    animation: slide-in-fwd-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-fwd-br-infinite {
    animation: slide-in-fwd-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
slide-in-fwd-bottom
Slide In Forward Bottom */

@keyframes slide-in-fwd-bottom {
    0% {
        transform: translateZ(-1400px) translateY(800px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}

.slide-in-fwd-bottom {
    animation: slide-in-fwd-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-fwd-bottom-infinite {
    animation: slide-in-fwd-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/* 
slide-in-fwd-bl
Slide In Forward Bottom Left */

@keyframes slide-in-fwd-bl {
    0% {
        transform: translateZ(-1400px) translateY(800px) translateX(-1000px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateY(0) translateX(0);
        opacity: 1;
    }
}

.slide-in-fwd-bl {
    animation: slide-in-fwd-bl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-fwd-bl-infinite {
    animation: slide-in-fwd-bl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}
/*
slide-in-fwd-left
Slide In Forward Left*/
@keyframes slide-in-fwd-left {
    0% {
        transform: translateZ(-1400px) translateX(-1000px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateX(0);
        opacity: 1;
    }
}

.slide-in-fwd-left {
    animation: slide-in-fwd-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-fwd-left-infinite {
    animation: slide-in-fwd-left 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* slide-in-fwd-tl
Slide In Forward Top Left */

@keyframes slide-in-fwd-tl {
    0% {
        transform: translateZ(-1400px) translateY(-800px) translateX(-1000px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0) translateY(0) translateX(0);
        opacity: 1;
    }
}

.slide-in-fwd-tl {
    animation: slide-in-fwd-tl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.slide-in-fwd-tl-infinite {
    animation: slide-in-fwd-tl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* File: Slide_Out_Top.css */

/* 
slide-out-top
Slide Out Top
 */


@keyframes slide-out-top {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-1000px);
        opacity: 0;
    }
}

.slide-out-top {
    animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-top-infinite {
    animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
slide-out-tr
Slide Out Top Right
 */


@keyframes slide-out-tr {
    0% {
        transform: translateY(0) translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-1000px) translateX(1000px);
        opacity: 0;
    }
}

.slide-out-tr {
    animation: slide-out-tr 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-tr-infinite {
    animation: slide-out-tr 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
slide-out-right
Slide Out Right
 */


@keyframes slide-out-right {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(1000px);
        opacity: 0;
    }
}

.slide-out-right {
    animation: slide-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-right-infinite {
    animation: slide-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
slide-out-br
Slide Out Bottom Right
 */


@keyframes slide-out-br {
    0% {
        transform: translateY(0) translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateY(1000px) translateX(1000px);
        opacity: 0;
    }
}

.slide-out-br {
    animation: slide-out-br 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-br-infinite {
    animation: slide-out-br 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
slide-out-bottom
Slide Out Bottom
 */


@keyframes slide-out-bottom {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(1000px);
        opacity: 0;
    }
}

.slide-out-bottom {
    animation: slide-out-bottom 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-bottom-infinite {
    animation: slide-out-bottom 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
slide-out-bl
Slide Out Bottom Left
 */


@keyframes slide-out-bl {
    0% {
        transform: translateY(0) translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateY(1000px) translateX(-1000px);
        opacity: 0;
    }
}

.slide-out-bl {
    animation: slide-out-bl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-bl-infinite {
    animation: slide-out-bl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
slide-out-left
Slide Out Left
 */


@keyframes slide-out-left {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(-1000px);
        opacity: 0;
    }
}

.slide-out-left {
    animation: slide-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-left-infinite {
    animation: slide-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* 
slide-out-tl
Slide Out Top Left
 */

@keyframes slide-out-tl {
    0% {
        transform: translateY(0) translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-1000px) translateX(-1000px);
        opacity: 0;
    }
}

.slide-out-tl {
    animation: slide-out-tl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.slide-out-tl-infinite {
    animation: slide-out-tl 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}



/* File: slit-in.css */
/* slit-in-vertical
Slit In Vertical */

@keyframes slit-in-vertical {
    0% {
        transform: translateZ(-800px) rotateY(90deg);
        opacity: 0;
    }

    54% {
        transform: translateZ(-160px) rotateY(87deg);
        opacity: 1;
    }

    100% {
        transform: translateZ(0) rotateY(0);
    }
}

.slit-in-vertical {
    animation: slit-in-vertical 0.45s ease-out 0s 1 both;
}

.slit-in-vertical-infinite {
    animation: slit-in-vertical 0.45s ease-out 0s 1 infinite both;
}

/* slit-in-horizontal
Slit In Horizontal */

@keyframes slit-in-horizontal {
    0% {
        transform: translateZ(-800px) rotateX(90deg);
        opacity: 0;
    }

    54% {
        transform: translateZ(-160px) rotateX(87deg);
        opacity: 1;
    }

    100% {
        transform: translateZ(0) rotateX(0);
    }
}

.slit-in-horizontal {
    animation: slit-in-horizontal 0.45s ease-out 0s 1 both;
}

.slit-in-horizontal-infinite {
    animation: slit-in-horizontal 0.45s ease-out 0s 1 infinite both;
}


/* slit-in-diagonal-1
Slit In Diagonal 1 */

@keyframes slit-in-diagonal-1 {
    0% {
        transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    54% {
        transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        transform: translateZ(0) rotate3d(1, 1, 0, 0);
        animation-timing-function: ease-out;
    }
}

.slit-in-diagonal-1 {
    animation: slit-in-diagonal-1 0.45s ease-out 0s 1 both;
}

.slit-in-diagonal-1-infinite {
    animation: slit-in-diagonal-1 0.45s ease-out 0s 1 infinite both;
}

/* slit-in-diagonal-2
Slit In Diagonal 2 */

@keyframes slit-in-diagonal-2 {
    0% {
        transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    54% {
        transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        transform: translateZ(0) rotate3d(-1, 1, 0, 0);
        animation-timing-function: ease-out;
    }
}

.slit-in-diagonal-2 {
    animation: slit-in-diagonal-2 0.45s ease-out 0s 1 both;
}

.slit-in-diagonal-2-infinite {
    animation: slit-in-diagonal-2 0.45s ease-out 0s 1 infinite both;
}








/* File: Slit_Out_Vertical.css */
/* slit-out-vertical
Slit Out Vertical
 */

@keyframes slit-out-vertical {
    0% {
        transform: translateZ(0) rotateY(0);
        opacity: 1;
    }

    54% {
        transform: translateZ(-160px) rotateY(87deg);
        opacity: 1;
    }

    100% {
        transform: translateZ(-800px) rotateY(90deg);
        opacity: 0;
    }
}

.slit-out-vertical {
    animation: slit-out-vertical 0.5s ease-in 0s 1 both;
}

.slit-out-vertical-infinite {
    animation: slit-out-vertical 0.5s ease-in 0s 1 infinite both;
}


/* 
slit-out-horizontal
Slit Out Horizontal
 */

@keyframes slit-out-horizontal {
    0% {
        transform: translateZ(0) rotateX(0);
        opacity: 1;
    }

    54% {
        transform: translateZ(-160px) rotateX(87deg);
        opacity: 1;
    }

    100% {
        transform: translateZ(-800px) rotateX(90deg);
        opacity: 0;
    }
}

.slit-out-horizontal {
    animation: slit-out-horizontal 0.5s ease-in 0s 1 both;
}

.slit-out-horizontal-infinite {
    animation: slit-out-horizontal 0.5s ease-in 0s 1 infinite both;
}

/* 
slit-out-diagonal-1
Slit Out Diagonal 1
 */


@keyframes slit-out-diagonal-1 {
    0% {
        transform: translateZ(0) rotate3d(1, 1, 0, 0);
        opacity: 1;
    }

    54% {
        transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        opacity: 1;
    }

    100% {
        transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        opacity: 0;
    }
}

.slit-out-diagonal-1 {
    animation: slit-out-diagonal-1 0.5s ease-in 0s 1 both;
}

.slit-out-diagonal-1-infinite {
    animation: slit-out-diagonal-1 0.5s ease-in 0s 1 infinite both;
}

/* 
slit-out-diagonal-2
Slit Out Diagonal 2
 */

@keyframes slit-out-diagonal-2 {
    0% {
        transform: translateZ(0) rotate3d(-1, 1, 0, 0);
        opacity: 1;
    }

    54% {
        transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
        opacity: 1;
    }

    100% {
        transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
        opacity: 0;
    }
}

.slit-out-diagonal-2 {
    animation: slit-out-diagonal-2 0.5s ease-in 0s 1 both;
}

.slit-out-diagonal-2-infinite {
    animation: slit-out-diagonal-2 0.5s ease-in 0s 1 infinite both;
}


/* File: Swing.css */
/*swing-top-fwd
Swing Top Forward */

@keyframes swing-top-fwd {
    0% {
        transform: rotateX(0);
        transform-origin: top;
    }

    100% {
        transform: rotateX(180deg);
        transform-origin: top;
    }
}

.swing-top-fwd {
    animation: swing-top-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}


.swing-top-fwd-infinite {
    animation: swing-top-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* swing-top-bck
Swing Top Back */

@keyframes swing-top-bck {
    0% {
        transform: rotateX(0);
        transform-origin: top;
    }

    100% {
        transform: rotateX(-180deg);
        transform-origin: top;
    }
}

.swing-top-bck {
    animation: swing-top-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.swing-top-bck-infinite {
    animation: swing-top-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* swing-top-right-fwd
Swing Top Right Forward */

@keyframes swing-top-right-fwd {
    0% {
        transform: rotate3d(1, 1, 0, 0deg);
        transform-origin: 100% 0%;
    }

    100% {
        transform: rotate3d(1, 1, 0, 180deg);
        transform-origin: 100% 0%;
    }
}

.swing-top-right-fwd {
    animation: swing-top-right-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.swing-top-right-fwd-infinite {
    animation: swing-top-right-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* swing-top-right-bck
Swing Top Right Back*/

@keyframes swing-top-right-bck {
    0% {
        transform: rotate3d(1, 1, 0, 0deg);
        transform-origin: 100% 0%;
    }

    100% {
        transform: rotate3d(1, 1, 0, -180deg);
        transform-origin: 100% 0%;
    }
}

.swing-top-right-bck {
    animation: swing-top-right-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

    .swing-top-right-bck -infinite {
        animation: swing-top-right-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
    }

/* swing-right-fwd
Swing Right Forward */

@keyframes swing-right-fwd {
    0% {
        transform: rotateY(0);
        transform-origin: right;
    }

    100% {
        transform: rotateY(180deg);
        transform-origin: right;
    }
}

.swing-right-fwd {
    animation: swing-right-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.swing-right-fwd-infinite {
    animation: swing-right-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* swing-right-bck
Swing Right Back */

@keyframes swing-right-bck {
    0% {
        transform: rotateY(0);
        transform-origin: right;
    }

    100% {
        transform: rotateY(-180deg);
        transform-origin: right;
    }
}

.swing-right-bck {
    animation: swing-right-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

swing-right-bck-infinite {
    animation: swing-right-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* swing-bottom-right-fwd
Swing Bottom Right Forward */

@keyframes swing-bottom-right-fwd {
    0% {
        transform: rotate3d(-1, 1, 0, 0deg);
        transform-origin: 100% 100%;
    }

    100% {
        transform: rotate3d(-1, 1, 0, 180deg);
        transform-origin: 100% 100%;
    }
}

.swing-bottom-right-fwd {
    animation: swing-bottom-right-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.swing-bottom-right-fwd-infinite {
    animation: swing-bottom-right-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/*swing-bottom-right-bck
Swing Bottom Right Back */

@keyframes swing-bottom-right-bck {
    0% {
        transform: rotate3d(-1, 1, 0, 0deg);
        transform-origin: 100% 100%;
    }

    100% {
        transform: rotate3d(-1, 1, 0, -180deg);
        transform-origin: 100% 100%;
    }
}

.swing-bottom-right-bck {
    animation: swing-bottom-right-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.swing-bottom-right-bck-infinite {
    animation: swing-bottom-right-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* swing-bottom-fwd
Swing Bottom Forward */

@keyframes swing-bottom-fwd {
    0% {
        transform: rotateX(0);
        transform-origin: bottom;
    }

    100% {
        transform: rotateX(-180deg);
        transform-origin: bottom;
    }
}

.swing-bottom-fwd {
    animation: swing-bottom-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.swing-bottom-fwd-infinite {
    animation: swing-bottom-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* swing-bottom-bck
Swing Bottom Back */

@keyframes swing-bottom-bck {
    0% {
        transform: rotateX(0);
        transform-origin: bottom;
    }

    100% {
        transform: rotateX(180deg);
        transform-origin: bottom;
    }
}

.swing-bottom-bck {
    animation: swing-bottom-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.swing-bottom-bck-infinite {
    animation: swing-bottom-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* swing-bottom-left-fwd
Swing Bottom Left Forward */

@keyframes swing-bottom-left-fwd {
    0% {
        transform: rotate3d(1, 1, 0, 0deg);
        transform-origin: 0% 100%;
    }

    100% {
        transform: rotate3d(1, 1, 0, -180deg);
        transform-origin: 0% 100%;
    }
}

.swing-bottom-left-fwd {
    animation: swing-bottom-left-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.swing-bottom-left-fwd-infinite {
    animation: swing-bottom-left-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* wing-bottom-left-bck
Swing Bottom Left Back */

@keyframes swing-bottom-left-bck {
    0% {
        transform: rotate3d(1, 1, 0, 0deg);
        transform-origin: 0% 100%;
    }

    100% {
        transform: rotate3d(1, 1, 0, 180deg);
        transform-origin: 0% 100%;
    }
}

.swing-bottom-left-bck {
    animation: swing-bottom-left-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.swing-bottom-left-bck-infinite {
    animation: swing-bottom-left-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* swing-left-fwd
Swing Left Forward */

@keyframes swing-left-fwd {
    0% {
        transform: rotateY(0);
        transform-origin: left bottom;
    }

    100% {
        transform: rotateY(-180deg);
        transform-origin: left bottom;
    }
}

.swing-left-fwd {
    animation: swing-left-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.swing-left-fwd-infinite {
    animation: swing-left-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/*swing-left-bck
Swing Left Back */

@keyframes swing-left-bck {
    0% {
        transform: rotateY(0);
        transform-origin: left bottom;
    }

    100% {
        transform: rotateY(180deg);
        transform-origin: left bottom;
    }
}

.swing-left-bck {
    animation: swing-left-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.swing-left-bck-infinite {
    animation: swing-left-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* swing-top-left-fwd
Swing Top Left Forward */

@keyframes swing-top-left-fwd {
    0% {
        transform: rotate3d(-1, 1, 0, 0deg);
        transform-origin: 0% 0%;
    }

    100% {
        transform: rotate3d(-1, 1, 0, -180deg);
        transform-origin: 0% 0%;
    }
}

.swing-top-left-fwd {
    animation: swing-top-left-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.swing-top-left-fwd-infinite {
    animation: swing-top-left-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* swing-top-left-bck
Swing Top Left Back */

@keyframes swing-top-left-bck {
    0% {
        transform: rotate3d(-1, 1, 0, 0deg);
        transform-origin: 0% 0%;
    }

    100% {
        transform: rotate3d(-1, 1, 0, 180deg);
        transform-origin: 0% 0%;
    }
}

.swing-top-left-bck {
    animation: swing-top-left-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.swing-top-left-bck-infinite {
    animation: swing-top-left-bck 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}





























/* File: SwingOut.css */
/* swing-out-top-bck
Swing Out Top Back */

@keyframes swing-out-top-bck {
    0% {
        transform: rotateX(0deg);
        transform-origin: top;
        opacity: 1;
    }

    100% {
        transform: rotateX(-100deg);
        transform-origin: top;
        opacity: 0;
    }
}

.swing-out-top-bck {
    animation: swing-out-top-bck 0.45s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s 1 both;
}

.swing-out-top-bck-infinite {
    animation: swing-out-top-bck 0.45s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s 1 infinite both;
}

/* swing-out-top-fwd
Swing Out Top Forward */

@keyframes swing-out-top-fwd {
    0% {
        transform: rotateX(0deg);
        transform-origin: top;
        opacity: 1;
    }

    100% {
        transform: rotateX(70deg);
        transform-origin: top;
        opacity: 0;
    }
}

.swing-out-top-fwd {
    animation: swing-out-top-fwd 0.55s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s 1 both;
}

.swing-out-top-fwd-infinite {
    animation: swing-out-top-fwd 0.55s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s 1 infinite both;
}

/* swing-out-right-bck
Swing Out Right Back */

@keyframes swing-out-right-bck {
    0% {
        transform: rotateY(0);
        transform-origin: right;
        opacity: 1;
    }

    100% {
        transform: rotateY(-100deg);
        transform-origin: right;
        opacity: 0;
    }
}

.swing-out-right-bck {
    animation: swing-out-right-bck 0.45s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s 1 both;
}

.swing-out-right-bck-infinite {
    animation: swing-out-right-bck 0.45s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s 1 infinite both;
}

/* swing-out-right-fwd
Swing Out Right Forward */

@keyframes swing-out-right-fwd {
    0% {
        transform: rotateY(0);
        transform-origin: right;
        opacity: 1;
    }

    100% {
        transform: rotateY(70deg);
        transform-origin: right;
        opacity: 0;
    }
}

.swing-out-right-fwd {
    animation: swing-out-right-fwd 0.55s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s 1 both;
}

.swing-out-right-fwd-infinite {
    animation: swing-out-right-fwd 0.55s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s 1 infinite both;
}

/* swing-out-bottom-bck
Swing Out Bottom Back */

@keyframes swing-out-bottom-bck {
    0% {
        transform: rotateX(0);
        transform-origin: bottom;
        opacity: 1;
    }

    100% {
        transform: rotateX(100deg);
        transform-origin: bottom;
        opacity: 0;
    }
}

.swing-out-bottom-bck {
    animation: swing-out-bottom-bck 0.45s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s 1 both;
}

.swing-out-bottom-bck-infinite {
    animation: swing-out-bottom-bck 0.45s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s 1 infinite both;
}

/* swing-out-bottom-fwd
Swing Out Bottom Forward */

@keyframes swing-out-bottom-fwd {
    0% {
        transform: rotateX(0);
        transform-origin: bottom;
        opacity: 1;
    }

    100% {
        transform: rotateX(-70deg);
        transform-origin: bottom;
        opacity: 0;
    }
}

.swing-out-bottom-fwd {
    animation: swing-out-bottom-fwd 0.55s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s 1 both;
}

.swing-out-bottom-fwd-infinite {
    animation: swing-out-bottom-fwd 0.55s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s 1 infinite both;
}

/* swing-out-left-bck
Swing Out Left Back */

@keyframes swing-out-left-bck {
    0% {
        transform: rotateY(0);
        transform-origin: left;
        opacity: 1;
    }

    100% {
        transform: rotateY(100deg);
        transform-origin: left;
        opacity: 0;
    }
}

.swing-out-left-bck {
    animation: swing-out-left-bck 0.45s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s 1 both;
}

.swing-out-left-bck-infinite {
    animation: swing-out-left-bck 0.45s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s 1 infinite both;
}


/* swing-out-left-fwd
Swing Out Left Forward */

@keyframes swing-out-left-fwd {
    0% {
        transform: rotateY(0);
        transform-origin: left;
        opacity: 1;
    }

    100% {
        transform: rotateY(-70deg);
        transform-origin: left;
        opacity: 0;
    }
}

.swing-out-left-fwd {
    animation: swing-out-left-fwd 0.55s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s 1 both;
}

.swing-out-left-fwd-infinite {
    animation: swing-out-left-fwd 0.55s cubic-bezier(0.600, -0.280, 0.735, 0.045) 0s 1 infinite both;
}




































/* File: Swing_In.css */

/* 
swing-in-top-fwd
Swing In Top Forward */

@keyframes swing-in-top-fwd {
    0% {
        transform: rotateX(-100deg);
        transform-origin: top;
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        transform-origin: top;
        opacity: 1;
    }
}

.swing-in-top-fwd {
    animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s 1 both;
}

.swing-in-top-fwd-infinite {
    animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s 1 infinite both;
}

/* 

swing-in-top-bck
Swing In Top Back */

@keyframes swing-in-top-bck {
    0% {
        transform: rotateX(70deg);
        transform-origin: top;
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        transform-origin: top;
        opacity: 1;
    }
}

.swing-in-top-bck {
    animation: swing-in-top-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s 1 both;
}

.swing-in-top-bck-infinite {
    animation: swing-in-top-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s 1 infinite both;
}

/* 
swing-in-right-fwd
Swing In Right Forward 
*/

@keyframes swing-in-right-fwd {
    0% {
        transform: rotateY(-100deg);
        transform-origin: right;
        opacity: 0;
    }

    100% {
        transform: rotateY(0);
        transform-origin: right;
        opacity: 1;
    }
}

.swing-in-right-fwd {
    animation: swing-in-right-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s 1 both;
}

.swing-in-right-fwd-infinite {
    animation: swing-in-right-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s 1 infinite both;
}

/* 
swing-in-right-bck
Swing In Right Back 
*/


@keyframes swing-in-right-bck {
    0% {
        transform: rotateY(70deg);
        transform-origin: right;
        opacity: 0;
    }

    100% {
        transform: rotateY(0);
        transform-origin: right;
        opacity: 1;
    }
}

.swing-in-right-bck {
    animation: swing-in-right-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s 1 both;
}

.swing-in-right-bck-infinite {
    animation: swing-in-right-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s 1 infinite both;
}

/* 
swing-in-bottom-fwd
Swing In Bottom Forward 
*/

@keyframes swing-in-bottom-fwd {
    0% {
        transform: rotateX(100deg);
        transform-origin: bottom;
        opacity: 0;
    }

    100% {
        transform: rotateX(0);
        transform-origin: bottom;
        opacity: 1;
    }
}

.swing-in-bottom-fwd {
    animation: swing-in-bottom-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s 1 both;
}

.swing-in-bottom-fwd-infinite {
    animation: swing-in-bottom-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s 1 infinite both;
}

/* 
swing-in-bottom-bck
Swing In Bottom Back
 */


@keyframes swing-in-bottom-bck {
    0% {
        transform: rotateX(-70deg);
        transform-origin: bottom;
        opacity: 0;
    }

    100% {
        transform: rotateX(0);
        transform-origin: bottom;
        opacity: 1;
    }
}

.swing-in-bottom-bck {
    animation: swing-in-bottom-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s 1 both;
}

.swing-in-bottom-bck-infinite {
    animation: swing-in-bottom-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s 1 infinite both;
}

/* 
swing-in-left-fwd
Swing In Left Forward 
*/


@keyframes swing-in-left-fwd {
    0% {
        transform: rotateY(100deg);
        transform-origin: left;
        opacity: 0;
    }

    100% {
        transform: rotateY(0);
        transform-origin: left;
        opacity: 1;
    }
}

.swing-in-left-fwd {
    animation: swing-in-left-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s 1 both;
}

.swing-in-left-fwd-infinite {
    animation: swing-in-left-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s 1 infinite both;
}

/* 
swing-in-left-bck
Swing In Left Back
 */


@keyframes swing-in-left-bck {
    0% {
        transform: rotateY(-70deg);
        transform-origin: left;
        opacity: 0;
    }

    100% {
        transform: rotateY(0);
        transform-origin: left;
        opacity: 1;
    }
}

.swing-in-left-bck {
    animation: swing-in-left-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s 1 both;
}

.swing-in-left-bck-infinite {
    animation: swing-in-left-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s 1 infinite both;
}


/* File: swirl-in.css */
/* swirl-in-fwd
Swirl In Forward */

@keyframes swirl-in-fwd {
    0% {
        transform: rotate(-540deg) scale(0);
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        opacity: 1;
    }
}

.swirl-in-fwd {
    animation: swirl-in-fwd 0.6s ease-out 0s 1 both;
}

.swirl-in-fwd-infinite {
    animation: swirl-in-fwd 0.6s ease-out 0s 1 infinite both;
}

/* swirl-in-bck
Swirl In Back */

@keyframes swirl-in-bck {
    0% {
        transform: rotate(540deg) scale(5);
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        opacity: 1;
    }
}

.swirl-in-bck {
    animation: swirl-in-bck 0.65s ease-out 0s 1 both;
}

.swirl-in-bck-infinite {
    animation: swirl-in-bck 0.65s ease-out 0s 1 infinite both;
}

/* swirl-in-top-fwd
Swirl In Top Forward */

@keyframes swirl-in-top-fwd {
    0% {
        transform: rotate(-540deg) scale(0);
        transform-origin: 50% 0;
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        transform-origin: 50% 0;
        opacity: 1;
    }
}

.swirl-in-top-fwd {
    animation: swirl-in-top-fwd 0.6s ease-out 0s 1 both;
}

.swirl-in-top-fwd-infinite {
    animation: swirl-in-top-fwd 0.6s ease-out 0s 1 infinite both;
}

/* swirl-in-top-bck
Swirl In Top Back */

@keyframes swirl-in-top-bck {
    0% {
        transform: rotate(540deg) scale(5);
        transform-origin: 50% 0;
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        transform-origin: 50% 0;
        opacity: 1;
    }
}

.swirl-in-top-bck {
    animation: swirl-in-top-bck 0.65s ease-out 0s 1 both;
}

.swirl-in-top-bck-infinite {
    animation: swirl-in-top-bck 0.65s ease-out 0s 1 infinite both;
}

/* swirl-in-tr-fwd
Swirl In Top Right Forward */

@keyframes swirl-in-tr-fwd {
    0% {
        transform: rotate(-540deg) scale(0);
        transform-origin: 100% 0%;
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

.swirl-in-tr-fwd {
    animation: swirl-in-tr-fwd 0.6s ease-out 0s 1 both;
}

.swirl-in-tr-fwd-infinite {
    animation: swirl-in-tr-fwd 0.6s ease-out 0s 1 infinite both;
}

/* swirl-in-tr-bck
Swirl In Top Right Back */

@keyframes swirl-in-tr-bck {
    0% {
        transform: rotate(540deg) scale(5);
        transform-origin: 100% 0%;
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

.swirl-in-tr-bck {
    animation: swirl-in-tr-bck 0.65s ease-out 0s 1 both;
}

.swirl-in-tr-bck-infinite {
    animation: swirl-in-tr-bck 0.65s ease-out 0s 1 infinite both;
}

/* swirl-in-right-fwd
Swirl In Right Forward */

@keyframes swirl-in-right-fwd {
    0% {
        transform: rotate(-540deg) scale(0);
        transform-origin: 100% 50%;
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        transform-origin: 100% 50%;
        opacity: 1;
    }
}

.swirl-in-right-fwd {
    animation: swirl-in-right-fwd 0.6s ease-out 0s 1 both;
}

.swirl-in-right-fwd-infinite {
    animation: swirl-in-right-fwd 0.6s ease-out 0s 1 infinite both;
}

/* swirl-in-right-bck
Swirl In Right Back */

@keyframes swirl-in-right-bck {
    0% {
        transform: rotate(540deg) scale(5);
        transform-origin: 100% 50%;
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        transform-origin: 100% 50%;
        opacity: 1;
    }
}

.swirl-in-right-bck {
    animation: swirl-in-right-bck 0.65s ease-out 0s 1 both;
}

.swirl-in-right-bck-infinite {
    animation: swirl-in-right-bck 0.65s ease-out 0s 1 infinite both;
}

/* swirl-in-br-fwd
Swirl In Bottom Right Forward */

@keyframes swirl-in-br-fwd {
    0% {
        transform: rotate(-540deg) scale(0);
        transform-origin: 100% 100%;
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        transform-origin: 100% 100%;
        opacity: 1;
    }
}

.swirl-in-br-fwd {
    animation: swirl-in-br-fwd 0.6s ease-out 0s 1 both;
}

.swirl-in-br-fwd-infinite {
    animation: swirl-in-br-fwd 0.6s ease-out 0s 1 infinite both;
}

/* swirl-in-br-bck
Swirl In Bottom Right Back */

@keyframes swirl-in-br-bck {
    0% {
        transform: rotate(540deg) scale(5);
        transform-origin: 100% 100%;
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        transform-origin: 100% 100%;
        opacity: 1;
    }
}

.swirl-in-br-bck {
    animation: swirl-in-br-bck 0.65s ease-out 0s 1 both;
}

.swirl-in-br-bck-infinite {
    animation: swirl-in-br-bck 0.65s ease-out 0s 1 infinite both;
}

/* swirl-in-bottom-fwd
Swirl In Bottom Forward */

@keyframes swirl-in-bottom-fwd {
    0% {
        transform: rotate(-540deg) scale(0);
        transform-origin: 50% 100%;
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        transform-origin: 50% 100%;
        opacity: 1;
    }
}

.swirl-in-bottom-fwd {
    animation: swirl-in-bottom-fwd 0.6s ease-out 0s 1 both;
}

.swirl-in-bottom-fwd-infinite {
    animation: swirl-in-bottom-fwd 0.6s ease-out 0s 1 infinite both;
}

/* swirl-in-bottom-bck
Swirl In Bottom Back */

@keyframes swirl-in-bottom-bck {
    0% {
        transform: rotate(540deg) scale(5);
        transform-origin: 50% 100%;
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        transform-origin: 50% 100%;
        opacity: 1;
    }
}

.swirl-in-bottom-bck {
    animation: swirl-in-bottom-bck 0.65s ease-out 0s 1 both;
}

.swirl-in-bottom-bck-infinite {
    animation: swirl-in-bottom-bck 0.65s ease-out 0s 1 infinite both;
}

/* swirl-in-bl-fwd
Swirl In Bottom Left Forward */

@keyframes swirl-in-bl-fwd {
    0% {
        transform: rotate(-540deg) scale(0);
        transform-origin: 0 100%;
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        transform-origin: 0 100%;
        opacity: 1;
    }
}

.swirl-in-bl-fwd {
    animation: swirl-in-bl-fwd 0.6s ease-out 0s 1 both;
}

.swirl-in-bl-fwd-infinite {
    animation: swirl-in-bl-fwd 0.6s ease-out 0s 1 infinite both;
}

/* swirl-in-bl-bck
Swirl In Bottom Left Back */

@keyframes swirl-in-bl-bck {
    0% {
        transform: rotate(540deg) scale(5);
        transform-origin: 0 100%;
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        transform-origin: 0 100%;
        opacity: 1;
    }
}

.swirl-in-bl-bck {
    animation: swirl-in-bl-bck 0.65s ease-out 0s 1 both;
}

.swirl-in-bl-bck-infinite {
    animation: swirl-in-bl-bck 0.65s ease-out 0s 1 infinite both;
}

/* swirl-in-left-fwd
Swirl In Left Forward */

@keyframes swirl-in-left-fwd {
    0% {
        transform: rotate(-540deg) scale(0);
        transform-origin: 0 50%;
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        transform-origin: 0 50%;
        opacity: 1;
    }
}

.swirl-in-left-fwd {
    animation: swirl-in-left-fwd 0.6s ease-out 0s 1 both;
}

.swirl-in-left-fwd-infinite {
    animation: swirl-in-left-fwd 0.6s ease-out 0s 1 infinite both;
}

/* swirl-in-left-bck
Swirl In Left Back */

@keyframes swirl-in-left-bck {
    0% {
        transform: rotate(540deg) scale(5);
        transform-origin: 0 50%;
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        transform-origin: 0 50%;
        opacity: 1;
    }
}

.swirl-in-left-bck {
    animation: swirl-in-left-bck 0.65s ease-out 0s 1 both;
}

.swirl-in-left-bck-infinite {
    animation: swirl-in-left-bck 0.65s ease-out 0s 1 infinite both;
}

/* swirl-in-tl-fwd
Swirl In Top Left Forward */

@keyframes swirl-in-tl-fwd {
    0% {
        transform: rotate(-540deg) scale(0);
        transform-origin: 0 0;
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        transform-origin: 0 0;
        opacity: 1;
    }
}

.swirl-in-tl-fwd {
    animation: swirl-in-tl-fwd 0.6s ease-out 0s 1 both;
}

.swirl-in-tl-fwd-infinite {
    animation: swirl-in-tl-fwd 0.6s ease-out 0s 1 infinite both;
}

/* swirl-in-tl-bck
Swirl In Top Left Back */

@keyframes swirl-in-tl-bck {
    0% {
        transform: rotate(540deg) scale(5);
        transform-origin: 0 0;
        opacity: 0;
    }

    100% {
        transform: rotate(0) scale(1);
        transform-origin: 0 0;
        opacity: 1;
    }
}

.swirl-in-tl-bck {
    animation: swirl-in-tl-bck 0.65s ease-out 0s 1 both;
}

.swirl-in-tl-bck-infinite {
    animation: swirl-in-tl-bck 0.65s ease-out 0s 1 infinite both;
}




































/* File: Swirl_Out.css */

/* 
swirl-out-bck
Swirl Out Back
 */

@keyframes swirl-out-bck {
    0% {
        transform: rotate(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: rotate(-540deg) scale(0);
        opacity: 0;
    }
}

.swirl-out-bck {
    animation: swirl-out-bck 0.6s ease-in 0s 1 both;
}

.swirl-out-bck-infinite {
    animation: swirl-out-bck 0.6s ease-in 0s 1 infinite both;
}

/* 
swirl-out-fwd
Swirl Out Forward
 */

@keyframes swirl-out-fwd {
    0% {
        transform: rotate(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: rotate(540deg) scale(5);
        opacity: 0;
    }
}

.swirl-out-fwd {
    animation: swirl-out-fwd 0.65s ease-in 0s 1 both;
}

.swirl-out-fwd-infinite {
    animation: swirl-out-fwd 0.65s ease-in 0s 1 infinite both;
}
/* 
swirl-out-top-bck
Swirl Out Top Back
 */


@keyframes swirl-out-top-bck {
    0% {
        transform: rotate(0) scale(1);
        transform-origin: 50% 0%;
        opacity: 1;
    }

    100% {
        transform: rotate(-540deg) scale(0);
        transform-origin: 50% 0%;
        opacity: 0;
    }
}

.swirl-out-top-bck {
    animation: swirl-out-top-bck 0.6s ease-in 0s 1 both;
}

.swirl-out-top-bck-infinite {
    animation: swirl-out-top-bck 0.6s ease-in 0s 1 infinite both;
}


/* 
swirl-out-top-fwd
Swirl Out Top Forward
 */

@keyframes swirl-out-top-fwd {
    0% {
        transform: rotate(0) scale(1);
        transform-origin: 50% 0%;
        opacity: 1;
    }

    100% {
        transform: rotate(540deg) scale(5);
        transform-origin: 50% 0%;
        opacity: 0;
    }
}

.swirl-out-top-fwd {
    animation: swirl-out-top-fwd 0.65s ease-in 0s 1 both;
}

.swirl-out-top-fwd-infinite {
    animation: swirl-out-top-fwd 0.65s ease-in 0s 1 infinite both;
}



/* 
swirl-out-tr-bck
Swirl Out Top Right Back
 */

@keyframes swirl-out-tr-bck {
    0% {
        transform: rotate(0) scale(1);
        transform-origin: 100% 0%;
        opacity: 1;
    }

    100% {
        transform: rotate(-540deg) scale(0);
        transform-origin: 100% 0%;
        opacity: 0;
    }
}

.swirl-out-tr-bck {
    animation: swirl-out-tr-bck 0.6s ease-in 0s 1 both;
}

.swirl-out-tr-bck-infinite {
    animation: swirl-out-tr-bck 0.6s ease-in 0s 1 infinite both;
}

/* 
 swirl-out-right-bck
 Swirl Out Right Back

  */

@keyframes swirl-out-right-bck {
    0% {
        transform: rotate(0) scale(1);
        transform-origin: 100% 50%;
        opacity: 1;
    }

    100% {
        transform: rotate(-540deg) scale(0);
        transform-origin: 100% 50%;
        opacity: 0;
    }
}

.swirl-out-right-bck {
    animation: swirl-out-right-bck 0.6s ease-in 0s 1 both;
}

.swirl-out-right-bck-infinite {
    animation: swirl-out-right-bck 0.6s ease-in 0s 1 infinite both;
}



/* 
swirl-out-br-bck
Swirl Out Bottom Right Back
 */

@keyframes swirl-out-br-bck {
    0% {
        transform: rotate(0) scale(1);
        transform-origin: 100% 100%;
        opacity: 1;
    }

    100% {
        transform: rotate(-540deg) scale(0);
        transform-origin: 100% 100%;
        opacity: 0;
    }
}

.swirl-out-br-bck {
    animation: swirl-out-br-bck 0.6s ease-in 0s 1 both;
}

.swirl-out-br-bck-infinite {
    animation: swirl-out-br-bck 0.6s ease-in 0s 1 infinite both;
}

/* 
swirl-out-br-fwd
Swirl Out Bottom Right Forward
 */

@keyframes swirl-out-br-fwd {
    0% {
        transform: rotate(0) scale(1);
        transform-origin: 100% 100%;
        opacity: 1;
    }

    100% {
        transform: rotate(540deg) scale(5);
        transform-origin: 100% 100%;
        opacity: 0;
    }
}

.swirl-out-br-fwd {
    animation: swirl-out-br-fwd 0.65s ease-in 0s 1 both;
}

.swirl-out-br-fwd-infinite {
    animation: swirl-out-br-fwd 0.65s ease-in 0s 1 infinite both;
}

/* 
swirl-out-bottom-bck
Swirl Out Bottom Back

 */

@keyframes swirl-out-bottom-bck {
    0% {
        transform: rotate(0) scale(1);
        transform-origin: 50% 100%;
        opacity: 1;
    }

    100% {
        transform: rotate(-540deg) scale(0);
        transform-origin: 50% 100%;
        opacity: 0;
    }
}

.swirl-out-bottom-bck {
    animation: swirl-out-bottom-bck 0.6s ease-in 0s 1 both;
}

.swirl-out-bottom-bck-infinite {
    animation: swirl-out-bottom-bck 0.6s ease-in 0s 1 infinite both;
}

/* 
swirl-out-bottom-fwd
Swirl Out Bottom Forward
 */


@keyframes swirl-out-bottom-fwd {
    0% {
        transform: rotate(0) scale(1);
        transform-origin: 50% 100%;
        opacity: 1;
    }

    100% {
        transform: rotate(540deg) scale(5);
        transform-origin: 50% 100%;
        opacity: 0;
    }
}

.swirl-out-bottom-fwd {
    animation: swirl-out-bottom-fwd 0.65s ease-in 0s 1 both;
}

.swirl-out-bottom-fwd-infinite {
    animation: swirl-out-bottom-fwd 0.65s ease-in 0s 1 infinite both;
}

/* 
swirl-out-bl-bck
Swirl Out Bottom Left Back
 */

@keyframes swirl-out-bl-bck {
    0% {
        transform: rotate(0) scale(1);
        transform-origin: 0 100%;
        opacity: 1;
    }

    100% {
        transform: rotate(-540deg) scale(0);
        transform-origin: 0 100%;
        opacity: 0;
    }
}

.swirl-out-bl-bck {
    animation: swirl-out-bl-bck 0.6s ease-in 0s 1 both;
}

.swirl-out-bl-bck-infinite {
    animation: swirl-out-bl-bck 0.6s ease-in 0s 1 infinite both;
}

/* 
swirl-out-bl-fwd
Swirl Out Bottom Left Forward
 */


@keyframes swirl-out-bl-fwd {
    0% {
        transform: rotate(0) scale(1);
        transform-origin: 0 100%;
        opacity: 1;
    }

    100% {
        transform: rotate(540deg) scale(5);
        transform-origin: 0 100%;
        opacity: 0;
    }
}

.swirl-out-bl-fwd {
    animation: swirl-out-bl-fwd 0.65s ease-in 0s 1 both;
}

.swirl-out-bl-fwd-infinite {
    animation: swirl-out-bl-fwd 0.65s ease-in 0s 1 infinite both;
}

/* 
swirl-out-left-bck
Swirl Out Left Back
 */


@keyframes swirl-out-left-bck {
    0% {
        transform: rotate(0) scale(1);
        transform-origin: 0 50%;
        opacity: 1;
    }

    100% {
        transform: rotate(-540deg) scale(0);
        transform-origin: 0 50%;
        opacity: 0;
    }
}

.swirl-out-left-bck {
    animation: swirl-out-left-bck 0.6s ease-in 0s 1 both;
}

.swirl-out-left-bck-infinite {
    animation: swirl-out-left-bck 0.6s ease-in 0s 1 infinite both;
}


/* 
swirl-out-left-fwd
Swirl Out Left Forward
 */


@keyframes swirl-out-left-fwd {
    0% {
        transform: rotate(0) scale(1);
        transform-origin: 0 50%;
        opacity: 1;
    }

    100% {
        transform: rotate(540deg) scale(5);
        transform-origin: 0 50%;
        opacity: 0;
    }
}

.swirl-out-left-fwd {
    animation: swirl-out-left-fwd 0.65s ease-in 0s 1 both;
}

.swirl-out-left-fwd-infinite {
    animation: swirl-out-left-fwd 0.65s ease-in 0s 1 infinite both;
}

/* 
swirl-out-tl-bck
Swirl Out Top Left Back
 */

@keyframes swirl-out-tl-bck {
    0% {
        transform: rotate(0) scale(1);
        transform-origin: 0 0;
        opacity: 1;
    }

    100% {
        transform: rotate(-540deg) scale(0);
        transform-origin: 0 0;
        opacity: 0;
    }
}

.swirl-out-tl-bck {
    animation: swirl-out-tl-bck 0.6s ease-in 0s 1 both;
}

.swirl-out-tl-bck-infinite {
    animation: swirl-out-tl-bck 0.6s ease-in 0s 1 infinite both;
}

/* 
swirl-out-tl-fwd
Swirl Out Top Left Forward
 */

@keyframes swirl-out-tl-fwd {
    0% {
        transform: rotate(0) scale(1);
        transform-origin: 0 0;
        opacity: 1;
    }

    100% {
        transform: rotate(720deg) scale(5);
        transform-origin: 0 0;
        opacity: 0;
    }
}

.swirl-out-tl-fwd {
    animation: swirl-out-tl-fwd 0.65s ease-in 0s 1 both;
}

.swirl-out-tl-fwd-infinite {
    animation: swirl-out-tl-fwd 0.65s ease-in 0s 1 infinite both;
}


/* File: Tilt_In.css */

/* 
tilt-in-top-1
Tilt In Top 1 
*/

@keyframes tilt-in-top-1 {
    0% {
        transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1;
    }
}

.tilt-in-top-1 {
    animation: tilt-in-top-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tilt-in-top-1-infinite {
    animation: tilt-in-top-1-infinite 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
tilt-in-top-2
Tilt In Top 2
 */


@keyframes tilt-in-top-2 {
    0% {
        transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1;
    }
}

.tilt-in-top-2 {
    animation: tilt-in-top-2 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tilt-in-top-2-infinite {
    animation: tilt-in-top-2-infinite 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
tilt-in-tr
Tilt In Top Right
 */

@keyframes tilt-in-tr {
    0% {
        transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1;
    }
}

.tilt-in-tr {
    animation: tilt-in-tr 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tilt-in-tr-infinite {
    animation: tilt-in-tr-infinite 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
tilt-in-right-1
Tilt In Right 1 
*/

@keyframes tilt-in-right-1 {
    0% {
        transform: rotateX(-30deg) translateX(300px) skewX(30deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg) translateX(0) skewX(0deg);
        opacity: 1;
    }
}

.tilt-in-right-1 {
    animation: tilt-in-right-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tilt-in-right-1-infinite {
    animation: tilt-in-right-1-infinite 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
tilt-in-right-2
Tilt In Right 2 
*/

@keyframes tilt-in-right-2 {
    0% {
        transform: rotateX(30deg) translateX(300px) skewX(-30deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg) translateX(0) skewX(0deg);
        opacity: 1;
    }
}

.tilt-in-right-2 {
    animation: tilt-in-right-2 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tilt-in-right-2-infinite {
    animation: tilt-in-right-2-infinite 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
tilt-in-br
Tilt In Bottom Right 
*/

@keyframes tilt-in-br {
    0% {
        transform: rotateY(-35deg) rotateX(-20deg) translate(250px, 250px) skew(12deg, 15deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1;
    }
}

.tilt-in-br {
    animation: tilt-in-br 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tilt-in-br-infinite {
    animation: tilt-in-br-infinite 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
tilt-in-bottom-1
Tilt In Bottom 1 
*/

@keyframes tilt-in-bottom-1 {
    0% {
        transform: rotateY(30deg) translateY(300px) skewY(-30deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1;
    }
}

.tilt-in-bottom-1 {
    animation: tilt-in-bottom-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tilt-in-bottom-1-infinite {
    animation: tilt-in-bottom-1-infinite 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
tilt-in-bottom-2
Tilt In Bottom 2 
*/

@keyframes tilt-in-bottom-2 {
    0% {
        transform: rotateY(-30deg) translateY(300px) skewY(30deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1;
    }
}

.tilt-in-bottom-2 {
    animation: tilt-in-bottom-2 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tilt-in-bottom-2-infinite {
    animation: tilt-in-bottom-2-infinite 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
tilt-in-bl
Tilt In Bottom Left
 */

@keyframes tilt-in-bl {
    0% {
        transform: rotateY(35deg) rotateX(-20deg) translate(-250px, 250px) skew(-12deg, -15deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1;
    }
}

.tilt-in-bl {
    animation: tilt-in-bl 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tilt-in-bl-infinite {
    animation: tilt-in-bl-infinite 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
tilt-in-left-1
Tilt In Left 1 
*/


@keyframes tilt-in-left-1 {
    0% {
        transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg) translateX(0) skewX(0deg);
        opacity: 1;
    }
}

.tilt-in-left-1 {
    animation: tilt-in-left-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tilt-in-left-1-infinite {
    animation: tilt-in-left-1-infinite 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
tilt-in-left-2
Tilt In Left 2 
*/

@keyframes tilt-in-left-2 {
    0% {
        transform: rotateX(30deg) translateX(-300px) skewX(30deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg) translateX(0) skewX(0deg);
        opacity: 1;
    }
}

.tilt-in-left-2 {
    animation: tilt-in-left-2 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tilt-in-left-2-infinite {
    animation: tilt-in-left-2-infinite 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
tilt-in-tl
Tilt In Top Left 
*/

@keyframes tilt-in-tl {
    0% {
        transform: rotateY(35deg) rotateX(20deg) translate(-250px, -250px) skew(12deg, 15deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1;
    }
}

.tilt-in-tl {
    animation: tilt-in-tl 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tilt-in-tl-infinite {
    animation: tilt-in-tl-infinite 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* File: Tilt_In_Forward.css */
/* 
tilt-in-fwd-tr
Tilt In Forward Top Right
*/

@keyframes tilt-in-fwd-tr {
    0% {
        transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1;
    }
}

.tilt-in-fwd-tr {
    animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tilt-in-fwd-tr-infinite {
    animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
tilt-in-fwd-br
Tilt In Forward Bottom Right 
*/

@keyframes tilt-in-fwd-br {
    0% {
        transform: rotateY(20deg) rotateX(-35deg) translate(300px, 300px) skew(35deg, -10deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1;
    }
}

.tilt-in-fwd-br {
    animation: tilt-in-fwd-br 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tilt-in-fwd-br-infinite {
    animation: tilt-in-fwd-br 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
tilt-in-fwd-bl
Tilt In Forward Bottom Left 
*/


@keyframes tilt-in-fwd-bl {
    0% {
        transform: rotateY(-20deg) rotateX(-35deg) translate(-300px, 300px) skew(-35deg, 10deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1;
    }
}

.tilt-in-fwd-bl {
    animation: tilt-in-fwd-bl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tilt-in-fwd-bl-infinite {
    animation: tilt-in-fwd-bl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* 
tilt-in-fwd-tl
Tilt In Forward Top Left 
*/

@keyframes tilt-in-fwd-tl {
    0% {
        transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1;
    }
}

.tilt-in-fwd-tl {
    animation: tilt-in-fwd-tl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tilt-in-fwd-tl-infinite {
    animation: tilt-in-fwd-tl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}


/* File: Tracking In.css */
/*tracking-in-expand
Tracking In Expand */

@keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

.tracking-in-expand {
    animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 both;
}

.tracking-in-expand-infinite {
    animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 infinite both;
}

/* tracking-in-expand-fwd
Tracking In Expand Forward */

@keyframes tracking-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        transform: translateZ(-700px);
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

.tracking-in-expand-fwd {
    animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 both;
}

.tracking-in-expand-fwd-infinite {
    animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 infinite both;
}

/* tracking-in-expand-fwd-top
Tracking In Expand Forward Top */

@keyframes tracking-in-expand-fwd-top {
    0% {
        letter-spacing: -0.5em;
        transform: translateZ(-700px) translateY(-500px);
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}

.tracking-in-expand-fwd-top {
    animation: tracking-in-expand-fwd-top 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 both;
}

.tracking-in-expand-fwd-top-infinite {
    animation: tracking-in-expand-fwd-top 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 infinite both;
}

/* tracking-in-expand-fwd-bottom
Tracking In Expand Forward Bottom */

@keyframes tracking-in-expand-fwd-bottom {
    0% {
        letter-spacing: -0.5em;
        transform: translateZ(-700px) translateY(500px);
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}

.tracking-in-expand-fwd-bottom {
    animation: tracking-in-expand-fwd-bottom 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 both;
}

.tracking-in-expand-fwd-bottom-infinite {
    animation: tracking-in-expand-fwd-bottom 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 infinite both;
}

/* tracking-in-contract
Tracking In Contract */

@keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        letter-spacing: normal;
        opacity: 1;
    }
}

.tracking-in-contract {
    animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 both;
}

.tracking-in-contract-infinite {
    animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 infinite both;
}

/* tracking-in-contract-bck
Tracking In Contract Back */

@keyframes tracking-in-contract-bck {
    0% {
        letter-spacing: 1em;
        transform: translateZ(400px);
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

.tracking-in-contract-bck {
    animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 both;
}

.tracking-in-contract-bck-infinite {
    animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 infinite both;
}

/* tracking-in-contract-bck-top
Tracking In Contract Back Top */

@keyframes tracking-in-contract-bck-top {
    0% {
        letter-spacing: 1em;
        transform: translateZ(400px) translateY(-300px);
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}

.tracking-in-contract-bck-top {
    animation: tracking-in-contract-bck-top 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 both;
}


.tracking-in-contract-bck-top-infinite {
    animation: tracking-in-contract-bck-top 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 infinite both;
}

/* tracking-in-contract-bck-bottom
Tracking In Contract Back Bottom */

@keyframes tracking-in-contract-bck-bottom {
    0% {
        letter-spacing: 1em;
        transform: translateZ(400px) translateY(300px);
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}

.tracking-in-contract-bck-bottom {
    animation: tracking-in-contract-bck-bottom 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 both;
}

.tracking-in-contract-bck-bottom-infinite {
    animation: tracking-in-contract-bck-bottom 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s 1 infinite both;
}






























/* File: Tracking Out.css */
/* tracking-out-contract
Tracking Out Contract */


@keyframes tracking-out-contract {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
}

.tracking-out-contract {
    animation: tracking-out-contract 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.tracking-out-contract-infinite {
    animation: tracking-out-contract 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* tracking-out-contract-bck
Tracking Out Contract Back */

@keyframes tracking-out-contract-bck {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    100% {
        letter-spacing: -0.5em;
        transform: translateZ(-500px);
        opacity: 0;
    }
}

.tracking-out-contract-bck {
    animation: tracking-out-contract-bck 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.tracking-out-contract-bck-infinite {
    animation: tracking-out-contract-bck 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}


/* tracking-out-contract-bck-top
Tracking Out Contract Back Top */

@keyframes tracking-out-contract-bck-top {
    0% {
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    100% {
        letter-spacing: -0.5em;
        transform: translateZ(-500px) translateY(-300px);
        opacity: 0;
    }
}

.tracking-out-contract-bck-top {
    animation: tracking-out-contract-bck-top 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.tracking-out-contract-bck-top-infinite {
    animation: tracking-out-contract-bck-top 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* tracking-out-contract-bck-bottom
Tracking Out Contract Back Bottom */

@keyframes tracking-out-contract-bck-bottom {
    0% {
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    100% {
        letter-spacing: -0.5em;
        transform: translateZ(-500px) translateY(300px);
        opacity: 0;
    }
}

.tracking-out-contract-bck-bottom {
    animation: tracking-out-contract-bck-bottom 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.tracking-out-contract-bck-bottom-infinite {
    animation: tracking-out-contract-bck-bottom 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}

/* tracking-out-expand
Tracking Out Expand */

@keyframes tracking-out-expand {
    0% {
        opacity: 1;
    }

    60% {
        opacity: 0.8;
    }

    100% {
        letter-spacing: 1em;
        opacity: 0;
    }
}

.tracking-out-expand {
    animation: tracking-out-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 both;
}

.tracking-out-expand-infinite {
    animation: tracking-out-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s 1 infinite both;
}

/* tracking-out-expand-fwd
Tracking Out Expand Forward */

@keyframes tracking-out-expand-fwd {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }

    60% {
        opacity: 0.8;
    }

    100% {
        letter-spacing: 1em;
        transform: translateZ(300px);
        opacity: 0;
    }
}

.tracking-out-expand-fwd {
    animation: tracking-out-expand-fwd 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.tracking-out-expand-fwd-infinite {
    animation: tracking-out-expand-fwd 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}


/* tracking-out-expand-fwd-top
Tracking Out Expand Forward Top */

@keyframes tracking-out-expand-fwd-top {
    0% {
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }

    60% {
        opacity: 0.8;
    }

    100% {
        letter-spacing: 1em;
        transform: translateZ(300px) translateY(-200px);
        opacity: 0;
    }
}

.tracking-out-expand-fwd-top {
    animation: tracking-out-expand-fwd-top 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.tracking-out-expand-fwd-top-infinite {
    animation: tracking-out-expand-fwd-top 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}


/* tracking-out-expand-fwd-bottom
Tracking Out Expand Forward Bottom */

@keyframes tracking-out-expand-fwd-bottom {
    0% {
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }

    60% {
        opacity: 0.8;
    }

    100% {
        letter-spacing: 1em;
        transform: translateZ(300px) translateY(200px);
        opacity: 0;
    }
}

.tracking-out-expand-fwd-bottom {
    animation: tracking-out-expand-fwd-bottom 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 both;
}

.tracking-out-expand-fwd-bottom-infinite {
    animation: tracking-out-expand-fwd-bottom 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s 1 infinite both;
}



















/* File: vibrate.css */
/*vibrate-1
Vibrate 1*/
@keyframes vibrate-1 {
    0% {
        transform: translate(0);
    }

    20% {
        transform: translate(-2px, 2px);
    }

    40% {
        transform: translate(-2px, -2px);
    }

    60% {
        transform: translate(2px, 2px);
    }

    80% {
        transform: translate(2px, -2px);
    }

    100% {
        transform: translate(0);
    }
}

.vibrate-1 {
    animation: vibrate-1 0.3s linear 0s infinite both;
}

/*vibrate-2
Vibrate 2*/
@keyframes vibrate-2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.97);
    }

    100% {
        transform: scale(1);
    }
}

.vibrate-2 {
    animation: vibrate-2 1.5s cubic-bezier(0.645, 0.045, 0.355, 1.000) 0s infinite both;
}

/*vibrate-3
Vibrate 3*/
@keyframes vibrate-3 {
    0% {
        transform: translate(0);
    }

    10% {
        transform: translate(-2px, -2px);
    }

    20% {
        transform: translate(2px, -2px);
    }

    30% {
        transform: translate(-2px, 2px);
    }

    40% {
        transform: translate(2px, 2px);
    }

    50% {
        transform: translate(-2px, -2px);
    }

    60% {
        transform: translate(2px, -2px);
    }

    70% {
        transform: translate(-2px, 2px);
    }

    80% {
        transform: translate(-2px, -2px);
    }

    90% {
        transform: translate(2px, -2px);
    }

    100% {
        transform: translate(0);
    }
}

.vibrate-3 {
    animation: vibrate-3 0.5s linear 0s infinite both;
}




/* File: wobble.css */
/*wobble-hor-bottom
Wobble Horizontal Bottom*/
@keyframes wobble-hor-bottom {
    0%, 100% {
        transform: translateX(0%);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateX(-30px) rotate(-6deg);
    }

    30% {
        transform: translateX(15px) rotate(6deg);
    }

    45% {
        transform: translateX(-15px) rotate(-3.6deg);
    }

    60% {
        transform: translateX(9px) rotate(2.4deg);
    }

    75% {
        transform: translateX(-6px) rotate(-1.2deg);
    }
}

.wobble-hor-bottom {
    animation: wobble-hor-bottom 0.8s ease 0s 1 both;
}

.wobble-hor-bottom-infinite {
    animation: wobble-hor-bottom 0.8s ease 0s 1 infinite both;
}

/*wobble-hor-top
Wobble Horizontal Top*/
@keyframes wobble-hor-top {
    0%, 100% {
        transform: translateX(0%);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateX(-30px) rotate(6deg);
    }

    30% {
        transform: translateX(15px) rotate(-6deg);
    }

    45% {
        transform: translateX(-15px) rotate(3.6deg);
    }

    60% {
        transform: translateX(9px) rotate(-2.4deg);
    }

    75% {
        transform: translateX(-6px) rotate(1.2deg);
    }
}

.wobble-hor-top {
    animation: wobble-hor-top 0.8s ease 0s 1 both;
}

.wobble-hor-top-infinite {
    animation: wobble-hor-top 0.8s ease 0s 1 infinite both;
}

/*wobble-ver-left
Wobble Vertical Left*/
@keyframes wobble-ver-left {
    0%, 100% {
        transform: translateY(0) rotate(0);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateY(-30px) rotate(-6deg);
    }

    30% {
        transform: translateY(15px) rotate(6deg);
    }

    45% {
        transform: translateY(-15px) rotate(-3.6deg);
    }

    60% {
        transform: translateY(9px) rotate(2.4deg);
    }

    75% {
        transform: translateY(-6px) rotate(-1.2deg);
    }
}

.wobble-ver-left {
    animation: wobble-ver-left 0.8s ease 0s 1 both;
}

.wobble-ver-left-infinite {
    animation: wobble-ver-left 0.8s ease 0s 1 infinite both;
}

/*wobble-ver-right
Wobble Vertical Right*/
@keyframes wobble-ver-right {
    0%, 100% {
        transform: translateY(0) rotate(0);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateY(-30px) rotate(6deg);
    }

    30% {
        transform: translateY(15px) rotate(-6deg);
    }

    45% {
        transform: translateY(-15px) rotate(3.6deg);
    }

    60% {
        transform: translateY(9px) rotate(-2.4deg);
    }

    75% {
        transform: translateY(-6px) rotate(1.2deg);
    }
}

.wobble-ver-right {
    animation: wobble-ver-right 0.8s ease 0s 1 both;
}

.wobble-ver-right-infinite {
    animation: wobble-ver-right 0.8s ease 0s 1 infinite both;
}