.pulsate.layer-right{
    -webkit-animation-name:  pulsate-layer-right;
    animation-name:  pulsate-layer-right;
    -webkit-transform-origin: center;
    transform-origin: center;
}


@keyframes pulsate-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  scale3d(1, 1, 1) translateY(-50%);
        transform:  scale3d(1, 1, 1) translateY(-50%);
    }
    50% {
        -webkit-transform:  scale3d(0.8, 0.8, 0.8) translateY(-50%);
        transform:  scale3d(0.8, 0.8, 0.8) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
        animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
        -webkit-transform:  scale3d(1, 1, 1) translateY(-50%);
        transform:  scale3d(1, 1, 1) translateY(-50%);
    }
}


.hitLeft.layer-right{
    -webkit-animation-name:  hitLeft-layer-right;
    animation-name:  hitLeft-layer-right;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes hitLeft-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transform:  translateX(0) translateY(-50%);
        transform:  translateX(0) translateY(-50%);
    }
    40% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform:  translateX(20px) rotate(4deg) translateY(-50%);
        transform:  translateX(20px) rotate(4deg) translateY(-50%);
    }
}


.hitRight.layer-right{
    -webkit-animation-name:  hitRight-layer-right;
    animation-name:  hitRight-layer-right;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes hitRight-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transform:  translateX(0) translateY(-50%);
        transform:  translateX(0) translateY(-50%);
    }
    40% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform:  translateX(-20px) rotate(-4deg) translateY(-50%);
        transform:  translateX(-20px) rotate(-4deg) translateY(-50%);
    }
}


.shake.layer-right{
    -webkit-animation-name:  shake-layer-right;
    animation-name:  shake-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}


@keyframes shake-layer-right{
    10% {
        -webkit-transform:  translateX(-10px) translateY(-50%);
        transform:  translateX(-10px) translateY(-50%);
    }
    20% {
        -webkit-transform:  translateX(10px) translateY(-50%);
        transform:  translateX(10px) translateY(-50%);
    }
    30% {
        -webkit-transform:  translateX(-10px) translateY(-50%);
        transform:  translateX(-10px) translateY(-50%);
    }
    40% {
        -webkit-transform:  translateX(10px) translateY(-50%);
        transform:  translateX(10px) translateY(-50%);
    }
    50% {
        -webkit-transform:  translateX(-10px) translateY(-50%);
        transform:  translateX(-10px) translateY(-50%);
    }
    60% {
        -webkit-transform:  translateX(10px) translateY(-50%);
        transform:  translateX(10px) translateY(-50%);
    }
    70% {
        -webkit-transform:  translateX(-10px) translateY(-50%);
        transform:  translateX(-10px) translateY(-50%);
    }
    80% {
        -webkit-transform:  translateX(10px) translateY(-50%);
        transform:  translateX(10px) translateY(-50%);
    }
    90% {
        -webkit-transform:  translateX(-10px) translateY(-50%);
        transform:  translateX(-10px) translateY(-50%);
    }
}


.ball.layer-right{
    -webkit-animation-name:  ball-layer-right;
    animation-name:  ball-layer-right;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}


@keyframes ball-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
    }
    20% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        -webkit-transform:  translate3d(0, -100px, 0) translateY(-50%);
        transform:  translate3d(0, -100px, 0) translateY(-50%);
    }
    40% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        -webkit-transform:  translate3d(0, -30px, 0) translateY(-50%);
        transform:  translate3d(0, -30px, 0) translateY(-50%);
    }
    75% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
    }
    85% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
        -webkit-transform:  translate3d(0, -15px, 0) translateY(-50%);
        transform:  translate3d(0, -15px, 0) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
    }
}


.pullUp.layer-right{
    -webkit-animation-name:  pullUp-layer-right;
    animation-name:  pullUp-layer-right;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes pullUp-layer-right{
    0% {
        -webkit-transform:  scale3d(0, 0, 0) translateY(-50%);
        transform:  scale3d(0, 0, 0) translateY(-50%);
    }
    30% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:  scale3d(1, 0, 1) translateY(-50%);
        transform:  scale3d(1, 0, 1) translateY(-50%);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:  scale3d(1, 1, 1) translateY(-50%);
        transform:  scale3d(1, 1, 1) translateY(-50%);
    }
}


.pullDown.layer-right{
    -webkit-animation-name:  pullDown-layer-right;
    animation-name:  pullDown-layer-right;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes pullDown-layer-right{
    0% {
        -webkit-transform:  scale3d(0, 0, 0) translateY(-50%);
        transform:  scale3d(0, 0, 0) translateY(-50%);
    }
    50% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:  scale3d(1, 0, 1) translateY(-50%);
        transform:  scale3d(1, 0, 1) translateY(-50%);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:  scale3d(1, 1, 1) translateY(-50%);
        transform:  scale3d(1, 1, 1) translateY(-50%);
    }
}


.pullLeft.layer-right{
    -webkit-animation-name:  pullLeft-layer-right;
    animation-name:  pullLeft-layer-right;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes pullLeft-layer-right{
    0% {
        -webkit-transform:  scale3d(0, 1, 1) translateY(-50%);
        transform:  scale3d(0, 1, 1) translateY(-50%);
    }
    50% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:  scale3d(0, 1, 1) translateY(-50%);
        transform:  scale3d(0, 1, 1) translateY(-50%);
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:  scale3d(1, 1, 1) translateY(-50%);
        transform:  scale3d(1, 1, 1) translateY(-50%);
    }
}


