.WY_MagicBox {
    width: 100%;
    height: 100%;
    margin: 0px;
    background-color: white;
    position: relative;
}

.WY_MagicBoxContent {
    display: block;
    padding: 10px;
    width: 100%;
    height: 100%;
    background-color: white;
    color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.WY_MagicBoxOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: red;
    padding: 10px;
    /*box-shadow: 2px 2px 4px #333333;*/

}




.WYMagicBox-WY_puffIn:hover > .WYOverlay-WY_puffIn {
    -webkit-animation-name: WY_puffOut;
    animation-name: WY_puffOut;
}
.WYOverlay-WY_puffIn {
    -webkit-animation-name: WY_puffIn;
    animation-name: WY_puffIn;
}


.WYMagicBox-WY_vanishIn:hover > .WYOverlay-WY_vanishIn {
    -webkit-animation-name: WY_vanishOut;
    animation-name: WY_vanishOut;
}

.WYOverlay-WY_vanishIn {
    -webkit-animation-name: WY_vanishIn;
    animation-name: WY_vanishIn;
}


.WYMagicBox-WY_boingInUp:hover > .WYOverlay-WY_boingInUp {
    -webkit-animation-name: WY_boingOutDown;
    animation-name: WY_boingOutDown;
}

.WYOverlay-WY_boingInUp {
    -webkit-animation-name: WY_boingInUp;
    animation-name: WY_boingInUp;
}

.WYMagicBox-WY_foolishIn:hover > .WYOverlay-WY_foolishIn {
    -webkit-animation-name: WY_foolishOut;
    animation-name: WY_foolishOut;
}

.WYOverlay-WY_foolishIn {
    -webkit-animation-name: WY_foolishIn;
    animation-name: WY_foolishIn;
}

.WYMagicBox-WY_swashIn:hover > .WYOverlay-WY_swashIn {
    -webkit-animation-name: WY_swashOut;
    animation-name: WY_swashOut;
}

.WYOverlay-WY_swashIn {
    -webkit-animation-name: WY_swashIn;
    animation-name: WY_swashIn;
}


.WYMagicBox-WY_spaceInDown:hover > .WYOverlay-WY_spaceInDown {
    -webkit-animation-name: WY_spaceOutDown;
    animation-name: WY_spaceOutDown;
}

.WYOverlay-WY_spaceInDown {
    -webkit-animation-name: WY_spaceInDown;
    animation-name: WY_spaceInDown;
}

.WYMagicBox-WY_spaceInLeft:hover > .WYOverlay-WY_spaceInLeft {
    -webkit-animation-name: WY_spaceOutLeft;
    animation-name: WY_spaceOutLeft;
}

.WYOverlay-WY_spaceInLeft {
    -webkit-animation-name: WY_spaceInLeft;
    animation-name: WY_spaceInLeft;
}

.WYMagicBox-WY_spaceInRight:hover > .WYOverlay-WY_spaceInRight {
    -webkit-animation-name: WY_spaceOutRight;
    animation-name: WY_spaceOutRight;
}

.WYOverlay-WY_spaceInRight {
    -webkit-animation-name: WY_spaceInRight;
    animation-name: WY_spaceInRight;
}

.WYMagicBox-WY_spaceInUp:hover > .WYOverlay-WY_spaceInUp {
    -webkit-animation-name: WY_spaceOutUp;
    animation-name: WY_spaceOutUp;
}

.WYOverlay-WY_spaceInUp {
    -webkit-animation-name: WY_spaceInUp;
    animation-name: WY_spaceInUp;
}

.WYMagicBox-WY_perspectiveDownReturn:hover > .WYOverlay-WY_perspectiveDownReturn {
    -webkit-animation-name: WY_perspectiveDown;
    animation-name: WY_perspectiveDown;
}

.WYOverlay-WY_perspectiveDownReturn {
    -webkit-animation-name: WY_perspectiveDownReturn;
    animation-name: WY_perspectiveDownReturn;
}

.WYMagicBox-WY_perspectiveLeftReturn:hover > .WYOverlay-WY_perspectiveLeftReturn {
    -webkit-animation-name: WY_perspectiveLeft;
    animation-name: WY_perspectiveLeft;
}

.WYOverlay-WY_perspectiveLeftReturn {
    -webkit-animation-name: WY_perspectiveLeftReturn;
    animation-name: WY_perspectiveLeftReturn;
}
.WYMagicBox-WY_perspectiveRightReturn:hover > .WYOverlay-WY_perspectiveRightReturn {
    -webkit-animation-name: WY_perspectiveRight;
    animation-name: WY_perspectiveRight;
}

.WYOverlay-WY_perspectiveRightReturn {
    -webkit-animation-name: WY_perspectiveRightReturn;
    animation-name: WY_perspectiveRightReturn;
}
.WYMagicBox-WY_perspectiveUpReturn:hover > .WYOverlay-WY_perspectiveUpReturn {
    -webkit-animation-name: WY_perspectiveUp;
    animation-name: WY_perspectiveUp;
}

