.be-animated {
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both
}

@-webkit-keyframes BeFlash {

    from,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes BeFlash {

    from,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.animated.BeFlash {
    -webkit-animation-name: BeFlash;
            animation-name: BeFlash
}


@-webkit-keyframes BePulseIn {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(.99, .99, .99)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BePulseIn {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(.99, .99, .99)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BePulseIn {
    -webkit-animation-name: BePulseIn;
            animation-name: BePulseIn
}

@-webkit-keyframes BePulseIn1 {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(.98, .98, .98)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BePulseIn1 {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(.98, .98, .98)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BePulseIn1 {
    -webkit-animation-name: BePulseIn1;
            animation-name: BePulseIn1
}

@-webkit-keyframes BePulseIn2 {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(.96, .96, .96)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BePulseIn2 {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(.96, .96, .96)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BePulseIn2 {
    -webkit-animation-name: BePulseIn2;
            animation-name: BePulseIn2
}

@-webkit-keyframes BePulseIn3 {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(.94, .94, .94)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BePulseIn3 {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(.94, .94, .94)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BePulseIn3 {
    -webkit-animation-name: BePulseIn3;
            animation-name: BePulseIn3
}

@-webkit-keyframes BePulseIn4 {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(.9, .9, .9)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BePulseIn4 {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(.9, .9, .9)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BePulseIn4 {
    -webkit-animation-name: BePulseIn4;
            animation-name: BePulseIn4
}

@-webkit-keyframes BePulseOut1 {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BePulseOut1 {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BePulseOut1 {
    -webkit-animation-name: BePulseOut1;
            animation-name: BePulseOut1
}

@-webkit-keyframes BePulseOut2 {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BePulseOut2 {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BePulseOut2 {
    -webkit-animation-name: BePulseOut2;
            animation-name: BePulseOut2
}

@-webkit-keyframes BePulseOut3 {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.15, 1.15, 1.15)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BePulseOut3 {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.15, 1.15, 1.15)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BePulseOut3 {
    -webkit-animation-name: BePulseOut3;
            animation-name: BePulseOut3
}

@-webkit-keyframes BePulseOut4 {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.2, 1.2, 1.2)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BePulseOut4 {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.2, 1.2, 1.2)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BePulseOut4 {
    -webkit-animation-name: BePulseOut4;
            animation-name: BePulseOut4
}

@-webkit-keyframes BeShake {

    from,
    to {
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-50px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        opacity: 1;
        transform: translate3d(50px, 0, 0)
    }
}

@keyframes BeShake {

    from,
    to {
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-50px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        opacity: 1;
        transform: translate3d(50px, 0, 0)
    }
}

.animated.BeShake {
    -webkit-animation-name: BeShake;
            animation-name: BeShake
}

@-webkit-keyframes BeBounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeBounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeBounceIn {
    -webkit-animation-name: BeBounceIn;
            animation-name: BeBounceIn
}

@-webkit-keyframes BeFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes BeFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animated.BeFadeIn {
    -webkit-animation-name: BeFadeIn;
            animation-name: BeFadeIn
}

@-webkit-keyframes BeFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -27px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -27px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeFadeInDown {
    -webkit-animation-name: BeFadeInDown;
            animation-name: BeFadeInDown
}

@-webkit-keyframes BeFadeInDown1 {
    from {
        opacity: 0;
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeFadeInDown1 {
    from {
        opacity: 0;
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeFadeInDown1 {
    -webkit-animation-name: BeFadeInDown1;
            animation-name: BeFadeInDown1
}

@-webkit-keyframes BeFadeInDown2 {
    from {
        opacity: 0;
        transform: translate3d(0, -75px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeFadeInDown2 {
    from {
        opacity: 0;
        transform: translate3d(0, -75px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeFadeInDown2 {
    -webkit-animation-name: BeFadeInDown2;
            animation-name: BeFadeInDown2
}

@-webkit-keyframes BeFadeInFromUpDownCustom {
    from {
        opacity: 0;
        transform: translate3d(var(--be-anim-fade-in-from-x), var(--be-anim-fade-in-from-y), 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeFadeInFromUpDownCustom {
    from {
        opacity: 0;
        transform: translate3d(var(--be-anim-fade-in-from-x), var(--be-anim-fade-in-from-y), 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeFadeInFromUpDownCustom {
    -webkit-animation-name: BeFadeInFromUpDownCustom;
            animation-name: BeFadeInFromUpDownCustom
}

@-webkit-keyframes BeFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 27px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 27px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeFadeInUp {
    -webkit-animation-name: BeFadeInUp;
            animation-name: BeFadeInUp
}

@-webkit-keyframes BeFadeInUp1 {
    from {
        opacity: 0;
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeFadeInUp1 {
    from {
        opacity: 0;
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeFadeInUp1 {
    -webkit-animation-name: BeFadeInUp1;
            animation-name: BeFadeInUp1
}

@-webkit-keyframes BeFadeInUp2 {
    from {
        opacity: 0;
        transform: translate3d(0, 75px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeFadeInUp2 {
    from {
        opacity: 0;
        transform: translate3d(0, 75px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeFadeInUp2 {
    -webkit-animation-name: BeFadeInUp2;
            animation-name: BeFadeInUp2
}

@-webkit-keyframes BeFadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-27px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeFadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-27px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeFadeInLeft {
    -webkit-animation-name: BeFadeInLeft;
            animation-name: BeFadeInLeft
}

@-webkit-keyframes BeFadeInLeft1 {
    from {
        opacity: 0;
        transform: translate3d(-50px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeFadeInLeft1 {
    from {
        opacity: 0;
        transform: translate3d(-50px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeFadeInLeft1 {
    -webkit-animation-name: BeFadeInLeft1;
            animation-name: BeFadeInLeft1
}

@-webkit-keyframes BeFadeInLeft2 {
    from {
        opacity: 0;
        transform: translate3d(-75px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeFadeInLeft2 {
    from {
        opacity: 0;
        transform: translate3d(-75px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeFadeInLeft2 {
    -webkit-animation-name: BeFadeInLeft2;
            animation-name: BeFadeInLeft2
}

@-webkit-keyframes BeFadeInRight {
    from {
        opacity: 0;
        transform: translate3d(27px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeFadeInRight {
    from {
        opacity: 0;
        transform: translate3d(27px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeFadeInRight {
    -webkit-animation-name: BeFadeInRight;
            animation-name: BeFadeInRight
}

@-webkit-keyframes BeFadeInRight1 {
    from {
        opacity: 0;
        transform: translate3d(50px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeFadeInRight1 {
    from {
        opacity: 0;
        transform: translate3d(50px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeFadeInRight1 {
    -webkit-animation-name: BeFadeInRight1;
            animation-name: BeFadeInRight1
}

@-webkit-keyframes BeFadeInRight2 {
    from {
        opacity: 0;
        transform: translate3d(75px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeFadeInRight2 {
    from {
        opacity: 0;
        transform: translate3d(75px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeFadeInRight2 {
    -webkit-animation-name: BeFadeInRight2;
            animation-name: BeFadeInRight2
}

@-webkit-keyframes BeRotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg)
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

@keyframes BeRotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg)
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.animated.BeRotateIn {
    -webkit-animation-name: BeRotateIn;
            animation-name: BeRotateIn
}

@-webkit-keyframes BeRotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -25deg)
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes BeRotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -25deg)
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.animated.BeRotateInDownLeft {
    -webkit-animation-name: BeRotateInDownLeft;
            animation-name: BeRotateInDownLeft
}

@-webkit-keyframes BeRotateInDownLeft1 {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -35deg)
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes BeRotateInDownLeft1 {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -35deg)
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.animated.BeRotateInDownLeft1 {
    -webkit-animation-name: BeRotateInDownLeft1;
            animation-name: BeRotateInDownLeft1
}

@-webkit-keyframes BeRotateInDownLeft2 {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg)
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes BeRotateInDownLeft2 {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg)
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.animated.BeRotateInDownLeft2 {
    -webkit-animation-name: BeRotateInDownLeft2;
            animation-name: BeRotateInDownLeft2
}

@-webkit-keyframes BeRotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 25deg)
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes BeRotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 25deg)
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.animated.BeRotateInDownRight {
    -webkit-animation-name: BeRotateInDownRight;
            animation-name: BeRotateInDownRight
}

@-webkit-keyframes BeRotateInDownRight1 {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 35deg)
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes BeRotateInDownRight1 {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 35deg)
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.animated.BeRotateInDownRight1 {
    -webkit-animation-name: BeRotateInDownRight1;
            animation-name: BeRotateInDownRight1
}

@-webkit-keyframes BeRotateInDownRight2 {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg)
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes BeRotateInDownRight2 {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg)
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.animated.BeRotateInDownRight2 {
    -webkit-animation-name: BeRotateInDownRight2;
            animation-name: BeRotateInDownRight2
}

@-webkit-keyframes BeRotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 25deg)
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes BeRotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 25deg)
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.animated.BeRotateInUpLeft {
    -webkit-animation-name: BeRotateInUpLeft;
            animation-name: BeRotateInUpLeft
}

@-webkit-keyframes BeRotateInUpLeft1 {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 35deg)
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes BeRotateInUpLeft1 {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 35deg)
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.animated.BeRotateInUpLeft1 {
    -webkit-animation-name: BeRotateInUpLeft1;
            animation-name: BeRotateInUpLeft1
}

@-webkit-keyframes BeRotateInUpLeft2 {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg)
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes BeRotateInUpLeft2 {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg)
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.animated.BeRotateInUpLeft2 {
    -webkit-animation-name: BeRotateInUpLeft2;
            animation-name: BeRotateInUpLeft2
}

@-webkit-keyframes BeRotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -35deg)
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes BeRotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -35deg)
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.animated.BeRotateInUpRight {
    -webkit-animation-name: BeRotateInUpRight;
            animation-name: BeRotateInUpRight
}

@-webkit-keyframes BeRotateInUpRight1 {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -60deg)
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes BeRotateInUpRight1 {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -60deg)
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.animated.BeRotateInUpRight1 {
    -webkit-animation-name: BeRotateInUpRight1;
            animation-name: BeRotateInUpRight1
}

@-webkit-keyframes BeRotateInUpRight2 {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg)
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

@keyframes BeRotateInUpRight2 {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg)
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.animated.BeRotateInUpRight2 {
    -webkit-animation-name: BeRotateInUpRight2;
            animation-name: BeRotateInUpRight2
}

@-webkit-keyframes BeRotateCustom {
    from {
        transform-origin: var(--be-anim-rotate-origin);
        transform: rotate3d(0, 0, 1, var(--be-anim-rotate-deg))
    }

    to {
        transform-origin: var(--be-anim-rotate-origin);
        transform: none;
        opacity: 1
    }
}

@keyframes BeRotateCustom {
    from {
        transform-origin: var(--be-anim-rotate-origin);
        transform: rotate3d(0, 0, 1, var(--be-anim-rotate-deg))
    }

    to {
        transform-origin: var(--be-anim-rotate-origin);
        transform: none;
        opacity: 1
    }
}

.animated.BeRotateCustom {
    -webkit-animation-name: BeRotateCustom;
            animation-name: BeRotateCustom
}

@-webkit-keyframes BeFlipInUp {
    from {
        transform: rotateX(-40deg) translateY(40px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeFlipInUp {
    from {
        transform: rotateX(-40deg) translateY(40px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeFlipInUp {
    -webkit-animation-name: BeFlipInUp;
            animation-name: BeFlipInUp
}

@-webkit-keyframes BeFlipInUp1 {
    from {
        transform: rotateX(-40deg) translateY(80px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeFlipInUp1 {
    from {
        transform: rotateX(-40deg) translateY(80px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeFlipInUp1 {
    -webkit-animation-name: BeFlipInUp1;
            animation-name: BeFlipInUp1
}

@-webkit-keyframes BeFlipInUp2 {
    from {
        transform: rotateX(-40deg) translateY(120px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeFlipInUp2 {
    from {
        transform: rotateX(-40deg) translateY(120px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeFlipInUp2 {
    -webkit-animation-name: BeFlipInUp2;
            animation-name: BeFlipInUp2
}

@-webkit-keyframes BeFlipInDown {
    from {
        transform: rotateX(40deg) translateY(-40px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeFlipInDown {
    from {
        transform: rotateX(40deg) translateY(-40px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeFlipInDown {
    -webkit-animation-name: BeFlipInDown;
            animation-name: BeFlipInDown
}

@-webkit-keyframes BeFlipInDown1 {
    from {
        transform: rotateX(40deg) translateY(-80px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeFlipInDown1 {
    from {
        transform: rotateX(40deg) translateY(-80px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeFlipInDown1 {
    -webkit-animation-name: BeFlipInDown1;
            animation-name: BeFlipInDown1
}

@-webkit-keyframes BeFlipInDown2 {
    from {
        transform: rotateX(40deg) translateY(-120px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeFlipInDown2 {
    from {
        transform: rotateX(40deg) translateY(-120px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeFlipInDown2 {
    -webkit-animation-name: BeFlipInDown2;
            animation-name: BeFlipInDown2
}

@-webkit-keyframes BeFlipInLeft {
    from {
        transform: rotateY(-40deg) translateX(40px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeFlipInLeft {
    from {
        transform: rotateY(-40deg) translateX(40px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeFlipInLeft {
    -webkit-animation-name: BeFlipInLeft;
            animation-name: BeFlipInLeft
}

@-webkit-keyframes BeFlipInLeft1 {
    from {
        transform: rotateY(-40deg) translateX(80px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeFlipInLeft1 {
    from {
        transform: rotateY(-40deg) translateX(80px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeFlipInLeft1 {
    -webkit-animation-name: BeFlipInLeft1;
            animation-name: BeFlipInLeft1
}

@-webkit-keyframes BeFlipInLeft2 {
    from {
        transform: rotateY(-40deg) translateX(140px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeFlipInLeft2 {
    from {
        transform: rotateY(-40deg) translateX(140px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeFlipInLeft2 {
    -webkit-animation-name: BeFlipInLeft2;
            animation-name: BeFlipInLeft2
}

@-webkit-keyframes BeFlipInLeft3 {
    from {
        transform: rotateY(-40deg) translateX(200px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeFlipInLeft3 {
    from {
        transform: rotateY(-40deg) translateX(200px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeFlipInLeft3 {
    -webkit-animation-name: BeFlipInLeft3;
            animation-name: BeFlipInLeft3
}

@-webkit-keyframes BeFlipInRight {
    from {
        transform: rotateY(40deg) translateX(-40px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeFlipInRight {
    from {
        transform: rotateY(40deg) translateX(-40px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeFlipInRight {
    -webkit-animation-name: BeFlipInRight;
            animation-name: BeFlipInRight
}

@-webkit-keyframes BeFlipInRight1 {
    from {
        transform: rotateY(40deg) translateX(-80px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeFlipInRight1 {
    from {
        transform: rotateY(40deg) translateX(-80px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeFlipInRight1 {
    -webkit-animation-name: BeFlipInRight1;
            animation-name: BeFlipInRight1
}

@-webkit-keyframes BeFlipInRight2 {
    from {
        transform: rotateY(40deg) translateX(-140px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeFlipInRight2 {
    from {
        transform: rotateY(40deg) translateX(-140px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeFlipInRight2 {
    -webkit-animation-name: BeFlipInRight2;
            animation-name: BeFlipInRight2
}

@-webkit-keyframes BeFlipInRight3 {
    from {
        transform: rotateY(40deg) translateX(-200px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeFlipInRight3 {
    from {
        transform: rotateY(40deg) translateX(-200px)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeFlipInRight3 {
    -webkit-animation-name: BeFlipInRight3;
            animation-name: BeFlipInRight3
}

@-webkit-keyframes BeZoomIn {
    from {
        transform: scale3d(.9, .9, .9)
    }

    50% {
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeZoomIn {
    from {
        transform: scale3d(.9, .9, .9)
    }

    50% {
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeZoomIn {
    -webkit-animation-name: BeZoomIn;
            animation-name: BeZoomIn
}

@-webkit-keyframes BeZoomIn1 {
    from {
        transform: scale3d(.8, .8, .8)
    }

    50% {
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeZoomIn1 {
    from {
        transform: scale3d(.8, .8, .8)
    }

    50% {
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeZoomIn1 {
    -webkit-animation-name: BeZoomIn1;
            animation-name: BeZoomIn1
}

@-webkit-keyframes BeZoomIn2 {
    from {
        transform: scale3d(.7, .7, .7)
    }

    50% {
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeZoomIn2 {
    from {
        transform: scale3d(.7, .7, .7)
    }

    50% {
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeZoomIn2 {
    -webkit-animation-name: BeZoomIn2;
            animation-name: BeZoomIn2
}

@-webkit-keyframes BeZoomIn3 {
    from {
        transform: scale3d(.6, .6, .6)
    }

    50% {
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeZoomIn3 {
    from {
        transform: scale3d(.6, .6, .6)
    }

    50% {
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeZoomIn3 {
    -webkit-animation-name: BeZoomIn3;
            animation-name: BeZoomIn3
}

@-webkit-keyframes BeScaleUp {
    from {
        transform: scale(.9, .9)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeScaleUp {
    from {
        transform: scale(.9, .9)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeScaleUp {
    -webkit-animation-name: BeScaleUp;
            animation-name: BeScaleUp
}

@-webkit-keyframes BeScaleUp1 {
    from {
        transform: scale(.7, .7)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeScaleUp1 {
    from {
        transform: scale(.7, .7)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeScaleUp1 {
    -webkit-animation-name: BeScaleUp1;
            animation-name: BeScaleUp1
}

@-webkit-keyframes BeScaleUp2 {
    from {
        transform: scale(.6, .6)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeScaleUp2 {
    from {
        transform: scale(.6, .6)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeScaleUp2 {
    -webkit-animation-name: BeScaleUp2;
            animation-name: BeScaleUp2
}

@-webkit-keyframes BeScaleDown {
    from {
        transform: scale(1.1, 1.1)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeScaleDown {
    from {
        transform: scale(1.1, 1.1)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeScaleDown {
    -webkit-animation-name: BeScaleDown;
            animation-name: BeScaleDown
}

@-webkit-keyframes BeScaleDown1 {
    from {
        transform: scale(1.3, 1.3)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeScaleDown1 {
    from {
        transform: scale(1.3, 1.3)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeScaleDown1 {
    -webkit-animation-name: BeScaleDown1;
            animation-name: BeScaleDown1
}

@-webkit-keyframes BeScaleDown2 {
    from {
        transform: scale(1.4, 1.4)
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeScaleDown2 {
    from {
        transform: scale(1.4, 1.4)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeScaleDown2 {
    -webkit-animation-name: BeScaleDown2;
            animation-name: BeScaleDown2
}

@-webkit-keyframes BeScaleCustom {
    from {
        transform: scale(var(--be-scale-custom), var(--be-scale-custom))
    }

    to {
        transform: none;
        opacity: 1
    }
}

@keyframes BeScaleCustom {
    from {
        transform: scale(var(--be-scale-custom), var(--be-scale-custom))
    }

    to {
        transform: none;
        opacity: 1
    }
}

.animated.BeScaleCustom {
    -webkit-animation-name: BeScaleCustom;
            animation-name: BeScaleCustom
}

@-webkit-keyframes BeJackInTheBox {
    from {
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeJackInTheBox {
    from {
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeJackInTheBox {
    -webkit-animation-name: BeJackInTheBox;
            animation-name: BeJackInTheBox
}

@-webkit-keyframes be-scrolldown {
    0% {
        transform: translate(-50%, -60%)
    }

    100% {
        transform: translate(-50%, -20%)
    }
}

@keyframes be-scrolldown {
    0% {
        transform: translate(-50%, -60%)
    }

    100% {
        transform: translate(-50%, -20%)
    }
}

@-webkit-keyframes be-header-animation {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: none
    }
}

@keyframes be-header-animation {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: none
    }
}

@-webkit-keyframes BeSlideFromRight {
    from {
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeSlideFromRight {
    from {
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeSlideFromRight>.elementor-widget-container,
.animated.BeSlideFromRight>.elementor-column-wrap {
    -webkit-animation-name: BeSlideFromRight;
            animation-name: BeSlideFromRight
}

@-webkit-keyframes BeSlideFromLeft {
    from {
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeSlideFromLeft {
    from {
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeSlideFromLeft>.elementor-widget-container,
.animated.BeSlideFromLeft>.elementor-column-wrap {
    -webkit-animation-name: BeSlideFromLeft;
            animation-name: BeSlideFromLeft
}

@-webkit-keyframes BeSlideFromTop {
    from {
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeSlideFromTop {
    from {
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeSlideFromTop>.elementor-widget-container,
.animated.BeSlideFromTop>.elementor-column-wrap {
    -webkit-animation-name: BeSlideFromTop;
            animation-name: BeSlideFromTop
}

@-webkit-keyframes BeSlideFromBot {
    from {
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes BeSlideFromBot {
    from {
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.animated.BeSlideFromBot>.elementor-widget-container,
.animated.BeSlideFromBot>.elementor-column-wrap {
    -webkit-animation-name: BeSlideFromBot;
            animation-name: BeSlideFromBot
}

@-webkit-keyframes BeMaskFromTop {
    from {
        -webkit-clip-path: inset(0 0 100% 0);
                clip-path: inset(0 0 100% 0);
        opacity: 1
    }

    to {
        -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
        opacity: 1
    }
}

@keyframes BeMaskFromTop {
    from {
        -webkit-clip-path: inset(0 0 100% 0);
                clip-path: inset(0 0 100% 0);
        opacity: 1
    }

    to {
        -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
        opacity: 1
    }
}

.animated.BeMaskFromTop {
    -webkit-animation-name: BeMaskFromTop;
            animation-name: BeMaskFromTop
}

@-webkit-keyframes BeMaskFromBot {
    from {
        -webkit-clip-path: inset(100% 0 0 0);
                clip-path: inset(100% 0 0 0);
        opacity: 1
    }

    to {
        -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
        opacity: 1
    }
}

@keyframes BeMaskFromBot {
    from {
        -webkit-clip-path: inset(100% 0 0 0);
                clip-path: inset(100% 0 0 0);
        opacity: 1
    }

    to {
        -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
        opacity: 1
    }
}

.animated.BeMaskFromBot {
    -webkit-animation-name: BeMaskFromBot;
            animation-name: BeMaskFromBot
}

@-webkit-keyframes BeMaskFromRight {
    from {
        -webkit-clip-path: inset(0 0 0 100%);
                clip-path: inset(0 0 0 100%);
        opacity: 1
    }

    to {
        -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
        opacity: 1
    }
}

@keyframes BeMaskFromRight {
    from {
        -webkit-clip-path: inset(0 0 0 100%);
                clip-path: inset(0 0 0 100%);
        opacity: 1
    }

    to {
        -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
        opacity: 1
    }
}

.animated.BeMaskFromRight {
    -webkit-animation-name: BeMaskFromRight;
            animation-name: BeMaskFromRight
}

@-webkit-keyframes BeMaskFromLeft {
    from {
        -webkit-clip-path: inset(0 100% 0 0);
                clip-path: inset(0 100% 0 0);
        opacity: 1
    }

    to {
        -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
        opacity: 1
    }
}

@keyframes BeMaskFromLeft {
    from {
        -webkit-clip-path: inset(0 100% 0 0);
                clip-path: inset(0 100% 0 0);
        opacity: 1
    }

    to {
        -webkit-clip-path: inset(0 0 0 0);
                clip-path: inset(0 0 0 0);
        opacity: 1
    }
}

.animated.BeMaskFromLeft {
    -webkit-animation-name: BeMaskFromLeft;
            animation-name: BeMaskFromLeft
}

@-webkit-keyframes BeLoadingWave {
    0% {
        background-position: 0 0
    }

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

@keyframes BeLoadingWave {
    0% {
        background-position: 0 0
    }

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

.be-appear-watch-animation {
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);
            animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    opacity: 0
}

.be-appear-watch-animation.be-animation-off {
    opacity: 1
}

.be-appear-watch-animation[data-widget_type="Be_Addons_menu_box.default"].be-animated,
.be-appear-watch-animation[data-widget_type="Be_Addons_modern_search.default"].be-animated {
    -webkit-animation-timing-function: initial !important;
            animation-timing-function: initial !important
}

.be-animation-off {
    -webkit-animation: none !important;
            animation: none !important
}

.animated.BeSlideFromRight {
    overflow: hidden;
    opacity: 1
}

.animated.BeSlideFromRight>.elementor-widget-container,
.animated.BeSlideFromRight>.elementor-column-wrap {
    -webkit-animation-duration: inherit;
            animation-duration: inherit;
    -webkit-animation-fill-mode: inherit;
            animation-fill-mode: inherit;
    -webkit-animation-timing-function: inherit;
            animation-timing-function: inherit;
    -webkit-animation-delay: inherit;
            animation-delay: inherit
}

.animated.BeSlideFromLeft {
    overflow: hidden;
    opacity: 1
}

.animated.BeSlideFromLeft>.elementor-widget-container,
.animated.BeSlideFromLeft>.elementor-column-wrap {
    -webkit-animation-duration: inherit;
            animation-duration: inherit;
    -webkit-animation-fill-mode: inherit;
            animation-fill-mode: inherit;
    -webkit-animation-timing-function: inherit;
            animation-timing-function: inherit;
    -webkit-animation-delay: inherit;
            animation-delay: inherit
}

.animated.BeSlideFromTop {
    overflow: hidden;
    opacity: 1
}

.animated.BeSlideFromTop>.elementor-widget-container,
.animated.BeSlideFromTop>.elementor-column-wrap {
    -webkit-animation-duration: inherit;
            animation-duration: inherit;
    -webkit-animation-fill-mode: inherit;
            animation-fill-mode: inherit;
    -webkit-animation-timing-function: inherit;
            animation-timing-function: inherit;
    -webkit-animation-delay: inherit;
            animation-delay: inherit
}

.animated.BeSlideFromBot {
    overflow: hidden;
    opacity: 1
}

.animated.BeSlideFromBot>.elementor-widget-container,
.animated.BeSlideFromBot>.elementor-column-wrap {
    -webkit-animation-duration: inherit;
            animation-duration: inherit;
    -webkit-animation-fill-mode: inherit;
            animation-fill-mode: inherit;
    -webkit-animation-timing-function: inherit;
            animation-timing-function: inherit;
    -webkit-animation-delay: inherit;
            animation-delay: inherit
}

.be-isotope-animated {
    overflow: hidden;
    transition: height .8s cubic-bezier(.75, .1, .25, .9)
}


/*  REF https://moolya.com/  Images Auto Scroling Top Bottom*/
@-webkit-keyframes Scroll_Top_Bottom{ 
    from {
        transform:translateY(0);transform:translateY(0)
    } to {
        transform:translateY(-70%);transform:translateY(-70%)
    }
}

@keyframes Scroll_Top_Bottom{ 
    from {
        transform:translateY(0);transform:translateY(0)
    } to {
        transform:translateY(-70%);transform:translateY(-70%)
    }
}


.BeReval {
	position: relative;
	overflow: hidden;
}
.animated.BeReval > * {
	animation: BeFadeIn 0s 0.6s;
	animation-fill-mode: backwards;
}
.BeReval::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: white;
	transform: translateX(-100%);
	animation: BeRevealIn 0.6s 0s, BeRevealOut 0.6s 0.6s;
	animation-fill-mode: forwards;
    z-index: 2;
}
@keyframes BeFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes BeRevealIn {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes BeRevealOut {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(101%);
	}
}

.revealLTR,
.revealRTL,
.revealTTB,
.revealBTT {
	position: relative;
	overflow: hidden;
}
.revealLTR > *,
.revealRTL > *,
.revealTTB > *,
.revealBTT > * {
	animation: BeFadeIn 0s 0.6s;
	animation-fill-mode: backwards;
}
.revealLTR[data-aos=fade]:not[.aos-animate],
.revealRTL[data-aos=fade]:not[.aos-animate],
.revealTTB[data-aos=fade]:not[.aos-animate],
.revealBTT[data-aos=fade]:not[.aos-animate] {
	opacity: 0;
}

.animated.revealLTR::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: white;
	transform: translateX(-100%);
	animation: revealInLTR 0.6s 0s, revealOutLTR 0.6s 0.6s;
	animation-fill-mode: forwards;
    z-index: 2;
}
.animated.revealRTL::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: white;
	transform: translateX(100%);
	animation: revealInRTL 0.6s 0s, revealOutRTL 0.6s 0.6s;
	animation-fill-mode: forwards;
    z-index: 2;
}
.animated.revealTTB::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: white;
	transform: translateY(-100%);
	animation: revealInTTB 0.6s 0s, revealOutTTB 0.6s 0.6s;
	animation-fill-mode: forwards;
    z-index: 2;
}
.animated.revealBTT::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: white;
	transform: translateY(100%);
	animation: revealInBTT 0.6s 0s, revealOutBTT 0.6s 0.6s;
	animation-fill-mode: forwards;
    z-index: 2;
}
@keyframes BeFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes revealInLTR {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes revealOutLTR {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(101%);
	}
}
@keyframes revealInRTL {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes revealOutRTL {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-101%);
	}
}
@keyframes revealInTTB {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes revealOutTTB {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(101%);
	}
}
@keyframes revealInBTT {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes revealOutBTT {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-101%);
	}
}