.pullRight.layer-right{
    -webkit-animation-name:  pullRight-layer-right;
    animation-name:  pullRight-layer-right;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes pullRight-layer-right{
    0% {
        -webkit-transform:  scale3d(0, 1, 1) translateY(-50%);
        transform:  scale3d(0, 1, 1) translateY(-50%);
    }
    50% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:  scale3d(0, 1, 1) translateY(-50%);
        transform:  scale3d(0, 1, 1) translateY(-50%);
        -webkit-transform-origin: center right;
        transform-origin: center right;
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:  scale3d(1, 1, 1) translateY(-50%);
        transform:  scale3d(1, 1, 1) translateY(-50%);
    }
}


.jumpInLeft.layer-right{
    -webkit-animation-name:  jumpInLeft-layer-right;
    animation-name:  jumpInLeft-layer-right;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes jumpInLeft-layer-right{
    0% {
        opacity: 0;
        -webkit-transform:  scale3d(0.5, 0.5, 0.5) rotate(-90deg) translateY(-50%);
        transform:  scale3d(0.5, 0.5, 0.5) rotate(-90deg) translateY(-50%);
    }
    50% {
        opacity: 1;
        -webkit-transform:  scale3d(1.2, 1.2, 1.2) rotate(10deg) translateY(-50%);
        transform:  scale3d(1.2, 1.2, 1.2) rotate(10deg) translateY(-50%);
    }
    70% {
        -webkit-transform:  scale3d(0.9, 0.9, 0.9) rotate(-5deg) translateY(-50%);
        transform:  scale3d(0.9, 0.9, 0.9) rotate(-5deg) translateY(-50%);
    }
    90% {
        -webkit-transform:  scale3d(1, 1, 1) rotate(0deg) translateY(-50%);
        transform:  scale3d(1, 1, 1) rotate(0deg) translateY(-50%);
    }
}


.jumpInRight.layer-right{
    -webkit-animation-name:  jumpInRight-layer-right;
    animation-name:  jumpInRight-layer-right;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes jumpInRight-layer-right{
    0% {
        opacity: 0;
        -webkit-transform:  scale3d(0.5, 0.5, 0.5) rotate(90deg) translateY(-50%);
        transform:  scale3d(0.5, 0.5, 0.5) rotate(90deg) translateY(-50%);
    }
    50% {
        opacity: 1;
        -webkit-transform:  scale3d(1.2, 1.2, 1.2) rotate(-10deg) translateY(-50%);
        transform:  scale3d(1.2, 1.2, 1.2) rotate(-10deg) translateY(-50%);
    }
    70% {
        -webkit-transform:  scale3d(0.9, 0.9, 0.9) rotate(5deg) translateY(-50%);
        transform:  scale3d(0.9, 0.9, 0.9) rotate(5deg) translateY(-50%);
    }
    90% {
        -webkit-transform:  scale3d(1, 1, 1) rotate(0deg) translateY(-50%);
        transform:  scale3d(1, 1, 1) rotate(0deg) translateY(-50%);
    }
}


.jumpOutRight.layer-right{
    -webkit-animation-name:  jumpOutRight-layer-right;
    animation-name:  jumpOutRight-layer-right;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes jumpOutRight-layer-right{
    0% {
        -webkit-transform:  scale3d(1, 1, 1) rotate(0deg) translateY(-50%);
        transform:  scale3d(1, 1, 1) rotate(0deg) translateY(-50%);
    }
    30% {
        -webkit-transform:  scale3d(0.9, 0.9, 0.9) rotate(5deg) translateY(-50%);
        transform:  scale3d(0.9, 0.9, 0.9) rotate(5deg) translateY(-50%);
    }
    70% {
        opacity: 1;
        -webkit-transform:  scale3d(1.2, 1.2, 1.2) rotate(-10deg) translateY(-50%);
        transform:  scale3d(1.2, 1.2, 1.2) rotate(-10deg) translateY(-50%);
    }
    100% {
        opacity: 0;
        -webkit-transform:  scale3d(0.5, 0.5, 0.5) rotate(90deg) translateY(-50%);
        transform:  scale3d(0.5, 0.5, 0.5) rotate(90deg) translateY(-50%);
    }
}


.jumpOutLeft.layer-right{
    -webkit-animation-name:  jumpOutLeft-layer-right;
    animation-name:  jumpOutLeft-layer-right;
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes jumpOutLeft-layer-right{
    0% {
        -webkit-transform:  scale3d(1, 1, 1) rotate(0deg) translateY(-50%);
        transform:  scale3d(1, 1, 1) rotate(0deg) translateY(-50%);
    }
    30% {
        -webkit-transform:  scale3d(0.9, 0.9, 0.9) rotate(-5deg) translateY(-50%);
        transform:  scale3d(0.9, 0.9, 0.9) rotate(-5deg) translateY(-50%);
    }
    70% {
        opacity: 1;
        -webkit-transform:  scale3d(1.2, 1.2, 1.2) rotate(10deg) translateY(-50%);
        transform:  scale3d(1.2, 1.2, 1.2) rotate(10deg) translateY(-50%);
    }
    100% {
        opacity: 0;
        -webkit-transform:  scale3d(0.5, 0.5, 0.5) rotate(-90deg) translateY(-50%);
        transform:  scale3d(0.5, 0.5, 0.5) rotate(-90deg) translateY(-50%);
    }
}


.rollInLeft.layer-right{
    -webkit-animation-name:  rollInLeft-layer-right;
    animation-name:  rollInLeft-layer-right;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes rollInLeft-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  translateX(-400px) rotate(445deg) translateY(-50%);
        transform:  translateX(-400px) rotate(445deg) translateY(-50%);
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    50% {
        -webkit-transform:  translateX(20px) rotate(20deg) translateY(-50%);
        transform:  translateX(20px) rotate(20deg) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform:  translateX(0) rotate(0deg) translateY(-50%);
        transform:  translateX(0) rotate(0deg) translateY(-50%);
    }
}


.rollInRight.layer-right{
    -webkit-animation-name:  rollInRight-layer-right;
    animation-name:  rollInRight-layer-right;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes rollInRight-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  translateX(400px) rotate(-445deg) translateY(-50%);
        transform:  translateX(400px) rotate(-445deg) translateY(-50%);
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    50% {
        -webkit-transform:  translateX(-20px) rotate(-20deg) translateY(-50%);
        transform:  translateX(-20px) rotate(-20deg) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform:  translateX(0) rotate(0deg) translateY(-50%);
        transform:  translateX(0) rotate(0deg) translateY(-50%);
    }
}


.rollInTop.layer-right{
    -webkit-animation-name:  rollInTop-layer-right;
    animation-name:  rollInTop-layer-right;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes rollInTop-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  translateY(-400px) rotate(-445deg) translateY(-50%);
        transform:  translateY(-400px) rotate(-445deg) translateY(-50%);
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    50% {
        -webkit-transform:  translateY(20px) rotate(-20deg) translateY(-50%);
        transform:  translateY(20px) rotate(-20deg) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform:  translateY(0) rotate(0deg) translateY(-50%);
        transform:  translateY(0) rotate(0deg) translateY(-50%);
    }
}


.rollInBottom.layer-right{
    -webkit-animation-name:  rollInBottom-layer-right;
    animation-name:  rollInBottom-layer-right;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes rollInBottom-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  translateY(400px) rotate(-445deg) translateY(-50%);
        transform:  translateY(400px) rotate(-445deg) translateY(-50%);
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    50% {
        -webkit-transform:  translateY(-20px) rotate(-20deg) translateY(-50%);
        transform:  translateY(-20px) rotate(-20deg) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform:  translateY(0) rotate(0deg) translateY(-50%);
        transform:  translateY(0) rotate(0deg) translateY(-50%);
    }
}


.rollOutLeft.layer-right{
    -webkit-animation-name:  rollOutLeft-layer-right;
    animation-name:  rollOutLeft-layer-right;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes rollOutLeft-layer-right{
    0% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform:  translateX(0) rotate(0deg) translateY(-50%);
        transform:  translateX(0) rotate(0deg) translateY(-50%);
    }
    40% {
        opacity: 1;
        -webkit-transform:  translateX(20px) rotate(-20deg) translateY(-50%);
        transform:  translateX(20px) rotate(-20deg) translateY(-50%);
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  translateX(-400px) rotate(-445deg) translateY(-50%);
        transform:  translateX(-400px) rotate(-445deg) translateY(-50%);
    }
}


.rollOutRight.layer-right{
    -webkit-animation-name:  rollOutRight-layer-right;
    animation-name:  rollOutRight-layer-right;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes rollOutRight-layer-right{
    0% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform:  translateX(0) rotate(0deg) translateY(-50%);
        transform:  translateX(0) rotate(0deg) translateY(-50%);
    }
    40% {
        opacity: 1;
        -webkit-transform:  translateX(-20px) rotate(20deg) translateY(-50%);
        transform:  translateX(-20px) rotate(20deg) translateY(-50%);
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  translateX(400px) rotate(445deg) translateY(-50%);
        transform:  translateX(400px) rotate(445deg) translateY(-50%);
    }
}


.rollOutTop.layer-right{
    -webkit-animation-name:  rollOutTop-layer-right;
    animation-name:  rollOutTop-layer-right;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes rollOutTop-layer-right{
    0% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform:  translateY(0) rotate(0deg) translateY(-50%);
        transform:  translateY(0) rotate(0deg) translateY(-50%);
    }
    40% {
        opacity: 1;
        -webkit-transform:  translateY(20px) rotate(20deg) translateY(-50%);
        transform:  translateY(20px) rotate(20deg) translateY(-50%);
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  translateY(-400px) rotate(445deg) translateY(-50%);
        transform:  translateY(-400px) rotate(445deg) translateY(-50%);
    }
}


.rollOutBottom.layer-right{
    -webkit-animation-name:  rollOutBottom-layer-right;
    animation-name:  rollOutBottom-layer-right;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


@keyframes rollOutBottom-layer-right{
    0% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform:  translateY(0) rotate(0deg) translateY(-50%);
        transform:  translateY(0) rotate(0deg) translateY(-50%);
    }
    40% {
        opacity: 1;
        -webkit-transform:  translateY(-20px) rotate(-20deg) translateY(-50%);
        transform:  translateY(-20px) rotate(-20deg) translateY(-50%);
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  translateY(400px) rotate(-445deg) translateY(-50%);
        transform:  translateY(400px) rotate(-445deg) translateY(-50%);
    }
}


.popIn.layer-right{
    -webkit-animation-name:  popIn-layer-right;
    animation-name:  popIn-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes popIn-layer-right{
    0% {
        -webkit-transform:  scale3d(0, 0, 0) translateY(-50%);
        transform:  scale3d(0, 0, 0) translateY(-50%);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    40% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform:  scale3d(1.08, 1.08, 1.08) translateY(-50%);
        transform:  scale3d(1.08, 1.08, 1.08) translateY(-50%);
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scale3d(1, 1, 1) translateY(-50%);
        transform:  scale3d(1, 1, 1) translateY(-50%);
    }
    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scale3d(1.03, 1.03, 1.03) translateY(-50%);
        transform:  scale3d(1.03, 1.03, 1.03) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  scale3d(1, 1, 1) translateY(-50%);
        transform:  scale3d(1, 1, 1) translateY(-50%);
    }
}


.popInLeft.layer-right{
    -webkit-animation-name:  popInLeft-layer-right;
    animation-name:  popInLeft-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes popInLeft-layer-right{
    0% {
        opacity: 0;
        -webkit-transform:  translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1) translateY(-50%);
        transform:  translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1) translateY(-50%);
    }
    40% {
        opacity: 1;
        -webkit-transform:  translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08) translateY(-50%);
        transform:  translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08) translateY(-50%);
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scale3d(1, 1, 1) translateY(-50%);
        transform:  scale3d(1, 1, 1) translateY(-50%);
    }
    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scale3d(1.03, 1.03, 1.03) translateY(-50%);
        transform:  scale3d(1.03, 1.03, 1.03) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  scale3d(1, 1, 1) translateY(-50%);
        transform:  scale3d(1, 1, 1) translateY(-50%);
    }
}