.WYOverlay-WY_perspectiveUpReturn {
    -webkit-animation-name: WY_perspectiveUpReturn;
    animation-name: WY_perspectiveUpReturn;
}
.WYMagicBox-WY_slideDownReturn:hover > .WYOverlay-WY_slideDownReturn {
    -webkit-animation-name: WY_slideDown;
    animation-name: WY_slideDown;
}

.WYOverlay-WY_slideDownReturn {
    -webkit-animation-name: WY_slideDownReturn;
    animation-name: WY_slideDownReturn;
}
.WYMagicBox-WY_slideLeftReturn:hover > .WYOverlay-WY_slideLeftReturn {
    -webkit-animation-name: WY_slideLeft;
    animation-name: WY_slideLeft;
}

.WYOverlay-WY_slideLeftReturn {
    -webkit-animation-name: WY_slideLeftReturn;
    animation-name: WY_slideLeftReturn;
}
.WYMagicBox-WY_slideRightReturn:hover > .WYOverlay-WY_slideRightReturn {
    -webkit-animation-name: WY_slideRight;
    animation-name: WY_slideRight;
}

.WYOverlay-WY_slideRightReturn {
    -webkit-animation-name: WY_slideRightReturn;
    animation-name: WY_slideRightReturn;
}
.WYMagicBox-WY_slideUpReturn:hover > .WYOverlay-WY_slideUpReturn {
    -webkit-animation-name: WY_slideUp;
    animation-name: WY_slideUp;
}

.WYOverlay-WY_slideUpReturn {
    -webkit-animation-name: WY_slideUpReturn;
    animation-name: WY_slideUpReturn;
}
.WYMagicBox-WY_openDownLeftReturn:hover > .WYOverlay-WY_openDownLeftReturn {
    -webkit-animation-name: WY_openDownLeft;
    animation-name: WY_openDownLeft;
}

.WYOverlay-WY_openDownLeftReturn {
    -webkit-animation-name: WY_openDownLeftReturn;
    animation-name: WY_openDownLeftReturn;
}
.WYMagicBox-WY_openDownRightReturn:hover > .WYOverlay-WY_openDownRightReturn {
    -webkit-animation-name: WY_openDownRight;
    animation-name: WY_openDownRight;
}

.WYOverlay-WY_openDownRightReturn {
    -webkit-animation-name: WY_openDownRightReturn;
    animation-name: WY_openDownRightReturn;
}
.WYMagicBox-WY_openUpLeftReturn:hover > .WYOverlay-WY_openUpLeftReturn {
    -webkit-animation-name: WY_openUpLeft;
    animation-name: WY_openUpLeft;
}

.WYOverlay-WY_openUpLeftReturn {
    -webkit-animation-name: WY_openUpLeftReturn;
    animation-name: WY_openUpLeftReturn;
}
.WYMagicBox-WY_openUpRightReturn:hover > .WYOverlay-WY_openUpRightReturn {
    -webkit-animation-name: WY_openUpRight;
    animation-name: WY_openUpRight;
}

.WYOverlay-WY_openUpRightReturn {
    -webkit-animation-name: WY_openUpRightReturn;
    animation-name: WY_openUpRightReturn;
}
.WYMagicBox-WY_tinDownIn:hover > .WYOverlay-WY_tinDownIn {
    -webkit-animation-name: WY_tinDownOut;
    animation-name: WY_tinDownOut;
}

.WYOverlay-WY_tinDownIn {
    -webkit-animation-name: WY_tinDownIn;
    animation-name: WY_tinDownIn;
}
.WYMagicBox-WY_tinLeftIn:hover > .WYOverlay-WY_tinLeftIn {
    -webkit-animation-name: WY_tinLeftOut;
    animation-name: WY_tinLeftOut;
}

.WYOverlay-WY_tinLeftIn {
    -webkit-animation-name: WY_tinLeftIn;
    animation-name: WY_tinLeftIn;
}
.WYMagicBox-WY_tinRightIn:hover > .WYOverlay-WY_tinRightIn {
    -webkit-animation-name: WY_tinRightOut;
    animation-name: WY_tinRightOut;
}

.WYOverlay-WY_tinRightIn {
    -webkit-animation-name: WY_tinRightIn;
    animation-name: WY_tinRightIn;
}
.WYMagicBox-WY_tinUpIn:hover > .WYOverlay-WY_tinUpIn {
    -webkit-animation-name: WY_tinUpOut;
    animation-name: WY_tinUpOut;
}

.WYOverlay-WY_tinUpIn {
    -webkit-animation-name: WY_tinUpIn;
    animation-name: WY_tinUpIn;
} 







































 





.WY_puffIn {
    -webkit-animation-name: WY_puffIn;
    animation-name: WY_puffIn;
}

@-webkit-keyframes WY_puffIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        -webkit-filter: blur(2px);
        filter: blur(2px);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
}

@keyframes WY_puffIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        -webkit-filter: blur(2px);
        filter: blur(2px);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
}

.WY_puffOut {
    -webkit-animation-name: WY_puffOut;
    animation-name: WY_puffOut;
}

