// LoftLoader Pro Frontend Style - Animations

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translate(-50%, 50vh);
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
    }
}

@keyframes slideIn {
    0% {
        transform: translate(-50%, 50vh);
    }
    100% {
        transform: translate(-50%, -50%);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spinReturn {
    0% {
        -webkit-transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(225deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(405deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spinReturn {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(225deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(405deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes lightUp {
    0% {
        opacity: 0.2;
    }
    40% {
        opacity: 1;
    }
    60% {
        opacity: 0.2;
    }
    100% {
        opacity: 0.2;
    }
}

@keyframes lightUp {
    0% {
        opacity: 0.2;
    }
    40% {
        opacity: 1;
    }
    60% {
        opacity: 0.2;
    }
    100% {
        opacity: 0.2;
    }
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: scaleY(1);
    }
    40% {
        -webkit-transform: scaleY(0.1);
    }
    80% {
        -webkit-transform: scaleY(1);
    }
    100% {
        -webkit-transform: scaleY(1);
    }
}

@keyframes wave {
    0% {
        transform: scaleY(1);
    }
    40% {
        transform: scaleY(0.1);
    }
    80% {
        transform: scaleY(1);
    }
    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes drawframeTop {
    0% {
        -webkit-transform: scaleX(1);
        transform-origin: 100% 0%;
    }
    12.5% {
        -webkit-transform: scaleX(0);
        transform-origin: 100% 0%;
    }
    50% {
        -webkit-transform: scaleX(0);
        transform-origin: 0% 0%;
    }
    62.5% {
        -webkit-transform: scaleX(1);
        transform-origin: 0% 0%;
    }
    100% {
        -webkit-transform: scaleX(1);
        transform-origin: 100% 0%;
    }
}

@keyframes drawframeTop {
    0% {
        transform: scaleX(1);
        transform-origin: 100% 0%;
    }
    12.5% {
        transform: scaleX(0);
        transform-origin: 100% 0%;
    }
    50% {
        transform: scaleX(0);
        transform-origin: 0% 0%;
    }
    62.5% {
        transform: scaleX(1);
        transform-origin: 0% 0%;
    }
    100% {
        transform: scaleX(1);
        transform-origin: 100% 0%;
    }
}

@-webkit-keyframes drawframeBottom {
    0% {
        -webkit-transform: scaleX(1);
        transform-origin: 0% 0%;
    }
    12.5% {
        -webkit-transform: scaleX(0);
        transform-origin: 0% 0%;
    }
    50% {
        -webkit-transform: scaleX(0);
        transform-origin: 100% 0%;
    }
    62.5% {
        -webkit-transform: scaleX(1);
        transform-origin: 100% 0%;
    }
    100% {
        -webkit-transform: scaleX(1);
        transform-origin: 0% 0%;
    }
}

@keyframes drawframeBottom {
    0% {
        transform: scaleX(1);
        transform-origin: 0% 0%;
    }
    12.5% {
        transform: scaleX(0);
        transform-origin: 0% 0%;
    }
    50% {
        transform: scaleX(0);
        transform-origin: 100% 0%;
    }
    62.5% {
        transform: scaleX(1);
        transform-origin: 100% 0%;
    }
    100% {
        transform: scaleX(1);
        transform-origin: 0% 0%;
    }
}

@-webkit-keyframes drawframeRight {
    0% {
        -webkit-transform: scaleY(1);
        transform-origin: 0% 100%;
    }
    12.5% {
        -webkit-transform: scaleY(0);
        transform-origin: 0% 100%;
    }
    50% {
        -webkit-transform: scaleY(0);
        transform-origin: 0% 0%;
    }
    62.5% {
        -webkit-transform: scaleY(1);
        transform-origin: 0% 0%;
    }
    100% {
        -webkit-transform: scaleY(1);
        transform-origin: 0% 100%;
    }
}

@keyframes drawframeRight {
    0% {
        transform: scaleY(1);
        transform-origin: 0% 100%;
    }
    12.5% {
        transform: scaleY(0);
        transform-origin: 0% 100%;
    }
    50% {
        transform: scaleY(0);
        transform-origin: 0% 0%;
    }
    62.5% {
        transform: scaleY(1);
        transform-origin: 0% 0%;
    }
    100% {
        transform: scaleY(1);
        transform-origin: 0% 100%;
    }
}

@-webkit-keyframes drawframeLeft {
    0% {
        -webkit-transform: scaleY(1);
        transform-origin: 0% 0%;
    }
    12.5% {
        -webkit-transform: scaleY(0);
        transform-origin: 0% 0%;
    }
    50% {
        -webkit-transform: scaleY(0);
        transform-origin: 0% 100%;
    }
    62.5% {
        -webkit-transform: scaleY(1);
        transform-origin: 0% 100%;
    }
    100% {
        -webkit-transform: scaleY(1);
        transform-origin: 0% 0%;
    }
}

@keyframes drawframeLeft {
    0% {
        transform: scaleY(1);
        transform-origin: 0% 0%;
    }
    12.5% {
        transform: scaleY(0);
        transform-origin: 0% 0%;
    }
    50% {
        transform: scaleY(0);
        transform-origin: 0% 100%;
    }
    62.5% {
        transform: scaleY(1);
        transform-origin: 0% 100%;
    }
    100% {
        transform: scaleY(1);
        transform-origin: 0% 0%;
    }
}

@-webkit-keyframes imgLoading {
    0% {
        height: 0%;
        opacity: 1;
    }
    95% {
        height: 100%;
        opacity: 1;
    }
    100% {
        height: 100%;
        opacity: 0;
    }
}

@keyframes imgLoading {
    0% {
        height: 0%;
        opacity: 1;
    }
    95% {
        height: 100%;
        opacity: 1;
    }
    100% {
        height: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes imgLoadingH {
    0% {
        width: 0%;
        opacity: 1;
    }
    95% {
        width: 100%;
        opacity: 1;
    }
    100% {
        width: 100%;
        opacity: 0;
    }
}

@keyframes imgLoadingH {
    0% {
        width: 0%;
        opacity: 1;
    }
    95% {
        width: 100%;
        opacity: 1;
    }
    100% {
        width: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes imgRotate2d {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes imgRotate2d {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes imgRotate2dCounter {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes imgRotate2dCounter {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes imgRotate3dY {
    0% {
        -webkit-transform: rotateY(0deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
    }
}

@keyframes imgRotate3dY {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes imgRotate3dX {
    0% {
        -webkit-transform: rotateX(0deg);
    }
    100% {
        -webkit-transform: rotateX(360deg);
    }
}

@keyframes imgRotate3dX {
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}

@-webkit-keyframes imgRotate2dEase {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(720deg);
    }
}

@keyframes imgRotate2dEase {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(720deg);
    }
}

@-webkit-keyframes imgRotate2dEaseCounter {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-720deg);
    }
}

@keyframes imgRotate2dEaseCounter {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-720deg);
    }
}

@-webkit-keyframes imgRotate3dYEase {
    0% {
        -webkit-transform: rotateY(0deg);
    }
    100% {
        -webkit-transform: rotateY(720deg);
    }
}

@keyframes imgRotate3dYEase {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(720deg);
    }
}

@-webkit-keyframes imgRotate3dXEase {
    0% {
        -webkit-transform: rotateX(0deg);
    }
    100% {
        -webkit-transform: rotateX(720deg);
    }
}

@keyframes imgRotate3dXEase {
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(720deg);
    }
}

@-webkit-keyframes imgBounce {
    0% {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-40%);
    }
}

@keyframes imgBounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-40%);
    }
}

@-webkit-keyframes imgBounceRoll {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
    }
    12.5% {
        -webkit-transform: translateY(-40%) rotate(45deg);
    }
    25% {
        -webkit-transform: translateY(0) rotate(90deg);
    }
    37.5% {
        -webkit-transform: translateY(-40%) rotate(135deg);
    }
    50% {
        -webkit-transform: translateY(0) rotate(180deg);
    }
    62.5% {
        -webkit-transform: translateY(-40%) rotate(225deg);
    }
    75% {
        -webkit-transform: translateY(0) rotate(270deg);
    }
    87.5% {
        -webkit-transform: translateY(-40%) rotate(315deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(360deg);
    }
}

@keyframes imgBounceRoll {
    0% {
        transform: translateY(0) rotate(0deg);
    }
    12.5% {
        transform: translateY(-40%) rotate(45deg);
    }
    25% {
        transform: translateY(0) rotate(90deg);
    }
    37.5% {
        transform: translateY(-40%) rotate(135deg);
    }
    50% {
        transform: translateY(0) rotate(180deg);
    }
    62.5% {
        transform: translateY(-40%) rotate(225deg);
    }
    75% {
        transform: translateY(0) rotate(270deg);
    }
    87.5% {
        transform: translateY(-40%) rotate(315deg);
    }
    100% {
        transform: translateY(0) rotate(360deg);
    }
}

@-webkit-keyframes imgShadow {
    0% {
        -webkit-transform: scale(0.6);
    }
	50% {
        -webkit-transform: scale(1);
        opacity: 0.05;
    }
    100% {
        -webkit-transform: scale(0.6);
    }
}

@keyframes imgShadow {
    0% {
        transform: scale(0.6);
    }
	50% {
        transform: scale(1);
        opacity: 0.05;
    }
    100% {
        transform: scale(0.6);
    }
}

@-webkit-keyframes imgShadowRoll {
    0% {
        -webkit-transform: scale(0.6);
    }
    12.5% {
        -webkit-transform: scale(1);
        opacity: 0.05;
    }
    25% {
        -webkit-transform: scale(0.6);
    }
    37.5% {
        -webkit-transform: scale(1);
        opacity: 0.05;
    }
    50% {
        -webkit-transform: scale(0.6);
    }
    62.5% {
        -webkit-transform: scale(1);
        opacity: 0.05;
    }
    75% {
        -webkit-transform: scale(0.6);
    }
    87.5% {
        -webkit-transform: scale(1);
        opacity: 0.05;
    }
    100% {
        -webkit-transform: scale(0.6);
    }
}

@keyframes imgShadowRoll {
    0% {
        transform: scale(0.6);
    }
    12.5% {
        transform: scale(1);
        opacity: 0.05;
    }
    25% {
        transform: scale(0.6);
    }
    37.5% {
        transform: scale(1);
        opacity: 0.05;
    }
    50% {
        transform: scale(0.6);
    }
    62.5% {
        transform: scale(1);
        opacity: 0.05;
    }
    75% {
        transform: scale(0.6);
    }
    87.5% {
        transform: scale(1);
        opacity: 0.05;
    }
    100% {
        transform: scale(0.6);
    }
}

@-webkit-keyframes crossingLeft {
    0% {
        -webkit-transform: translateX(-150%);
    }
    50% {
        -webkit-transform: translateX(150%);
    }
    100% {
        -webkit-transform: translateX(-150%);
    }
}

@keyframes crossingLeft {
    0% {
        transform: translateX(-150%);
    }
    50% {
        transform: translateX(150%);
    }
    100% {
        transform: translateX(-150%);
    }
}

@-webkit-keyframes crossingRight {
    0% {
        -webkit-transform: translateX(150%);
    }
    50% {
        -webkit-transform: translateX(-150%);
    }
    100% {
        -webkit-transform: translateX(150%);
    }
}

@keyframes crossingRight {
    0% {
        transform: translateX(150%);
    }
    50% {
        transform: translateX(-150%);
    }
    100% {
        transform: translateX(150%);
    }
}

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

@keyframes ducks {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}

@-webkit-keyframes duckHead {
    0% {
        -webkit-transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(3px);
    }
}

@keyframes duckHead {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(3px);
    }
}

@-webkit-keyframes rainbow {
    0% {
        -webkit-transform: rotate(-180deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes rainbow {
    0% {
        transform: rotate(-180deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes circlefill {
    0% {
        -webkit-transform: scaleY(0);
    }
    100% {
        -webkit-transform: scaleY(1);
    }
}

@keyframes circlefill {
    0% {
        transform: scaleY(0);
    }
    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes waterup {
    0% {
        -webkit-transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(75%);
    }
}

@keyframes waterup {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(75%);
    }
}

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

@keyframes waterupfill {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes bubbles {
    0% {
        -webkit-transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(100px);
    }
}

@keyframes bubbles {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(100px);
    }
}

@-webkit-keyframes crystal {
    0% {
        -webkit-transform: rotate(0) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(0.75);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
    }
}

@keyframes crystal {
    0% {
        transform: rotate(0) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(0.75);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

@-webkit-keyframes petals {
    0% {
        box-shadow: 0 -15px 0 -15px transparent,
                    10.5px -10.5px 0 -15px transparent,
                    15px 0 0 -15px transparent,
                    10.5px 10.5px 0 -15px transparent,
                    0 15px 0 -15px transparent,
                    -10.5px 10.5px 0 -15px transparent,
                    -15px 0 0 -15px transparent,
                    -10.5px -10.5px 0 -15px transparent;
    }
    12.5% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    10.5px -10.5px 0 -15px transparent,
                    15px 0 0 -15px transparent,
                    10.5px 10.5px 0 -15px transparent,
                    0 15px 0 -15px transparent,
                    -10.5px 10.5px 0 -15px transparent,
                    -15px 0 0 -15px transparent,
                    -10.5px -10.5px 0 -15px transparent;
    }
    25% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    17.5px -17.5px 0 -15px currentColor,
                    15px 0 0 -15px transparent,
                    10.5px 10.5px 0 -15px transparent,
                    0 15px 0 -15px transparent,
                    -10.5px 10.5px 0 -15px transparent,
                    -15px 0 0 -15px transparent,
                    -10.5px -10.5px 0 -15px transparent;
    }
    37.5% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    17.5px -17.5px 0 -15px currentColor,
                    25px 0 0 -15px currentColor,
                    10.5px 10.5px 0 -15px transparent,
                    0 15px 0 -15px transparent,
                    -10.5px 10.5px 0 -15px transparent,
                    -15px 0 0 -15px transparent,
                    -10.5px -10.5px 0 -15px transparent;
    }
    50% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    17.5px -17.5px 0 -15px currentColor,
                    25px 0 0 -15px currentColor,
                    17.5px 17.5px 0 -15px currentColor,
                    0 15px 0 -15px transparent,
                    -10.5px 10.5px 0 -15px transparent,
                    -15px 0 0 -15px transparent,
                    -10.5px -10.5px 0 -15px transparent;
    }
    62.5% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    17.5px -17.5px 0 -15px currentColor,
                    25px 0 0 -15px currentColor,
                    17.5px 17.5px 0 -15px currentColor,
                    0 25px 0 -15px currentColor,
                    -10.5px 10.5px 0 -15px transparent,
                    -15px 0 0 -15px transparent,
                    -10.5px -10.5px 0 -15px transparent;
    }
    75% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    17.5px -17.5px 0 -15px currentColor,
                    25px 0 0 -15px currentColor,
                    17.5px 17.5px 0 -15px currentColor,
                    0 25px 0 -15px currentColor,
                    -17.5px 17.5px 0 -15px currentColor,
                    -15px 0 0 -15px transparent,
                    -10.5px -10.5px 0 -15px transparent;
    }
    87.5% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    17.5px -17.5px 0 -15px currentColor,
                    25px 0 0 -15px currentColor,
                    17.5px 17.5px 0 -15px currentColor,
                    0 25px 0 -15px currentColor,
                    -17.5px 17.5px 0 -15px currentColor,
                    -25px 0 0 -15px currentColor,
                    -10.5px -10.5px 0 -15px transparent;
    }
    100% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    17.5px -17.5px 0 -15px currentColor,
                    25px 0 0 -15px currentColor,
                    17.5px 17.5px 0 -15px currentColor,
                    0 25px 0 -15px currentColor,
                    -17.5px 17.5px 0 -15px currentColor,
                    -25px 0 0 -15px currentColor,
                    -17.5px -17.5px 0 -15px currentColor;
    }
}

@keyframes petals {
    0% {
        box-shadow: 0 -15px 0 -15px transparent,
                    10.5px -10.5px 0 -15px transparent,
                    15px 0 0 -15px transparent,
                    10.5px 10.5px 0 -15px transparent,
                    0 15px 0 -15px transparent,
                    -10.5px 10.5px 0 -15px transparent,
                    -15px 0 0 -15px transparent,
                    -10.5px -10.5px 0 -15px transparent;
    }
    11% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    10.5px -10.5px 0 -15px transparent,
                    15px 0 0 -15px transparent,
                    10.5px 10.5px 0 -15px transparent,
                    0 15px 0 -15px transparent,
                    -10.5px 10.5px 0 -15px transparent,
                    -15px 0 0 -15px transparent,
                    -10.5px -10.5px 0 -15px transparent;
    }
    22% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    17.5px -17.5px 0 -15px currentColor,
                    15px 0 0 -15px transparent,
                    10.5px 10.5px 0 -15px transparent,
                    0 15px 0 -15px transparent,
                    -10.5px 10.5px 0 -15px transparent,
                    -15px 0 0 -15px transparent,
                    -10.5px -10.5px 0 -15px transparent;
    }
    33% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    17.5px -17.5px 0 -15px currentColor,
                    25px 0 0 -15px currentColor,
                    10.5px 10.5px 0 -15px transparent,
                    0 15px 0 -15px transparent,
                    -10.5px 10.5px 0 -15px transparent,
                    -15px 0 0 -15px transparent,
                    -10.5px -10.5px 0 -15px transparent;
    }
    44% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    17.5px -17.5px 0 -15px currentColor,
                    25px 0 0 -15px currentColor,
                    17.5px 17.5px 0 -15px currentColor,
                    0 15px 0 -15px transparent,
                    -10.5px 10.5px 0 -15px transparent,
                    -15px 0 0 -15px transparent,
                    -10.5px -10.5px 0 -15px transparent;
    }
    55% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    17.5px -17.5px 0 -15px currentColor,
                    25px 0 0 -15px currentColor,
                    17.5px 17.5px 0 -15px currentColor,
                    0 25px 0 -15px currentColor,
                    -10.5px 10.5px 0 -15px transparent,
                    -15px 0 0 -15px transparent,
                    -10.5px -10.5px 0 -15px transparent;
    }
    66% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    17.5px -17.5px 0 -15px currentColor,
                    25px 0 0 -15px currentColor,
                    17.5px 17.5px 0 -15px currentColor,
                    0 25px 0 -15px currentColor,
                    -17.5px 17.5px 0 -15px currentColor,
                    -15px 0 0 -15px transparent,
                    -10.5px -10.5px 0 -15px transparent;
    }
    77% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    17.5px -17.5px 0 -15px currentColor,
                    25px 0 0 -15px currentColor,
                    17.5px 17.5px 0 -15px currentColor,
                    0 25px 0 -15px currentColor,
                    -17.5px 17.5px 0 -15px currentColor,
                    -25px 0 0 -15px currentColor,
                    -10.5px -10.5px 0 -15px transparent;
    }
    88% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    17.5px -17.5px 0 -15px currentColor,
                    25px 0 0 -15px currentColor,
                    17.5px 17.5px 0 -15px currentColor,
                    0 25px 0 -15px currentColor,
                    -17.5px 17.5px 0 -15px currentColor,
                    -25px 0 0 -15px currentColor,
                    -17.5px -17.5px 0 -15px currentColor;
    }
    100% {
        box-shadow: 0 -25px 0 -15px currentColor,
                    17.5px -17.5px 0 -15px currentColor,
                    25px 0 0 -15px currentColor,
                    17.5px 17.5px 0 -15px currentColor,
                    0 25px 0 -15px currentColor,
                    -17.5px 17.5px 0 -15px currentColor,
                    -25px 0 0 -15px currentColor,
                    -17.5px -17.5px 0 -15px currentColor;
    }
}