.popInRight.layer-right{
    -webkit-animation-name:  popInRight-layer-right;
    animation-name:  popInRight-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes popInRight-layer-right{
    0% {
        -webkit-transform:  translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1) translateY(-50%);
        transform:  translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1) translateY(-50%);
        opacity: 0;
    }
    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform:  translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08) translateY(-50%);
        transform:  translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08) translateY(-50%);
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scale3d(1, 1, 1) translateY(-50%);
        transform:  scale3d(1, 1, 1) translateY(-50%);
    }
    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scale3d(1.03, 1.03, 1.03) translateY(-50%);
        transform:  scale3d(1.03, 1.03, 1.03) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  scale3d(1, 1, 1) translateY(-50%);
        transform:  scale3d(1, 1, 1) translateY(-50%);
    }
}


.popInTop.layer-right{
    -webkit-animation-name:  popInTop-layer-right;
    animation-name:  popInTop-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes popInTop-layer-right{
    0% {
        -webkit-transform:  translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1) translateY(-50%);
        transform:  translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1) translateY(-50%);
        opacity: 0;
    }
    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform:  translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08) translateY(-50%);
        transform:  translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08) translateY(-50%);
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  translate3d(0, 0, 0) scale3d(1, 1, 1) translateY(-50%);
        transform:  translate3d(0, 0, 0) scale3d(1, 1, 1) translateY(-50%);
    }
    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03) translateY(-50%);
        transform:  translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  translate3d(0, 0, 0) scale3d(1, 1, 1) translateY(-50%);
        transform:  translate3d(0, 0, 0) scale3d(1, 1, 1) translateY(-50%);
    }
}