@-webkit-keyframes WY_puffOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        -webkit-filter: blur(2px);
        filter: blur(2px);
    }
}

@keyframes WY_puffOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        -webkit-filter: blur(2px);
        filter: blur(2px);
    }
}

.WY_vanishIn {
    -webkit-animation-name: WY_vanishIn;
    animation-name: WY_vanishIn;
}

@-webkit-keyframes WY_vanishIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        -webkit-filter: blur(90px);
        filter: blur(90px);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
}

@keyframes WY_vanishIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        -webkit-filter: blur(90px);
        filter: blur(90px);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
}

.WY_vanishOut {
    -webkit-animation-name: WY_vanishOut;
    animation-name: WY_vanishOut;
}

@-webkit-keyframes WY_vanishOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        -webkit-filter: blur(20px);
        filter: blur(20px);
    }
}

@keyframes WY_vanishOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        -webkit-filter: blur(20px);
        filter: blur(20px);
    }
}

.WY_boingInUp {
    -webkit-animation-name: WY_boingInUp;
    animation-name: WY_boingInUp;
}

@-webkit-keyframes WY_boingInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: perspective(800px) rotateX(-90deg);
        transform: perspective(800px) rotateX(-90deg);
    }

    50% {
        opacity: 1;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: perspective(800px) rotateX(50deg);
        transform: perspective(800px) rotateX(50deg);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: perspective(800px) rotateX(0deg);
        transform: perspective(800px) rotateX(0deg);
    }
}

@keyframes WY_boingInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: perspective(800px) rotateX(-90deg);
        transform: perspective(800px) rotateX(-90deg);
    }

    50% {
        opacity: 1;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: perspective(800px) rotateX(50deg);
        transform: perspective(800px) rotateX(50deg);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: perspective(800px) rotateX(0deg);
        transform: perspective(800px) rotateX(0deg);
    }
}

.WY_boingOutDown {
    -webkit-animation-name: WY_boingOutDown;
    animation-name: WY_boingOutDown;
}

@-webkit-keyframes WY_boingOutDown {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
        transform: perspective(800px) rotateX(0deg) rotateY(0deg);
    }

    20% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(10deg);
        transform: perspective(800px) rotateX(0deg) rotateY(10deg);
    }

    30% {
        opacity: 1;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
        transform: perspective(800px) rotateX(0deg) rotateY(0deg);
    }

    40% {
        opacity: 1;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: perspective(800px) rotateX(10deg) rotateY(10deg);
        transform: perspective(800px) rotateX(10deg) rotateY(10deg);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg);
        transform: perspective(800px) rotateX(90deg) rotateY(0deg);
    }
}

@keyframes WY_boingOutDown {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
        transform: perspective(800px) rotateX(0deg) rotateY(0deg);
    }

    20% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(10deg);
        transform: perspective(800px) rotateX(0deg) rotateY(10deg);
    }

    30% {
        opacity: 1;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
        transform: perspective(800px) rotateX(0deg) rotateY(0deg);
    }

    40% {
        opacity: 1;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: perspective(800px) rotateX(10deg) rotateY(10deg);
        transform: perspective(800px) rotateX(10deg) rotateY(10deg);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg);
        transform: perspective(800px) rotateX(90deg) rotateY(0deg);
    }
}

.WY_bombLeftOut {
    -webkit-animation-name: WY_bombLeftOut;
    animation-name: WY_bombLeftOut;
}

@-webkit-keyframes WY_bombLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }

    50% {
        opacity: 1;
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        -webkit-transform: rotate(-160deg);
        transform: rotate(-160deg);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        -webkit-transform: rotate(-160deg);
        transform: rotate(-160deg);
        -webkit-filter: blur(20px);
        filter: blur(20px);
    }
}

@keyframes WY_bombLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }

    50% {
        opacity: 1;
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        -webkit-transform: rotate(-160deg);
        transform: rotate(-160deg);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        -webkit-transform: rotate(-160deg);
        transform: rotate(-160deg);
        -webkit-filter: blur(20px);
        filter: blur(20px);
    }
}

.WY_bombRightOut {
    -webkit-animation-name: WY_bombRightOut;
    animation-name: WY_bombRightOut;
}

@-webkit-keyframes WY_bombRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }

    50% {
        opacity: 1;
        -webkit-transform-origin: 200% 50%;
        transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        transform: rotate(160deg);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 200% 50%;
        transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        transform: rotate(160deg);
        -webkit-filter: blur(20px);
        filter: blur(20px);
    }
}

@keyframes WY_bombRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }

    50% {
        opacity: 1;
        -webkit-transform-origin: 200% 50%;
        transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        transform: rotate(160deg);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 200% 50%;
        transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        transform: rotate(160deg);
        -webkit-filter: blur(20px);
        filter: blur(20px);
    }
}

.WY_magic {
    -webkit-animation-name: WY_magic;
    animation-name: WY_magic;
}

