/**
 * ----------------------------------------
 * animation swing-in-right-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-right-fwd
{
    0%
    {
        -webkit-transform: rotateY(-100deg);
        transform: rotateY(-100deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0;
    }
    100%
    {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1;
    }
}
@keyframes swing-in-right-fwd
{
    0%
    {
        -webkit-transform: rotateY(-100deg);
        transform: rotateY(-100deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0;
    }
    100%
    {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1;
    }
}
.swing-in-right-fwd
{
    -webkit-animation: swing-in-right-fwd cubic-bezier(.68,-.55,.265,1.55) both;
    -webkit-animation-duration: .5s!important;
    animation: swing-in-right-fwd cubic-bezier(.68,-.55,.265,1.55) both;
    animation-duration: .5s!important;
}/**
 * ----------------------------------------
 * animation swing-out-left-bck
 * ----------------------------------------
 */
@-webkit-keyframes swing-out-left-bck
{
    0%
    {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1;
    }
    100%
    {
        -webkit-transform: rotateY(100deg);
        transform: rotateY(100deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0;
    }
}
@keyframes swing-out-left-bck
{
    0%
    {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1;
    }
    100%
    {
        -webkit-transform: rotateY(100deg);
        transform: rotateY(100deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0;
    }
}
.swing-out-left-bck
{
    -webkit-animation: swing-out-left-bck cubic-bezier(.68,-.55,.265,1.55) both;
    -webkit-animation-duration: .6s!important;
    animation: swing-out-left-bck cubic-bezier(.68,-.55,.265,1.55) both;
    animation-duration: .6s!important;
}/**
 * ----------------------------------------
 * animation swing-out-right-bck
 * ----------------------------------------
 */
@-webkit-keyframes swing-out-right-bck
{
    0%
    {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1;
    }
    100%
    {
        -webkit-transform: rotateY(-100deg);
        transform: rotateY(-100deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0;
    }
}
@keyframes swing-out-right-bck
{
    0%
    {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1;
    }
    100%
    {
        -webkit-transform: rotateY(-100deg);
        transform: rotateY(-100deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0;
    }
}
.swing-out-right-bck
{
    -webkit-animation: swing-out-right-bck cubic-bezier(.68,-.55,.265,1.55) both;
    -webkit-animation-duration: .6s!important;
    animation: swing-out-right-bck cubic-bezier(.68,-.55,.265,1.55) both;
    animation-duration: .6s!important;
}/**
 * ----------------------------------------
 * animation swing-in-left-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-left-fwd
{
    0%
    {
        -webkit-transform: rotateY(100deg);
        transform: rotateY(100deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0;
    }
    100%
    {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1;
    }
}
@keyframes swing-in-left-fwd
{
    0%
    {
        -webkit-transform: rotateY(100deg);
        transform: rotateY(100deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0;
    }
    100%
    {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1;
    }
}
.swing-in-left-fwd
{
    -webkit-animation: swing-in-left-fwd cubic-bezier(.175,.885,.32,1.275) both;
    -webkit-animation-duration: .5s!important;
    animation: swing-in-left-fwd cubic-bezier(.175,.885,.32,1.275) both;
    animation-duration: .5s!important;
}