.popInBottom.layer-right{
    -webkit-animation-name:  popInBottom-layer-right;
    animation-name:  popInBottom-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes popInBottom-layer-right{
    0% {
        -webkit-transform:  translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1) translateY(-50%);
        transform:  translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1) translateY(-50%);
        opacity: 0;
    }
    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform:  translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08) translateY(-50%);
        transform:  translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08) translateY(-50%);
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  translate3d(0, 0, 0) scale3d(1, 1, 1) translateY(-50%);
        transform:  translate3d(0, 0, 0) scale3d(1, 1, 1) translateY(-50%);
    }
    80% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03) translateY(-50%);
        transform:  translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  translate3d(0, 0, 0) scale3d(1, 1, 1) translateY(-50%);
        transform:  translate3d(0, 0, 0) scale3d(1, 1, 1) translateY(-50%);
    }
}


.popOut.layer-right{
    -webkit-animation-name:  popOut-layer-right;
    animation-name:  popOut-layer-right;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


@keyframes popOut-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  scale3d(1, 1, 1) translateY(-50%);
        transform:  scale3d(1, 1, 1) translateY(-50%);
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scale3d(1.08, 1.08, 1.08) translateY(-50%);
        transform:  scale3d(1.08, 1.08, 1.08) translateY(-50%);
    }
    80% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform:  scale3d(0.3, 0.3, 0.3) translateY(-50%);
        transform:  scale3d(0.3, 0.3, 0.3) translateY(-50%);
    }
}


.popOutLeft.layer-right{
    -webkit-animation-name:  popOutLeft-layer-right;
    animation-name:  popOutLeft-layer-right;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


@keyframes popOutLeft-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  scale3d(1, 1, 1) translate3d(0, 0, 0) translateY(-50%);
        transform:  scale3d(1, 1, 1) translate3d(0, 0, 0) translateY(-50%);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0) translateY(-50%);
        transform:  scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0) translateY(-50%);
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform:  scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0) translateY(-50%);
        transform:  scale3d(0.5, 0.5, 0.5) translate3d(-200px, 0, 0) translateY(-50%);
    }
}


.popOutRight.layer-right{
    -webkit-animation-name:  popOutRight-layer-right;
    animation-name:  popOutRight-layer-right;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


@keyframes popOutRight-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  scale3d(1, 1, 1) translate3d(0, 0, 0) translateY(-50%);
        transform:  scale3d(1, 1, 1) translate3d(0, 0, 0) translateY(-50%);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0) translateY(-50%);
        transform:  scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0) translateY(-50%);
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform:  scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0) translateY(-50%);
        transform:  scale3d(0.5, 0.5, 0.5) translate3d(200px, 0, 0) translateY(-50%);
    }
}


.popOutTop.layer-right{
    -webkit-animation-name:  popOutTop-layer-right;
    animation-name:  popOutTop-layer-right;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


@keyframes popOutTop-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  scale3d(1, 1, 1) translate3d(0, 0, 0) translateY(-50%);
        transform:  scale3d(1, 1, 1) translate3d(0, 0, 0) translateY(-50%);
        -webkit-transform-origin: top center;
        transform-origin: top center;
    }
    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0) translateY(-50%);
        transform:  scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0) translateY(-50%);
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform:  scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0) translateY(-50%);
        transform:  scale3d(0.5, 0.5, 0.5) translate3d(0, -400px, 0) translateY(-50%);
    }
}


.popOutBottom.layer-right{
    -webkit-animation-name:  popOutBottom-layer-right;
    animation-name:  popOutBottom-layer-right;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


@keyframes popOutBottom-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  scale3d(1, 1, 1) translate3d(0, 0, 0) translateY(-50%);
        transform:  scale3d(1, 1, 1) translate3d(0, 0, 0) translateY(-50%);
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
    }
    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0) translateY(-50%);
        transform:  scale3d(1.08, 1.08, 1.08) translate3d(0, 0, 0) translateY(-50%);
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform:  scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0) translateY(-50%);
        transform:  scale3d(0.5, 0.5, 0.5) translate3d(0, 400px, 0) translateY(-50%);
    }
}