@-webkit-keyframes WY_magic {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 200%;
        transform-origin: 100% 200%;
        -webkit-transform: scale(1, 1) rotate(0deg);
        transform: scale(1, 1) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 200% 500%;
        transform-origin: 200% 500%;
        -webkit-transform: scale(0, 0) rotate(270deg);
        transform: scale(0, 0) rotate(270deg);
    }
}

@keyframes WY_magic {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 200%;
        transform-origin: 100% 200%;
        -webkit-transform: scale(1, 1) rotate(0deg);
        transform: scale(1, 1) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 200% 500%;
        transform-origin: 200% 500%;
        -webkit-transform: scale(0, 0) rotate(270deg);
        transform: scale(0, 0) rotate(270deg);
    }
}

.WY_swap {
    -webkit-animation-name: WY_swap;
    animation-name: WY_swap;
}

@-webkit-keyframes WY_swap {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) translate(-700px, 0px);
        transform: scale(0, 0) translate(-700px, 0px);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scale(1, 1) translate(0px, 0px);
        transform: scale(1, 1) translate(0px, 0px);
    }
}

@keyframes WY_swap {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) translate(-700px, 0px);
        transform: scale(0, 0) translate(-700px, 0px);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scale(1, 1) translate(0px, 0px);
        transform: scale(1, 1) translate(0px, 0px);
    }
}

.WY_twisterInDown {
    -webkit-animation-name: WY_twisterInDown;
    animation-name: WY_twisterInDown;
}

@-webkit-keyframes WY_twisterInDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
        transform: scale(0, 0) rotate(360deg) translateY(-100%);
    }

    30% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
        transform: scale(0, 0) rotate(360deg) translateY(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
        transform: scale(1, 1) rotate(0deg) translateY(0%);
    }
}

@keyframes WY_twisterInDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
        transform: scale(0, 0) rotate(360deg) translateY(-100%);
    }

    30% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
        transform: scale(0, 0) rotate(360deg) translateY(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
        transform: scale(1, 1) rotate(0deg) translateY(0%);
    }
}

.WY_twisterInUp {
    -webkit-animation-name: WY_twisterInUp;
    animation-name: WY_twisterInUp;
}

@-webkit-keyframes WY_twisterInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
        transform: scale(0, 0) rotate(360deg) translateY(100%);
    }

    30% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
        transform: scale(0, 0) rotate(360deg) translateY(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
        transform: scale(1, 1) rotate(0deg) translateY(0);
    }
}

@keyframes WY_twisterInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
        transform: scale(0, 0) rotate(360deg) translateY(100%);
    }

    30% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
        transform: scale(0, 0) rotate(360deg) translateY(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
        transform: scale(1, 1) rotate(0deg) translateY(0);
    }
}

.WY_foolishIn {
    -webkit-animation-name: WY_foolishIn;
    animation-name: WY_foolishIn;
}

@-webkit-keyframes WY_foolishIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotate(360deg);
        transform: scale(0, 0) rotate(360deg);
    }

    20% {
        opacity: 1;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    60% {
        opacity: 1;
        -webkit-transform-origin: 0%;
        transform-origin: 0%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    80% {
        opacity: 1;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotate(0deg);
        transform: scale(1, 1) rotate(0deg);
    }
}

@keyframes WY_foolishIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotate(360deg);
        transform: scale(0, 0) rotate(360deg);
    }

    20% {
        opacity: 1;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    60% {
        opacity: 1;
        -webkit-transform-origin: 0%;
        transform-origin: 0%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    80% {
        opacity: 1;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotate(0deg);
        transform: scale(1, 1) rotate(0deg);
    }
}

.WY_foolishOut {
    -webkit-animation-name: WY_foolishOut;
    animation-name: WY_foolishOut;
}

@-webkit-keyframes WY_foolishOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotate(360deg);
        transform: scale(1, 1) rotate(360deg);
    }

    20% {
        opacity: 1;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    60% {
        opacity: 1;
        -webkit-transform-origin: 0%;
        transform-origin: 0%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    80% {
        opacity: 1;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotate(0deg);
        transform: scale(0, 0) rotate(0deg);
    }
}

@keyframes WY_foolishOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotate(360deg);
        transform: scale(1, 1) rotate(360deg);
    }

    20% {
        opacity: 1;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    60% {
        opacity: 1;
        -webkit-transform-origin: 0%;
        transform-origin: 0%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    80% {
        opacity: 1;
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotate(0deg);
        transform: scale(0, 0) rotate(0deg);
    }
}

.WY_holeOut {
    -webkit-animation-name: WY_holeOut;
    animation-name: WY_holeOut;
}

@-webkit-keyframes WY_holeOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotateY(0deg);
        transform: scale(1, 1) rotateY(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotateY(180deg);
        transform: scale(0, 0) rotateY(180deg);
    }
}

@keyframes WY_holeOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotateY(0deg);
        transform: scale(1, 1) rotateY(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotateY(180deg);
        transform: scale(0, 0) rotateY(180deg);
    }
}

.WY_swashIn {
    -webkit-animation-name: WY_swashIn;
    animation-name: WY_swashIn;
}