@-webkit-keyframes beat {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    80% {
        transform: scale(1);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes beat {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    80% {
        transform: scale(1);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes imgFade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes imgFade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes endBgShrinkFade {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    50% {
        transform: translateZ(-120px);
        opacity: 1;
    }
    70% {
        transform: translateZ(-120px);
        opacity: 1;
    }
    100% {
        transform: translateZ(-120px);
        opacity: 0;
    }
}

@keyframes endBgShrinkFade {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    50% {
        transform: translateZ(-120px);
        opacity: 1;
    }
    70% {
        transform: translateZ(-120px);
        opacity: 1;
    }
    100% {
        transform: translateZ(-120px);
        opacity: 0;
    }
}

@-webkit-keyframes bgShrinkFade {
    0% {
        transform: translateZ(-120px);
        opacity: 0;
    }
    50% {
        transform: translateZ(-120px);
        opacity: 1;
    }
    70% {
        transform: translateZ(-120px);
        opacity: 1;
    }
    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes bgShrinkFade {
    0% {
        transform: translateZ(-120px);
        opacity: 0;
    }
    50% {
        transform: translateZ(-120px);
        opacity: 1;
    }
    70% {
        transform: translateZ(-120px);
        opacity: 1;
    }
    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

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

@keyframes leaveFromBottom {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
    }
}

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

@keyframes leaveFromTop {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes leaveFromRight {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes leaveFromRight {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes leaveFromLeft {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes leaveFromLeft {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes innerEndUpFade {
    0% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes innerEndUpFade {
    0% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}