.flip.layer-right{
    -webkit-animation-name:  flip-layer-right;
    animation-name:  flip-layer-right;
}


@keyframes flip-layer-right{
    from {
        -webkit-transform:  perspective(400px) rotateY(-360deg) scale3d(1, 1, 1) translateY(-50%);
        transform:  perspective(400px) rotateY(-360deg) scale3d(1, 1, 1) translateY(-50%);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    50% {
        -webkit-transform:  perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2) translateY(-50%);
        transform:  perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2) translateY(-50%);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    to {
        -webkit-transform:  perspective(400px) rotateY(0deg) scale3d(1, 1, 1) translateY(-50%);
        transform:  perspective(400px) rotateY(0deg) scale3d(1, 1, 1) translateY(-50%);
        -webkit-animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
        animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    }
}


.flipInX.layer-right{
    -webkit-animation-name:  flipInX-layer-right;
    animation-name:  flipInX-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes flipInX-layer-right{
    from {
        opacity: 0;
        -webkit-transform:  perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2) translateY(-50%);
        transform:  perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2) translateY(-50%);
    }
    50% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform:  perspective(400px) rotateX(-20deg) scale3d(1, 1, 1) translateY(-50%);
        transform:  perspective(400px) rotateX(-20deg) scale3d(1, 1, 1) translateY(-50%);
    }
    to {
        -webkit-transform:  perspective(400px) rotateX(0deg) scale3d(1, 1, 1) translateY(-50%);
        transform:  perspective(400px) rotateX(0deg) scale3d(1, 1, 1) translateY(-50%);
    }
}


.flipInY.layer-right{
    -webkit-animation-name:  flipInY-layer-right;
    animation-name:  flipInY-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes flipInY-layer-right{
    from {
        opacity: 0;
        -webkit-transform:  perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2) translateY(-50%);
        transform:  perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2) translateY(-50%);
    }
    50% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform:  perspective(400px) rotateY(-20deg) scale3d(1, 1, 1) translateY(-50%);
        transform:  perspective(400px) rotateY(-20deg) scale3d(1, 1, 1) translateY(-50%);
    }
    to {
        -webkit-transform:  perspective(400px) rotateY(0deg) scale3d(1, 1, 1) translateY(-50%);
        transform:  perspective(400px) rotateY(0deg) scale3d(1, 1, 1) translateY(-50%);
    }
}


.flipOutX.layer-right{
    -webkit-animation-name:  flipOutX-layer-right;
    animation-name:  flipOutX-layer-right;
}


@keyframes flipOutX-layer-right{
    from {
        -webkit-transform:  perspective(400px) rotateX(0deg) scale3d(1, 1, 1) translateY(-50%);
        transform:  perspective(400px) rotateX(0deg) scale3d(1, 1, 1) translateY(-50%);
    }
    60% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform:  perspective(400px) rotateX(-30deg) scale3d(1, 1, 1) translateY(-50%);
        transform:  perspective(400px) rotateX(-30deg) scale3d(1, 1, 1) translateY(-50%);
    }
    to {
        opacity: 0;
        -webkit-transform:  perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2) translateY(-50%);
        transform:  perspective(400px) rotateX(90deg) scale3d(1.2, 1.2, 1.2) translateY(-50%);
    }
}


.flipOutY.layer-right{
    -webkit-animation-name:  flipOutY-layer-right;
    animation-name:  flipOutY-layer-right;
}


@keyframes flipOutY-layer-right{
    from {
        -webkit-transform:  perspective(400px) rotateY(0deg) scale3d(1, 1, 1) translateY(-50%);
        transform:  perspective(400px) rotateY(0deg) scale3d(1, 1, 1) translateY(-50%);
    }
    60% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform:  perspective(400px) rotateY(-30deg) scale3d(1, 1, 1) translateY(-50%);
        transform:  perspective(400px) rotateY(-30deg) scale3d(1, 1, 1) translateY(-50%);
    }
    to {
        opacity: 0;
        -webkit-transform:  perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2) translateY(-50%);
        transform:  perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2) translateY(-50%);
    }
}


.fadeInRight.layer-right{
    -webkit-animation-name:  fadeInRight-layer-right;
    animation-name:  fadeInRight-layer-right;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}


@keyframes fadeInRight-layer-right{
    0% {
        -webkit-transform:  translate3d(400px, 0, 0) translateY(-50%);
        transform:  translate3d(400px, 0, 0) translateY(-50%);
        opacity: 0;
    }
    100% {
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
        opacity: 1;
    }
}


.fadeInLeft.layer-right{
    -webkit-animation-name:  fadeInLeft-layer-right;
    animation-name:  fadeInLeft-layer-right;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}


@keyframes fadeInLeft-layer-right{
    0% {
        -webkit-transform:  translate3d(-400px, 0, 0) translateY(-50%);
        transform:  translate3d(-400px, 0, 0) translateY(-50%);
        opacity: 0;
    }
    100% {
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
        opacity: 1;
    }
}


.fadeInTop.layer-right{
    -webkit-animation-name:  fadeInTop-layer-right;
    animation-name:  fadeInTop-layer-right;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}


@keyframes fadeInTop-layer-right{
    0% {
        -webkit-transform:  translate3d(0, -400px, 0) translateY(-50%);
        transform:  translate3d(0, -400px, 0) translateY(-50%);
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
        opacity: 1;
    }
}


.fadeInBottom.layer-right{
    -webkit-animation-name:  fadeInBottom-layer-right;
    animation-name:  fadeInBottom-layer-right;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}