@-webkit-keyframes WY_swashIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }

    90% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes WY_swashIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }

    90% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

.WY_swashOut {
    -webkit-animation-name: WY_swashOut;
    animation-name: WY_swashOut;
}

@-webkit-keyframes WY_swashOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    80% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
}

@keyframes WY_swashOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    80% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
}

.WY_spaceInDown {
    -webkit-animation-name: WY_spaceInDown;
    animation-name: WY_spaceInDown;
}

@-webkit-keyframes WY_spaceInDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(0.2) translate(0%, 200%);
        transform: scale(0.2) translate(0%, 200%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }
}

@keyframes WY_spaceInDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(0.2) translate(0%, 200%);
        transform: scale(0.2) translate(0%, 200%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }
}

.WY_spaceInLeft {
    -webkit-animation-name: WY_spaceInLeft;
    animation-name: WY_spaceInLeft;
}

@-webkit-keyframes WY_spaceInLeft {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scale(0.2) translate(-200%, 0%);
        transform: scale(0.2) translate(-200%, 0%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }
}

@keyframes WY_spaceInLeft {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scale(0.2) translate(-200%, 0%);
        transform: scale(0.2) translate(-200%, 0%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }
}

.WY_spaceInRight {
    -webkit-animation-name: WY_spaceInRight;
    animation-name: WY_spaceInRight;
}

@-webkit-keyframes WY_spaceInRight {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(0.2) translate(200%, 0%);
        transform: scale(0.2) translate(200%, 0%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }
}

@keyframes WY_spaceInRight {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(0.2) translate(200%, 0%);
        transform: scale(0.2) translate(200%, 0%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }
}

.WY_spaceInUp {
    -webkit-animation-name: WY_spaceInUp;
    animation-name: WY_spaceInUp;
}

@-webkit-keyframes WY_spaceInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: scale(0.2) translate(0%, -200%);
        transform: scale(0.2) translate(0%, -200%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }
}

@keyframes WY_spaceInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: scale(0.2) translate(0%, -200%);
        transform: scale(0.2) translate(0%, -200%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }
}

.WY_spaceOutDown {
    -webkit-animation-name: WY_spaceOutDown;
    animation-name: WY_spaceOutDown;
}

@-webkit-keyframes WY_spaceOutDown {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(0.2) translate(0%, 200%);
        transform: scale(0.2) translate(0%, 200%);
    }
}

@keyframes WY_spaceOutDown {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(0.2) translate(0%, 200%);
        transform: scale(0.2) translate(0%, 200%);
    }
}

.WY_spaceOutLeft {
    -webkit-animation-name: WY_spaceOutLeft;
    animation-name: WY_spaceOutLeft;
}

@-webkit-keyframes WY_spaceOutLeft {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scale(0.2) translate(-200%, 0%);
        transform: scale(0.2) translate(-200%, 0%);
    }
}

@keyframes WY_spaceOutLeft {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scale(0.2) translate(-200%, 0%);
        transform: scale(0.2) translate(-200%, 0%);
    }
}

.WY_spaceOutRight {
    -webkit-animation-name: WY_spaceOutRight;
    animation-name: WY_spaceOutRight;
}

@-webkit-keyframes WY_spaceOutRight {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(0.2) translate(200%, 0%);
        transform: scale(0.2) translate(200%, 0%);
    }
}

@keyframes WY_spaceOutRight {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(0.2) translate(200%, 0%);
        transform: scale(0.2) translate(200%, 0%);
    }
}

.WY_spaceOutUp {
    -webkit-animation-name: WY_spaceOutUp;
    animation-name: WY_spaceOutUp;
}

@-webkit-keyframes WY_spaceOutUp {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: scale(0.2) translate(0%, -200%);
        transform: scale(0.2) translate(0%, -200%);
    }
}

@keyframes WY_spaceOutUp {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: scale(0.2) translate(0%, -200%);
        transform: scale(0.2) translate(0%, -200%);
    }
}

.WY_perspectiveDown {
    -webkit-animation-name: WY_perspectiveDown;
    animation-name: WY_perspectiveDown;
}

@-webkit-keyframes WY_perspectiveDown {
    0% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(0deg);
        transform: perspective(800px) rotateX(0deg);
    }

    100% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg);
        transform: perspective(800px) rotateX(-180deg);
    }
}

@keyframes WY_perspectiveDown {
    0% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(0deg);
        transform: perspective(800px) rotateX(0deg);
    }

    100% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg);
        transform: perspective(800px) rotateX(-180deg);
    }
}

.WY_perspectiveDownReturn {
    -webkit-animation-name: WY_perspectiveDownReturn;
    animation-name: WY_perspectiveDownReturn;
}

@-webkit-keyframes WY_perspectiveDownReturn {
    0% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg);
        transform: perspective(800px) rotateX(-180deg);
    }

    100% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(0deg);
        transform: perspective(800px) rotateX(0deg);
    }
}

@keyframes WY_perspectiveDownReturn {
    0% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg);
        transform: perspective(800px) rotateX(-180deg);
    }

    100% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(0deg);
        transform: perspective(800px) rotateX(0deg);
    }
}

.WY_perspectiveLeft {
    -webkit-animation-name: WY_perspectiveLeft;
    animation-name: WY_perspectiveLeft;
}

@-webkit-keyframes WY_perspectiveLeft {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg);
        transform: perspective(800px) rotateY(0deg);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(-180deg);
        transform: perspective(800px) rotateY(-180deg);
    }
}

@keyframes WY_perspectiveLeft {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg);
        transform: perspective(800px) rotateY(0deg);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(-180deg);
        transform: perspective(800px) rotateY(-180deg);
    }
}

.WY_perspectiveLeftReturn {
    -webkit-animation-name: WY_perspectiveLeftReturn;
    animation-name: WY_perspectiveLeftReturn;
}

@-webkit-keyframes WY_perspectiveLeftReturn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(-180deg);
        transform: perspective(800px) rotateY(-180deg);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg);
        transform: perspective(800px) rotateY(0deg);
    }
}

@keyframes WY_perspectiveLeftReturn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(-180deg);
        transform: perspective(800px) rotateY(-180deg);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg);
        transform: perspective(800px) rotateY(0deg);
    }
}

.WY_perspectiveRight {
    -webkit-animation-name: WY_perspectiveRight;
    animation-name: WY_perspectiveRight;
}

@-webkit-keyframes WY_perspectiveRight {
    0% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(0deg);
        transform: perspective(800px) rotateY(0deg);
    }

    100% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(180deg);
        transform: perspective(800px) rotateY(180deg);
    }
}

@keyframes WY_perspectiveRight {
    0% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(0deg);
        transform: perspective(800px) rotateY(0deg);
    }

    100% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(180deg);
        transform: perspective(800px) rotateY(180deg);
    }
}

.WY_perspectiveRightReturn {
    -webkit-animation-name: WY_perspectiveRightReturn;
    animation-name: WY_perspectiveRightReturn;
}

@-webkit-keyframes WY_perspectiveRightReturn {
    0% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(180deg);
        transform: perspective(800px) rotateY(180deg);
    }

    100% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(0deg);
        transform: perspective(800px) rotateY(0deg);
    }
}

@keyframes WY_perspectiveRightReturn {
    0% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(180deg);
        transform: perspective(800px) rotateY(180deg);
    }

    100% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(0deg);
        transform: perspective(800px) rotateY(0deg);
    }
}

.WY_perspectiveUp {
    -webkit-animation-name: WY_perspectiveUp;
    animation-name: WY_perspectiveUp;
}

@-webkit-keyframes WY_perspectiveUp {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg);
        transform: perspective(800px) rotateX(0deg);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(180deg);
        transform: perspective(800px) rotateX(180deg);
    }
}

@keyframes WY_perspectiveUp {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg);
        transform: perspective(800px) rotateX(0deg);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(180deg);
        transform: perspective(800px) rotateX(180deg);
    }
}

.WY_perspectiveUpReturn {
    -webkit-animation-name: WY_perspectiveUpReturn;
    animation-name: WY_perspectiveUpReturn;
}

@-webkit-keyframes WY_perspectiveUpReturn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(180deg);
        transform: perspective(800px) rotateX(180deg);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg);
        transform: perspective(800px) rotateX(0deg);
    }
}

@keyframes WY_perspectiveUpReturn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(180deg);
        transform: perspective(800px) rotateX(180deg);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg);
        transform: perspective(800px) rotateX(0deg);
    }
}

.WY_rotateDown {
    -webkit-animation-name: WY_rotateDown;
    animation-name: WY_rotateDown;
}

@-webkit-keyframes WY_rotateDown {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
        transform: perspective(800px) rotateX(0deg) translateZ(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
        transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    }
}

@keyframes WY_rotateDown {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
        transform: perspective(800px) rotateX(0deg) translateZ(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
        transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    }
}

.WY_rotateLeft {
    -webkit-animation-name: WY_rotateLeft;
    animation-name: WY_rotateLeft;
}

@-webkit-keyframes WY_rotateLeft {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
        transform: perspective(800px) rotateY(0deg) translateZ(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(300px);
        transform: perspective(800px) rotateY(-180deg) translateZ(300px);
    }
}

@keyframes WY_rotateLeft {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
        transform: perspective(800px) rotateY(0deg) translateZ(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(300px);
        transform: perspective(800px) rotateY(-180deg) translateZ(300px);
    }
}

.WY_rotateRight {
    -webkit-animation-name: WY_rotateRight;
    animation-name: WY_rotateRight;
}

@-webkit-keyframes WY_rotateRight {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
        transform: perspective(800px) rotateY(0deg) translate3d(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateY(180deg) translateZ(150px);
        transform: perspective(800px) rotateY(180deg) translateZ(150px);
    }
}

@keyframes WY_rotateRight {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
        transform: perspective(800px) rotateY(0deg) translate3d(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateY(180deg) translateZ(150px);
        transform: perspective(800px) rotateY(180deg) translateZ(150px);
    }
}