@keyframes fadeInBottom-layer-right{
    0% {
        -webkit-transform:  translate3d(0, 400px, 0) translateY(-50%);
        transform:  translate3d(0, 400px, 0) translateY(-50%);
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
        opacity: 1;
    }
}


.fadeOutLeft.layer-right{
    -webkit-animation-name:  fadeOutLeft-layer-right;
    animation-name:  fadeOutLeft-layer-right;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}


@keyframes fadeOutLeft-layer-right{
    0% {
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
        opacity: 1;
    }
    100% {
        -webkit-transform:  translate3d(-400px, 0, 0) translateY(-50%);
        transform:  translate3d(-400px, 0, 0) translateY(-50%);
        opacity: 0;
    }
}


.fadeOutRight.layer-right{
    -webkit-animation-name:  fadeOutRight-layer-right;
    animation-name:  fadeOutRight-layer-right;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}


@keyframes fadeOutRight-layer-right{
    0% {
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
        opacity: 1;
    }
    100% {
        -webkit-transform:  translate3d(400px, 0, 0) translateY(-50%);
        transform:  translate3d(400px, 0, 0) translateY(-50%);
        opacity: 0;
    }
}


.fadeOutTop.layer-right{
    -webkit-animation-name:  fadeOutTop-layer-right;
    animation-name:  fadeOutTop-layer-right;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}


@keyframes fadeOutTop-layer-right{
    0% {
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
        opacity: 1;
    }
    40% {
        opacity: 0.2;
    }
    100% {
        -webkit-transform:  translate3d(0, -300px, 0) translateY(-50%);
        transform:  translate3d(0, -300px, 0) translateY(-50%);
        opacity: 0;
    }
}


.fadeOutBottom.layer-right{
    -webkit-animation-name:  fadeOutBottom-layer-right;
    animation-name:  fadeOutBottom-layer-right;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}


@keyframes fadeOutBottom-layer-right{
    0% {
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
        opacity: 1;
    }
    40% {
        opacity: 0.2;
    }
    100% {
        -webkit-transform:  translate3d(0, 300px, 0) translateY(-50%);
        transform:  translate3d(0, 300px, 0) translateY(-50%);
        opacity: 0;
    }
}


.driveInLeft.layer-right{
    -webkit-animation-name:  driveInLeft-layer-right;
    animation-name:  driveInLeft-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes driveInLeft-layer-right{
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform:  translate3d(-400px, 0, 0) translateY(-50%);
        transform:  translate3d(-400px, 0, 0) translateY(-50%);
    }
    30% {
        opacity: 1;
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform:  translate3d(30px, 0, 0) translateY(-50%);
        transform:  translate3d(30px, 0, 0) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
    }
}


.driveInRight.layer-right{
    -webkit-animation-name:  driveInRight-layer-right;
    animation-name:  driveInRight-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes driveInRight-layer-right{
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform:  translate3d(400px, 0, 0) translateY(-50%);
        transform:  translate3d(400px, 0, 0) translateY(-50%);
    }
    30% {
        opacity: 1;
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform:  translate3d(-30px, 0, 0) translateY(-50%);
        transform:  translate3d(-30px, 0, 0) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
    }
}


.driveInTop.layer-right{
    -webkit-animation-name:  driveInTop-layer-right;
    animation-name:  driveInTop-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes driveInTop-layer-right{
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform:  translate3d(0, -400px, 0) translateY(-50%);
        transform:  translate3d(0, -400px, 0) translateY(-50%);
    }
    30% {
        opacity: 1;
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform:  translate3d(0, 30px, 0) translateY(-50%);
        transform:  translate3d(0, 30px, 0) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
    }
}


.driveInBottom.layer-right{
    -webkit-animation-name:  driveInBottom-layer-right;
    animation-name:  driveInBottom-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes driveInBottom-layer-right{
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform:  translate3d(0, 300px, 0) translateY(-50%);
        transform:  translate3d(0, 300px, 0) translateY(-50%);
    }
    30% {
        opacity: 1;
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform:  translate3d(0, -30px, 0) translateY(-50%);
        transform:  translate3d(0, -30px, 0) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
    }
}


.driveOutLeft.layer-right{
    -webkit-animation-name:  driveOutLeft-layer-right;
    animation-name:  driveOutLeft-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes driveOutLeft-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
    }
    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform:  translate3d(30px, 0, 0) translateY(-50%);
        transform:  translate3d(30px, 0, 0) translateY(-50%);
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform:  translate3d(-400px, 0, 0) translateY(-50%);
        transform:  translate3d(-400px, 0, 0) translateY(-50%);
    }
}


.driveOutRight.layer-right{
    -webkit-animation-name:  driveOutRight-layer-right;
    animation-name:  driveOutRight-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes driveOutRight-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
    }
    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform:  translate3d(-30px, 0, 0) translateY(-50%);
        transform:  translate3d(-30px, 0, 0) translateY(-50%);
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform:  translate3d(400px, 0, 0) translateY(-50%);
        transform:  translate3d(400px, 0, 0) translateY(-50%);
    }
}


.driveOutTop.layer-right{
    -webkit-animation-name:  driveOutTop-layer-right;
    animation-name:  driveOutTop-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes driveOutTop-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
    }
    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform:  translate3d(0, 30px, 0) translateY(-50%);
        transform:  translate3d(0, 30px, 0) translateY(-50%);
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform:  translate3d(0, -400px, 0) translateY(-50%);
        transform:  translate3d(0, -400px, 0) translateY(-50%);
    }
}