.WY_rotateUp {
    -webkit-animation-name: WY_rotateUp;
    animation-name: WY_rotateUp;
}

@-webkit-keyframes WY_rotateUp {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
        transform: perspective(800px) rotateX(0deg) translateZ(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
        transform: perspective(800px) rotateX(180deg) translateZ(100px);
    }
}

@keyframes WY_rotateUp {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
        transform: perspective(800px) rotateX(0deg) translateZ(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
        transform: perspective(800px) rotateX(180deg) translateZ(100px);
    }
}

.WY_slideDown {
    -webkit-animation-name: WY_slideDown;
    animation-name: WY_slideDown;
}

@-webkit-keyframes WY_slideDown {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes WY_slideDown {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.WY_slideDownReturn {
    -webkit-animation-name: WY_slideDownReturn;
    animation-name: WY_slideDownReturn;
}

@-webkit-keyframes WY_slideDownReturn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes WY_slideDownReturn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.WY_slideLeft {
    -webkit-animation-name: WY_slideLeft;
    animation-name: WY_slideLeft;
}

@-webkit-keyframes WY_slideLeft {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes WY_slideLeft {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.WY_slideLeftReturn {
    -webkit-animation-name: WY_slideLeftReturn;
    animation-name: WY_slideLeftReturn;
}

@-webkit-keyframes WY_slideLeftReturn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes WY_slideLeftReturn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.WY_slideRight {
    -webkit-animation-name: WY_slideRight;
    animation-name: WY_slideRight;
}

@-webkit-keyframes WY_slideRight {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes WY_slideRight {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.WY_slideRightReturn {
    -webkit-animation-name: WY_slideRightReturn;
    animation-name: WY_slideRightReturn;
}

@-webkit-keyframes WY_slideRightReturn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes WY_slideRightReturn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.WY_slideUp {
    -webkit-animation-name: WY_slideUp;
    animation-name: WY_slideUp;
}

@-webkit-keyframes WY_slideUp {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes WY_slideUp {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.WY_slideUpReturn {
    -webkit-animation-name: WY_slideUpReturn;
    animation-name: WY_slideUpReturn;
}

@-webkit-keyframes WY_slideUpReturn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes WY_slideUpReturn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.WY_openDownLeft {
    -webkit-animation-name: WY_openDownLeft;
    animation-name: WY_openDownLeft;
}

@-webkit-keyframes WY_openDownLeft {
    0% {
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes WY_openDownLeft {
    0% {
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

.WY_openDownLeftReturn {
    -webkit-animation-name: WY_openDownLeftReturn;
    animation-name: WY_openDownLeftReturn;
}

@-webkit-keyframes WY_openDownLeftReturn {
    0% {
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes WY_openDownLeftReturn {
    0% {
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.WY_openDownRight {
    -webkit-animation-name: WY_openDownRight;
    animation-name: WY_openDownRight;
}

@-webkit-keyframes WY_openDownRight {
    0% {
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes WY_openDownRight {
    0% {
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

.WY_openDownRightReturn {
    -webkit-animation-name: WY_openDownRightReturn;
    animation-name: WY_openDownRightReturn;
}

@-webkit-keyframes WY_openDownRightReturn {
    0% {
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes WY_openDownRightReturn {
    0% {
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.WY_openUpLeft {
    -webkit-animation-name: WY_openUpLeft;
    animation-name: WY_openUpLeft;
}

@-webkit-keyframes WY_openUpLeft {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(110deg);
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes WY_openUpLeft {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(110deg);
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

.WY_openUpLeftReturn {
    -webkit-animation-name: WY_openUpLeftReturn;
    animation-name: WY_openUpLeftReturn;
}

@-webkit-keyframes WY_openUpLeftReturn {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(110deg);
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes WY_openUpLeftReturn {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(110deg);
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.WY_openUpRight {
    -webkit-animation-name: WY_openUpRight;
    animation-name: WY_openUpRight;
}

@-webkit-keyframes WY_openUpRight {
    0% {
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes WY_openUpRight {
    0% {
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

.WY_openUpRightReturn {
    -webkit-animation-name: WY_openUpRightReturn;
    animation-name: WY_openUpRightReturn;
}

@-webkit-keyframes WY_openUpRightReturn {
    0% {
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes WY_openUpRightReturn {
    0% {
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.WY_openDownLeftOut {
    -webkit-animation-name: WY_openDownLeftOut;
    animation-name: WY_openDownLeftOut;
}

@-webkit-keyframes WY_openDownLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes WY_openDownLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

.WY_openDownRightOut {
    -webkit-animation-name: WY_openDownRightOut;
    animation-name: WY_openDownRightOut;
}

@-webkit-keyframes WY_openDownRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes WY_openDownRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

.WY_openUpLeftOut {
    -webkit-animation-name: WY_openUpLeftOut;
    animation-name: WY_openUpLeftOut;
}

@-webkit-keyframes WY_openUpLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(110deg);
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes WY_openUpLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(110deg);
        transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

.WY_openUpRightOut {
    -webkit-animation-name: WY_openUpRightOut;
    animation-name: WY_openUpRightOut;
}

@-webkit-keyframes WY_openUpRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes WY_openUpRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

.WY_tinDownIn {
    -webkit-animation-name: WY_tinDownIn;
    animation-name: WY_tinDownIn;
}

@-webkit-keyframes WY_tinDownIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(900%);
        transform: scale(1, 1) translateY(900%);
    }

    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
        transform: scale(1.1, 1.1) translateY(0);
    }

    60%, 80%, 100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
}

@keyframes WY_tinDownIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(900%);
        transform: scale(1, 1) translateY(900%);
    }

    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
        transform: scale(1.1, 1.1) translateY(0);
    }

    60%, 80%, 100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
}

.WY_tinDownOut {
    -webkit-animation-name: WY_tinDownOut;
    animation-name: WY_tinDownOut;
}

@-webkit-keyframes WY_tinDownOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }

    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
        transform: scale(1.1, 1.1) translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(900%);
        transform: scale(1, 1) translateY(900%);
    }
}

@keyframes WY_tinDownOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }

    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
        transform: scale(1.1, 1.1) translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(900%);
        transform: scale(1, 1) translateY(900%);
    }
}

.WY_tinLeftIn {
    -webkit-animation-name: WY_tinLeftIn;
    animation-name: WY_tinLeftIn;
}

@-webkit-keyframes WY_tinLeftIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(-900%);
        transform: scale(1, 1) translateX(-900%);
    }

    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0);
        transform: scale(1.1, 1.1) translateX(0);
    }

    60%, 80%, 100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0);
        transform: scale(1, 1) translateX(0);
    }
}

@keyframes WY_tinLeftIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(-900%);
        transform: scale(1, 1) translateX(-900%);
    }

    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0);
        transform: scale(1.1, 1.1) translateX(0);
    }

    60%, 80%, 100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0);
        transform: scale(1, 1) translateX(0);
    }
}

.WY_tinLeftOut {
    -webkit-animation-name: WY_tinLeftOut;
    animation-name: WY_tinLeftOut;
}

@-webkit-keyframes WY_tinLeftOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0);
        transform: scale(1, 1) translateX(0);
    }

    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0);
        transform: scale(1.1, 1.1) translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(-900%);
        transform: scale(1, 1) translateX(-900%);
    }
}

@keyframes WY_tinLeftOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0);
        transform: scale(1, 1) translateX(0);
    }

    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0);
        transform: scale(1.1, 1.1) translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(-900%);
        transform: scale(1, 1) translateX(-900%);
    }
}

.WY_tinRightIn {
    -webkit-animation-name: WY_tinRightIn;
    animation-name: WY_tinRightIn;
}

@-webkit-keyframes WY_tinRightIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(900%);
        transform: scale(1, 1) translateX(900%);
    }

    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0);
        transform: scale(1.1, 1.1) translateX(0);
    }

    60%, 80%, 100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0);
        transform: scale(1, 1) translateX(0);
    }
}

@keyframes WY_tinRightIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(900%);
        transform: scale(1, 1) translateX(900%);
    }

    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0);
        transform: scale(1.1, 1.1) translateX(0);
    }

    60%, 80%, 100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0);
        transform: scale(1, 1) translateX(0);
    }
}

.WY_tinRightOut {
    -webkit-animation-name: WY_tinRightOut;
    animation-name: WY_tinRightOut;
}

@-webkit-keyframes WY_tinRightOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0);
        transform: scale(1, 1) translateX(0);
    }

    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0);
        transform: scale(1.1, 1.1) translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(900%);
        transform: scale(1, 1) translateX(900%);
    }
}

@keyframes WY_tinRightOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0);
        transform: scale(1, 1) translateX(0);
    }

    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0);
        transform: scale(1.1, 1.1) translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(900%);
        transform: scale(1, 1) translateX(900%);
    }
}

.WY_tinUpIn {
    -webkit-animation-name: WY_tinUpIn;
    animation-name: WY_tinUpIn;
}

@-webkit-keyframes WY_tinUpIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(-900%);
        transform: scale(1, 1) translateY(-900%);
    }

    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
        transform: scale(1.1, 1.1) translateY(0);
    }

    60%, 80%, 100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
}

@keyframes WY_tinUpIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(-900%);
        transform: scale(1, 1) translateY(-900%);
    }

    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
        transform: scale(1.1, 1.1) translateY(0);
    }

    60%, 80%, 100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
}

.WY_tinUpOut {
    -webkit-animation-name: WY_tinUpOut;
    animation-name: WY_tinUpOut;
}

@-webkit-keyframes WY_tinUpOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }

    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
        transform: scale(1.1, 1.1) translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(-900%);
        transform: scale(1, 1) translateY(-900%);
    }
}

@keyframes WY_tinUpOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }

    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
        transform: scale(1.1, 1.1) translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(-900%);
        transform: scale(1, 1) translateY(-900%);
    }
}

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

 
/*# sourceMappingURL=magic.css.map */