.driveOutBottom.layer-right{
    -webkit-animation-name:  driveOutBottom-layer-right;
    animation-name:  driveOutBottom-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes driveOutBottom-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform:  translate3d(0, 0, 0) translateY(-50%);
        transform:  translate3d(0, 0, 0) translateY(-50%);
    }
    30% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -webkit-transform:  translate3d(0, -30px, 0) translateY(-50%);
        transform:  translate3d(0, -30px, 0) translateY(-50%);
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform:  translate3d(0, 300px, 0) translateY(-50%);
        transform:  translate3d(0, 300px, 0) translateY(-50%);
    }
}


.spin.layer-right{
    -webkit-animation-name:  spin-layer-right;
    animation-name:  spin-layer-right;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}


@keyframes spin-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:  rotateZ(0deg) translateY(-50%);
        transform:  rotateZ(0deg) translateY(-50%);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    20% {
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform:  rotateZ(-20deg) translateY(-50%);
        transform:  rotateZ(-20deg) translateY(-50%);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  rotateZ(380deg) translateY(-50%);
        transform:  rotateZ(380deg) translateY(-50%);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform:  rotateZ(360deg) translateY(-50%);
        transform:  rotateZ(360deg) translateY(-50%);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}


.spinIn.layer-right{
    -webkit-animation-name:  spinIn-layer-right;
    animation-name:  spinIn-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes spinIn-layer-right{
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transform:  rotateZ(0deg) scale3d(0, 0, 0) translateY(-50%);
        transform:  rotateZ(0deg) scale3d(0, 0, 0) translateY(-50%);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    50% {
        opacity: 1;
    }
    70% {
        -webkit-transform:  rotateZ(380deg) scale3d(1, 1, 1) translateY(-50%);
        transform:  rotateZ(380deg) scale3d(1, 1, 1) translateY(-50%);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    100% {
        -webkit-transform:  rotateZ(360deg) scale3d(1, 1, 1) translateY(-50%);
        transform:  rotateZ(360deg) scale3d(1, 1, 1) translateY(-50%);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}


.spinOut.layer-right{
    -webkit-animation-name:  spinOut-layer-right;
    animation-name:  spinOut-layer-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@keyframes spinOut-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transform:  rotateZ(0deg) scale3d(1, 1, 1) translateY(-50%);
        transform:  rotateZ(0deg) scale3d(1, 1, 1) translateY(-50%);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    20% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform:  rotateZ(-20deg) scale3d(1, 1, 1) translateY(-50%);
        transform:  rotateZ(-20deg) scale3d(1, 1, 1) translateY(-50%);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    30% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        -webkit-transform:  rotateZ(360deg) scale3d(0, 0, 0) translateY(-50%);
        transform:  rotateZ(360deg) scale3d(0, 0, 0) translateY(-50%);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}


.swoopInLeft.layer-right{
    -webkit-animation-name:  swoopInLeft-layer-right;
    animation-name:  swoopInLeft-layer-right;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


@keyframes swoopInLeft-layer-right{
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:  scaleX(1.5) translate3d(-400px, 0, 0) translateY(-50%);
        transform:  scaleX(1.5) translate3d(-400px, 0, 0) translateY(-50%);
    }
    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scaleX(1.2) translate3d(0, 0, 0) translateY(-50%);
        transform:  scaleX(1.2) translate3d(0, 0, 0) translateY(-50%);
    }
    65% {
        -webkit-transform:  scaleX(1) translate3d(20px, 0, 0) translateY(-50%);
        transform:  scaleX(1) translate3d(20px, 0, 0) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scaleX(1) translate3d(0, 0, 0) translateY(-50%);
        transform:  scaleX(1) translate3d(0, 0, 0) translateY(-50%);
    }
}


.swoopInRight.layer-right{
    -webkit-animation-name:  swoopInRight-layer-right;
    animation-name:  swoopInRight-layer-right;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


@keyframes swoopInRight-layer-right{
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:  scaleX(1.5) translate3d(400px, 0, 0) translateY(-50%);
        transform:  scaleX(1.5) translate3d(400px, 0, 0) translateY(-50%);
    }
    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scaleX(1.2) translate3d(0, 0, 0) translateY(-50%);
        transform:  scaleX(1.2) translate3d(0, 0, 0) translateY(-50%);
    }
    65% {
        -webkit-transform:  scaleX(1) translate3d(-20px, 0, 0) translateY(-50%);
        transform:  scaleX(1) translate3d(-20px, 0, 0) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scaleX(1) translate3d(0, 0, 0) translateY(-50%);
        transform:  scaleX(1) translate3d(0, 0, 0) translateY(-50%);
    }
}


.swoopInTop.layer-right{
    -webkit-animation-name:  swoopInTop-layer-right;
    animation-name:  swoopInTop-layer-right;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


@keyframes swoopInTop-layer-right{
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:  scaleY(1.5) translate3d(0, -400px, 0) translateY(-50%);
        transform:  scaleY(1.5) translate3d(0, -400px, 0) translateY(-50%);
    }
    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scaleY(1.2) translate3d(0, 0, 0) translateY(-50%);
        transform:  scaleY(1.2) translate3d(0, 0, 0) translateY(-50%);
    }
    65% {
        -webkit-transform:  scaleY(1) translate3d(0, 20px, 0) translateY(-50%);
        transform:  scaleY(1) translate3d(0, 20px, 0) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scaleY(1) translate3d(0, 0, 0) translateY(-50%);
        transform:  scaleY(1) translate3d(0, 0, 0) translateY(-50%);
    }
}


.swoopInBottom.layer-right{
    -webkit-animation-name:  swoopInBottom-layer-right;
    animation-name:  swoopInBottom-layer-right;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


@keyframes swoopInBottom-layer-right{
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:  scaleY(1.5) translate3d(0, 250px, 0) translateY(-50%);
        transform:  scaleY(1.5) translate3d(0, 250px, 0) translateY(-50%);
    }
    40% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scaleY(1.2) translate3d(0, 0, 0) translateY(-50%);
        transform:  scaleY(1.2) translate3d(0, 0, 0) translateY(-50%);
    }
    65% {
        -webkit-transform:  scaleY(1) translate3d(0, -20px, 0) translateY(-50%);
        transform:  scaleY(1) translate3d(0, -20px, 0) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scaleY(1) translate3d(0, 0, 0) translateY(-50%);
        transform:  scaleY(1) translate3d(0, 0, 0) translateY(-50%);
    }
}


.swoopOutLeft.layer-right{
    -webkit-animation-name:  swoopOutLeft-layer-right;
    animation-name:  swoopOutLeft-layer-right;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


@keyframes swoopOutLeft-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scaleX(1) translate3d(0, 0, 0) translateY(-50%);
        transform:  scaleX(1) translate3d(0, 0, 0) translateY(-50%);
    }
    40% {
        opacity: 1;
        -webkit-transform:  scaleX(1) translate3d(20px, 0, 0) translateY(-50%);
        transform:  scaleX(1) translate3d(20px, 0, 0) translateY(-50%);
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scaleX(1.2) translate3d(0, 0, 0) translateY(-50%);
        transform:  scaleX(1.2) translate3d(0, 0, 0) translateY(-50%);
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:  scaleX(1.5) translate3d(-400px, 0, 0) translateY(-50%);
        transform:  scaleX(1.5) translate3d(-400px, 0, 0) translateY(-50%);
    }
}


.swoopOutRight.layer-right{
    -webkit-animation-name:  swoopOutRight-layer-right;
    animation-name:  swoopOutRight-layer-right;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


@keyframes swoopOutRight-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scaleX(1) translate3d(0, 0, 0) translateY(-50%);
        transform:  scaleX(1) translate3d(0, 0, 0) translateY(-50%);
    }
    40% {
        opacity: 1;
        -webkit-transform:  scaleX(1) translate3d(-20px, 0, 0) translateY(-50%);
        transform:  scaleX(1) translate3d(-20px, 0, 0) translateY(-50%);
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scaleX(1.2) translate3d(0, 0, 0) translateY(-50%);
        transform:  scaleX(1.2) translate3d(0, 0, 0) translateY(-50%);
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:  scaleX(1.5) translate3d(400px, 0, 0) translateY(-50%);
        transform:  scaleX(1.5) translate3d(400px, 0, 0) translateY(-50%);
    }
}


.swoopOutTop.layer-right{
    -webkit-animation-name:  swoopOutTop-layer-right;
    animation-name:  swoopOutTop-layer-right;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


@keyframes swoopOutTop-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scaleY(1) translate3d(0, 0, 0) translateY(-50%);
        transform:  scaleY(1) translate3d(0, 0, 0) translateY(-50%);
    }
    40% {
        opacity: 1;
        -webkit-transform:  scaleY(1) translate3d(0, 20px, 0) translateY(-50%);
        transform:  scaleY(1) translate3d(0, 20px, 0) translateY(-50%);
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scaleY(1.2) translate3d(0, 0, 0) translateY(-50%);
        transform:  scaleY(1.2) translate3d(0, 0, 0) translateY(-50%);
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:  scaleY(1.5) translate3d(0, -400px, 0) translateY(-50%);
        transform:  scaleY(1.5) translate3d(0, -400px, 0) translateY(-50%);
    }
}


.swoopOutBottom.layer-right{
    -webkit-animation-name:  swoopOutBottom-layer-right;
    animation-name:  swoopOutBottom-layer-right;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


@keyframes swoopOutBottom-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scaleY(1) translate3d(0, 0, 0) translateY(-50%);
        transform:  scaleY(1) translate3d(0, 0, 0) translateY(-50%);
    }
    40% {
        opacity: 1;
        -webkit-transform:  scaleY(1) translate3d(0, -20px, 0) translateY(-50%);
        transform:  scaleY(1) translate3d(0, -20px, 0) translateY(-50%);
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -webkit-transform:  scaleY(1.2) translate3d(0, 0, 0) translateY(-50%);
        transform:  scaleY(1.2) translate3d(0, 0, 0) translateY(-50%);
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:  scaleY(1.5) translate3d(0, 200px, 0) translateY(-50%);
        transform:  scaleY(1.5) translate3d(0, 200px, 0) translateY(-50%);
    }
}


.fold.layer-right{
    -webkit-animation-name:  fold-layer-right;
    animation-name:  fold-layer-right;
}


@keyframes fold-layer-right{
    0% {
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  scale3d(1, 1, 1) translateY(-50%);
        transform:  scale3d(1, 1, 1) translateY(-50%);
    }
    30% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform:  scale3d(1, 0.4, 1) translateY(-50%);
        transform:  scale3d(1, 0.4, 1) translateY(-50%);
    }
    60% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform:  scale3d(0.4, 0.4, 1) translateY(-50%);
        transform:  scale3d(0.4, 0.4, 1) translateY(-50%);
    }
    100% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        -webkit-transform:  scale3d(0.2, 0.2, 0.2) translateY(-50%);
        transform:  scale3d(0.2, 0.2, 0.2) translateY(-50%);
    }
}


.unfold.layer-right{
    -webkit-animation-name:  unfold-layer-right;
    animation-name:  unfold-layer-right;
}


@keyframes unfold-layer-right{
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transform:  scale3d(0, 0, 0) translateY(-50%);
        transform:  scale3d(0, 0, 0) translateY(-50%);
    }
    30% {
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform:  scale3d(0.4, 0.4, 1) translateY(-50%);
        transform:  scale3d(0.4, 0.4, 1) translateY(-50%);
    }
    60% {
        -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transform:  scale3d(0.4, 1, 1) translateY(-50%);
        transform:  scale3d(0.4, 1, 1) translateY(-50%);
    }
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        -webkit-transform:  scale3d(1, 1, 1) translateY(-50%);
        transform:  scale3d(1, 1, 1) translateY(-50%);
    }
}