@-webkit-keyframes scale-in-center-alt {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        opacity: .2
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        opacity: 0
    }
}

@keyframes scale-in-center-alt {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        opacity: .2
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        opacity: 0
    }
}

@-webkit-keyframes animlogo {
    0% {
        stroke-opacity: .6
    }

    15% {
        fill: transparent
    }

    55% {
        stroke-dashoffset: 0 !important;
        stroke-opacity: 1
    }

    to {
        fill: #3e3e3e !important;
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes heart-it {
    0% {
        stroke-opacity: 0
    }

    to {
        stroke-opacity: 1 !important;
        fill: #3e3e3e
    }
}

@keyframes heart-it {
    0% {
        stroke-opacity: 0
    }

    to {
        stroke-opacity: 1 !important;
        fill: #3e3e3e
    }
}

@-webkit-keyframes heartbeat {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: center center !important;
        transform-origin: center center !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    10% {
        -webkit-transform: scale(.91) !important;
        transform: scale(.91) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    17% {
        -webkit-transform: scale(.98) !important;
        transform: scale(.98) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    33% {
        -webkit-transform: scale(.87) !important;
        transform: scale(.87) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }
}

@keyframes heartbeat {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: center center !important;
        transform-origin: center center !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    10% {
        -webkit-transform: scale(.91) !important;
        transform: scale(.91) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    17% {
        -webkit-transform: scale(.98) !important;
        transform: scale(.98) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    33% {
        -webkit-transform: scale(.87) !important;
        transform: scale(.87) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes slide-out-left-alt {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-120%) !important;
        transform: translateX(-120%) !important;
        opacity: 1
    }
}

@keyframes slide-out-left-alt {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-120%) !important;
        transform: translateX(-120%) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-out-right-alt {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(120%) !important;
        transform: translateX(120%) !important;
        opacity: 1
    }
}

@keyframes slide-out-right-alt {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(120%) !important;
        transform: translateX(120%) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-left-alt {
    0% {
        -webkit-transform: translateX(120%) !important;
        transform: translateX(120%) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-left-alt {
    0% {
        -webkit-transform: translateX(120%) !important;
        transform: translateX(120%) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-right-alt {
    0% {
        -webkit-transform: translateX(-120%) !important;
        transform: translateX(-120%) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-right-alt {
    0% {
        -webkit-transform: translateX(-120%) !important;
        transform: translateX(-120%) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }
}

@keyframes animlogo {
    15% {
        fill: transparent
    }

    55% {
        stroke-dashoffset: 0
    }

    to {
        fill: #3e3e3e !important;
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes simple-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes simple-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes simple-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes simple-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes scale-up-bl {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@keyframes scale-up-bl {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@-webkit-keyframes scale-up-br {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@keyframes scale-up-br {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes scale-up-bottom {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }
}

@keyframes scale-up-bottom {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5)
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1)
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5)
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1)
    }
}

@-webkit-keyframes scale-up-hor-center {
    0% {
        -webkit-transform: scaleX(.4) !important;
        transform: scaleX(.4)
    }

    to {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1)
    }
}

@keyframes scale-up-hor-center {
    0% {
        -webkit-transform: scaleX(.4) !important;
        transform: scaleX(.4)
    }

    to {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1)
    }
}

@-webkit-keyframes scale-up-hor-left {
    0% {
        -webkit-transform: scaleX(.4) !important;
        transform: scaleX(.4) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@keyframes scale-up-hor-left {
    0% {
        -webkit-transform: scaleX(.4) !important;
        transform: scaleX(.4) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@-webkit-keyframes scale-up-hor-right {
    0% {
        -webkit-transform: scaleX(.4) !important;
        transform: scaleX(.4) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@keyframes scale-up-hor-right {
    0% {
        -webkit-transform: scaleX(.4) !important;
        transform: scaleX(.4) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes scale-up-left {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }
}

@keyframes scale-up-left {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }
}

@-webkit-keyframes scale-up-right {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }
}

@keyframes scale-up-right {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }
}

@-webkit-keyframes scale-up-tl {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@keyframes scale-up-tl {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@-webkit-keyframes scale-up-tr {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@keyframes scale-up-tr {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@-webkit-keyframes scale-up-top {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }
}

@keyframes scale-up-top {
    0% {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }
}

@-webkit-keyframes scale-up-ver-bottom {
    0% {
        -webkit-transform: scaleY(.4) !important;
        transform: scaleY(.4) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@keyframes scale-up-ver-bottom {
    0% {
        -webkit-transform: scaleY(.4) !important;
        transform: scaleY(.4) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@-webkit-keyframes scale-up-ver-center {
    0% {
        -webkit-transform: scaleY(.4) !important;
        transform: scaleY(.4)
    }

    to {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1)
    }
}

@keyframes scale-up-ver-center {
    0% {
        -webkit-transform: scaleY(.4) !important;
        transform: scaleY(.4)
    }

    to {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1)
    }
}

@-webkit-keyframes scale-up-ver-top {
    0% {
        -webkit-transform: scaleY(.4) !important;
        transform: scaleY(.4) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }

    to {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@keyframes scale-up-ver-top {
    0% {
        -webkit-transform: scaleY(.4) !important;
        transform: scaleY(.4) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }

    to {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@-webkit-keyframes scale-down-bl {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@keyframes scale-down-bl {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@-webkit-keyframes scale-down-br {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@keyframes scale-down-br {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes scale-down-bottom {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }
}

@keyframes scale-down-bottom {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes scale-down-center {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5)
    }
}

@keyframes scale-down-center {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5)
    }
}

@-webkit-keyframes scale-down-hor-center {
    0% {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(.3) !important;
        transform: scaleX(.3)
    }
}

@keyframes scale-down-hor-center {
    0% {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(.3) !important;
        transform: scaleX(.3)
    }
}

@-webkit-keyframes scale-down-hor-left {
    0% {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: scaleX(.3) !important;
        transform: scaleX(.3) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@keyframes scale-down-hor-left {
    0% {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: scaleX(.3) !important;
        transform: scaleX(.3) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@-webkit-keyframes scale-down-hor-right {
    0% {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: scaleX(.3) !important;
        transform: scaleX(.3) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@keyframes scale-down-hor-right {
    0% {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: scaleX(.3) !important;
        transform: scaleX(.3) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes scale-down-left {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }
}

@keyframes scale-down-left {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }
}

@-webkit-keyframes scale-down-right {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }
}

@keyframes scale-down-right {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }
}

@-webkit-keyframes scale-down-tl {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@keyframes scale-down-tl {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@-webkit-keyframes scale-down-tr {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@keyframes scale-down-tr {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@-webkit-keyframes scale-down-top {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }
}

@keyframes scale-down-top {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }

    to {
        -webkit-transform: scale(.5) !important;
        transform: scale(.5) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }
}

@-webkit-keyframes scale-down-ver-bottom {
    0% {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: scaleY(.3) !important;
        transform: scaleY(.3) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@keyframes scale-down-ver-bottom {
    0% {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: scaleY(.3) !important;
        transform: scaleY(.3) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@-webkit-keyframes scale-down-ver-center {
    0% {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1)
    }

    to {
        -webkit-transform: scaleY(.3) !important;
        transform: scaleY(.3)
    }
}

@keyframes scale-down-ver-center {
    0% {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1)
    }

    to {
        -webkit-transform: scaleY(.3) !important;
        transform: scaleY(.3)
    }
}

@-webkit-keyframes scale-down-ver-top {
    0% {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }

    to {
        -webkit-transform: scaleY(.3) !important;
        transform: scaleY(.3) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@keyframes scale-down-ver-top {
    0% {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }

    to {
        -webkit-transform: scaleY(.3) !important;
        transform: scaleY(.3) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@-webkit-keyframes rotate-bl {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: bottom left !important;
        transform-origin: bottom left
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg) !important;
        -webkit-transform-origin: bottom left !important;
        transform-origin: bottom left
    }
}

@keyframes rotate-bl {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: bottom left !important;
        transform-origin: bottom left
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg) !important;
        -webkit-transform-origin: bottom left !important;
        transform-origin: bottom left
    }
}

@-webkit-keyframes rotate-bottom {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }
}

@keyframes rotate-bottom {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }
}

@-webkit-keyframes rotate-br {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: bottom right !important;
        transform-origin: bottom right
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg) !important;
        -webkit-transform-origin: bottom right !important;
        transform-origin: bottom right
    }
}

@keyframes rotate-br {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: bottom right !important;
        transform-origin: bottom right
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg) !important;
        -webkit-transform-origin: bottom right !important;
        transform-origin: bottom right
    }
}

@-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg)
    }
}

@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate-diagonal-1 {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg)
    }

    50% {
        -webkit-transform: rotate3d(1,1,0,-180deg) !important;
        transform: rotate3d(1,1,0,-180deg)
    }

    to {
        -webkit-transform: rotate3d(1,1,0,-360deg) !important;
        transform: rotate3d(1,1,0,-360deg)
    }
}

@keyframes rotate-diagonal-1 {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg)
    }

    50% {
        -webkit-transform: rotate3d(1,1,0,-180deg) !important;
        transform: rotate3d(1,1,0,-180deg)
    }

    to {
        -webkit-transform: rotate3d(1,1,0,-360deg) !important;
        transform: rotate3d(1,1,0,-360deg)
    }
}

@-webkit-keyframes rotate-diagonal-2 {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg)
    }

    50% {
        -webkit-transform: rotate3d(-1,1,0,180deg) !important;
        transform: rotate3d(-1,1,0,180deg)
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,360deg) !important;
        transform: rotate3d(-1,1,0,360deg)
    }
}

@keyframes rotate-diagonal-2 {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg)
    }

    50% {
        -webkit-transform: rotate3d(-1,1,0,180deg) !important;
        transform: rotate3d(-1,1,0,180deg)
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,360deg) !important;
        transform: rotate3d(-1,1,0,360deg)
    }
}

@-webkit-keyframes rotate-diagonal-bl {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    50% {
        -webkit-transform: rotate3d(1,1,0,180deg) !important;
        transform: rotate3d(1,1,0,180deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: rotate3d(1,1,0,360deg) !important;
        transform: rotate3d(1,1,0,360deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@keyframes rotate-diagonal-bl {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    50% {
        -webkit-transform: rotate3d(1,1,0,180deg) !important;
        transform: rotate3d(1,1,0,180deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: rotate3d(1,1,0,360deg) !important;
        transform: rotate3d(1,1,0,360deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@-webkit-keyframes rotate-diagonal-br {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    50% {
        -webkit-transform: rotate3d(-1,1,0,-180deg) !important;
        transform: rotate3d(-1,1,0,-180deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,-360deg) !important;
        transform: rotate3d(-1,1,0,-360deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@keyframes rotate-diagonal-br {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    50% {
        -webkit-transform: rotate3d(-1,1,0,-180deg) !important;
        transform: rotate3d(-1,1,0,-180deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,-360deg) !important;
        transform: rotate3d(-1,1,0,-360deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes rotate-diagonal-tl {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    50% {
        -webkit-transform: rotate3d(-1,1,0,180deg) !important;
        transform: rotate3d(-1,1,0,180deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,360deg) !important;
        transform: rotate3d(-1,1,0,360deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@keyframes rotate-diagonal-tl {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    50% {
        -webkit-transform: rotate3d(-1,1,0,180deg) !important;
        transform: rotate3d(-1,1,0,180deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,360deg) !important;
        transform: rotate3d(-1,1,0,360deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@-webkit-keyframes rotate-diagonal-tr {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }

    50% {
        -webkit-transform: rotate3d(1,1,0,-180deg) !important;
        transform: rotate3d(1,1,0,-180deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }

    to {
        -webkit-transform: rotate3d(1,1,0,-360deg) !important;
        transform: rotate3d(1,1,0,-360deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@keyframes rotate-diagonal-tr {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }

    50% {
        -webkit-transform: rotate3d(1,1,0,-180deg) !important;
        transform: rotate3d(1,1,0,-180deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }

    to {
        -webkit-transform: rotate3d(1,1,0,-360deg) !important;
        transform: rotate3d(1,1,0,-360deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@-webkit-keyframes rotate-hor-bottom {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }

    to {
        -webkit-transform: rotateX(360deg) !important;
        transform: rotateX(360deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }
}

@keyframes rotate-hor-bottom {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }

    to {
        -webkit-transform: rotateX(360deg) !important;
        transform: rotateX(360deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }
}

@-webkit-keyframes rotate-hor-center {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0)
    }

    to {
        -webkit-transform: rotateX(-360deg) !important;
        transform: rotateX(-360deg)
    }
}

@keyframes rotate-hor-center {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0)
    }

    to {
        -webkit-transform: rotateX(-360deg) !important;
        transform: rotateX(-360deg)
    }
}

@-webkit-keyframes rotate-hor-top {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }

    to {
        -webkit-transform: rotateX(-360deg) !important;
        transform: rotateX(-360deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }
}

@keyframes rotate-hor-top {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }

    to {
        -webkit-transform: rotateX(-360deg) !important;
        transform: rotateX(-360deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }
}

@-webkit-keyframes rotate-left {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }
}

@keyframes rotate-left {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }
}

@-webkit-keyframes rotate-right {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }
}

@keyframes rotate-right {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }
}

@-webkit-keyframes rotate-tl {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top left !important;
        transform-origin: top left
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg) !important;
        -webkit-transform-origin: top left !important;
        transform-origin: top left
    }
}

@keyframes rotate-tl {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top left !important;
        transform-origin: top left
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg) !important;
        -webkit-transform-origin: top left !important;
        transform-origin: top left
    }
}

@-webkit-keyframes rotate-top {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }
}

@keyframes rotate-top {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }
}

@-webkit-keyframes rotate-tr {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right
    }
}

@keyframes rotate-tr {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right
    }

    to {
        -webkit-transform: rotate(360deg) !important;
        transform: rotate(360deg) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right
    }
}

@-webkit-keyframes rotate-vert-center {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(360deg) !important;
        transform: rotateY(360deg)
    }
}

@keyframes rotate-vert-center {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(360deg) !important;
        transform: rotateY(360deg)
    }
}

@-webkit-keyframes rotate-vert-left {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }

    to {
        -webkit-transform: rotateY(360deg) !important;
        transform: rotateY(360deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }
}

@keyframes rotate-vert-left {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }

    to {
        -webkit-transform: rotateY(360deg) !important;
        transform: rotateY(360deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }
}

@-webkit-keyframes rotate-vert-right {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }

    to {
        -webkit-transform: rotateY(-360deg) !important;
        transform: rotateY(-360deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }
}

@keyframes rotate-vert-right {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }

    to {
        -webkit-transform: rotateY(-360deg) !important;
        transform: rotateY(-360deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }
}

@-webkit-keyframes rotate-scale-down-diag-1 {
    0% {
        -webkit-transform: scale(1) rotate3d(1,1,0,0deg) !important;
        transform: scale(1) rotate3d(1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(.5) rotate3d(1,1,0,-180deg) !important;
        transform: scale(.5) rotate3d(1,1,0,-180deg)
    }

    to {
        -webkit-transform: scale(1) rotate3d(1,1,0,-360deg) !important;
        transform: scale(1) rotate3d(1,1,0,-360deg)
    }
}

@keyframes rotate-scale-down-diag-1 {
    0% {
        -webkit-transform: scale(1) rotate3d(1,1,0,0deg) !important;
        transform: scale(1) rotate3d(1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(.5) rotate3d(1,1,0,-180deg) !important;
        transform: scale(.5) rotate3d(1,1,0,-180deg)
    }

    to {
        -webkit-transform: scale(1) rotate3d(1,1,0,-360deg) !important;
        transform: scale(1) rotate3d(1,1,0,-360deg)
    }
}

@-webkit-keyframes rotate-scale-down-diag-2 {
    0% {
        -webkit-transform: scale(1) rotate3d(-1,1,0,0deg) !important;
        transform: scale(1) rotate3d(-1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(.5) rotate3d(-1,1,0,180deg) !important;
        transform: scale(.5) rotate3d(-1,1,0,180deg)
    }

    to {
        -webkit-transform: scale(1) rotate3d(-1,1,0,360deg) !important;
        transform: scale(1) rotate3d(-1,1,0,360deg)
    }
}

@keyframes rotate-scale-down-diag-2 {
    0% {
        -webkit-transform: scale(1) rotate3d(-1,1,0,0deg) !important;
        transform: scale(1) rotate3d(-1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(.5) rotate3d(-1,1,0,180deg) !important;
        transform: scale(.5) rotate3d(-1,1,0,180deg)
    }

    to {
        -webkit-transform: scale(1) rotate3d(-1,1,0,360deg) !important;
        transform: scale(1) rotate3d(-1,1,0,360deg)
    }
}

@-webkit-keyframes rotate-scale-down-hor {
    0% {
        -webkit-transform: scale(1) rotateX(0) !important;
        transform: scale(1) rotateX(0)
    }

    50% {
        -webkit-transform: scale(.5) rotateX(-180deg) !important;
        transform: scale(.5) rotateX(-180deg)
    }

    to {
        -webkit-transform: scale(1) rotateX(-360deg) !important;
        transform: scale(1) rotateX(-360deg)
    }
}

@keyframes rotate-scale-down-hor {
    0% {
        -webkit-transform: scale(1) rotateX(0) !important;
        transform: scale(1) rotateX(0)
    }

    50% {
        -webkit-transform: scale(.5) rotateX(-180deg) !important;
        transform: scale(.5) rotateX(-180deg)
    }

    to {
        -webkit-transform: scale(1) rotateX(-360deg) !important;
        transform: scale(1) rotateX(-360deg)
    }
}

@-webkit-keyframes rotate-scale-down-ver {
    0% {
        -webkit-transform: scale(1) rotateY(0) !important;
        transform: scale(1) rotateY(0)
    }

    50% {
        -webkit-transform: scale(.5) rotateY(180deg) !important;
        transform: scale(.5) rotateY(180deg)
    }

    to {
        -webkit-transform: scale(1) rotateY(360deg) !important;
        transform: scale(1) rotateY(360deg)
    }
}

@keyframes rotate-scale-down-ver {
    0% {
        -webkit-transform: scale(1) rotateY(0) !important;
        transform: scale(1) rotateY(0)
    }

    50% {
        -webkit-transform: scale(.5) rotateY(180deg) !important;
        transform: scale(.5) rotateY(180deg)
    }

    to {
        -webkit-transform: scale(1) rotateY(360deg) !important;
        transform: scale(1) rotateY(360deg)
    }
}

@-webkit-keyframes rotate-scale-down {
    0% {
        -webkit-transform: scale(1) rotateZ(0) !important;
        transform: scale(1) rotateZ(0)
    }

    50% {
        -webkit-transform: scale(.5) rotateZ(180deg) !important;
        transform: scale(.5) rotateZ(180deg)
    }

    to {
        -webkit-transform: scale(1) rotateZ(360deg) !important;
        transform: scale(1) rotateZ(360deg)
    }
}

@keyframes rotate-scale-down {
    0% {
        -webkit-transform: scale(1) rotateZ(0) !important;
        transform: scale(1) rotateZ(0)
    }

    50% {
        -webkit-transform: scale(.5) rotateZ(180deg) !important;
        transform: scale(.5) rotateZ(180deg)
    }

    to {
        -webkit-transform: scale(1) rotateZ(360deg) !important;
        transform: scale(1) rotateZ(360deg)
    }
}

@-webkit-keyframes rotate-scale-up-diag-1 {
    0% {
        -webkit-transform: scale(1) rotate3d(1,1,0,0deg) !important;
        transform: scale(1) rotate3d(1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(2) rotate3d(1,1,0,-180deg) !important;
        transform: scale(2) rotate3d(1,1,0,-180deg)
    }

    to {
        -webkit-transform: scale(1) rotate3d(1,1,0,-360deg) !important;
        transform: scale(1) rotate3d(1,1,0,-360deg)
    }
}

@keyframes rotate-scale-up-diag-1 {
    0% {
        -webkit-transform: scale(1) rotate3d(1,1,0,0deg) !important;
        transform: scale(1) rotate3d(1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(2) rotate3d(1,1,0,-180deg) !important;
        transform: scale(2) rotate3d(1,1,0,-180deg)
    }

    to {
        -webkit-transform: scale(1) rotate3d(1,1,0,-360deg) !important;
        transform: scale(1) rotate3d(1,1,0,-360deg)
    }
}

@-webkit-keyframes rotate-scale-up-diag-2 {
    0% {
        -webkit-transform: scale(1) rotate3d(-1,1,0,0deg) !important;
        transform: scale(1) rotate3d(-1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(2) rotate3d(-1,1,0,180deg) !important;
        transform: scale(2) rotate3d(-1,1,0,180deg)
    }

    to {
        -webkit-transform: scale(1) rotate3d(-1,1,0,360deg) !important;
        transform: scale(1) rotate3d(-1,1,0,360deg)
    }
}

@keyframes rotate-scale-up-diag-2 {
    0% {
        -webkit-transform: scale(1) rotate3d(-1,1,0,0deg) !important;
        transform: scale(1) rotate3d(-1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(2) rotate3d(-1,1,0,180deg) !important;
        transform: scale(2) rotate3d(-1,1,0,180deg)
    }

    to {
        -webkit-transform: scale(1) rotate3d(-1,1,0,360deg) !important;
        transform: scale(1) rotate3d(-1,1,0,360deg)
    }
}

@-webkit-keyframes rotate-scale-up-hor {
    0% {
        -webkit-transform: scale(1) rotateX(0) !important;
        transform: scale(1) rotateX(0)
    }

    50% {
        -webkit-transform: scale(2) rotateX(-180deg) !important;
        transform: scale(2) rotateX(-180deg)
    }

    to {
        -webkit-transform: scale(1) rotateX(-360deg) !important;
        transform: scale(1) rotateX(-360deg)
    }
}

@keyframes rotate-scale-up-hor {
    0% {
        -webkit-transform: scale(1) rotateX(0) !important;
        transform: scale(1) rotateX(0)
    }

    50% {
        -webkit-transform: scale(2) rotateX(-180deg) !important;
        transform: scale(2) rotateX(-180deg)
    }

    to {
        -webkit-transform: scale(1) rotateX(-360deg) !important;
        transform: scale(1) rotateX(-360deg)
    }
}

@-webkit-keyframes rotate-scale-up-ver {
    0% {
        -webkit-transform: scale(1) rotateY(0) !important;
        transform: scale(1) rotateY(0)
    }

    50% {
        -webkit-transform: scale(2) rotateY(180deg) !important;
        transform: scale(2) rotateY(180deg)
    }

    to {
        -webkit-transform: scale(1) rotateY(360deg) !important;
        transform: scale(1) rotateY(360deg)
    }
}

@keyframes rotate-scale-up-ver {
    0% {
        -webkit-transform: scale(1) rotateY(0) !important;
        transform: scale(1) rotateY(0)
    }

    50% {
        -webkit-transform: scale(2) rotateY(180deg) !important;
        transform: scale(2) rotateY(180deg)
    }

    to {
        -webkit-transform: scale(1) rotateY(360deg) !important;
        transform: scale(1) rotateY(360deg)
    }
}

@-webkit-keyframes rotate-scale-up {
    0% {
        -webkit-transform: scale(1) rotateZ(0) !important;
        transform: scale(1) rotateZ(0)
    }

    50% {
        -webkit-transform: scale(2) rotateZ(180deg) !important;
        transform: scale(2) rotateZ(180deg)
    }

    to {
        -webkit-transform: scale(1) rotateZ(360deg) !important;
        transform: scale(1) rotateZ(360deg)
    }
}

@keyframes rotate-scale-up {
    0% {
        -webkit-transform: scale(1) rotateZ(0) !important;
        transform: scale(1) rotateZ(0)
    }

    50% {
        -webkit-transform: scale(2) rotateZ(180deg) !important;
        transform: scale(2) rotateZ(180deg)
    }

    to {
        -webkit-transform: scale(1) rotateZ(360deg) !important;
        transform: scale(1) rotateZ(360deg)
    }
}

@-webkit-keyframes rotate-90-bl-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@keyframes rotate-90-bl-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@-webkit-keyframes rotate-90-bl-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@keyframes rotate-90-bl-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@-webkit-keyframes rotate-90-bottom-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }
}

@keyframes rotate-90-bottom-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }
}

@-webkit-keyframes rotate-90-bottom-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }
}

@keyframes rotate-90-bottom-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }
}

@-webkit-keyframes rotate-90-br-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@keyframes rotate-90-br-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes rotate-90-br-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@keyframes rotate-90-br-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes rotate-90-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg)
    }
}

@keyframes rotate-90-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg)
    }
}

@-webkit-keyframes rotate-90-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg)
    }
}

@keyframes rotate-90-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg)
    }
}

@-webkit-keyframes rotate-90-horizontal-bck {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0)
    }

    to {
        -webkit-transform: rotateX(-90deg) !important;
        transform: rotateX(-90deg)
    }
}

@keyframes rotate-90-horizontal-bck {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0)
    }

    to {
        -webkit-transform: rotateX(-90deg) !important;
        transform: rotateX(-90deg)
    }
}

@-webkit-keyframes rotate-90-horizontal-fwd {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0)
    }

    to {
        -webkit-transform: rotateX(90deg) !important;
        transform: rotateX(90deg)
    }
}

@keyframes rotate-90-horizontal-fwd {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0)
    }

    to {
        -webkit-transform: rotateX(90deg) !important;
        transform: rotateX(90deg)
    }
}

@-webkit-keyframes rotate-90-left-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }
}

@keyframes rotate-90-left-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }
}

@-webkit-keyframes rotate-90-left-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }
}

@keyframes rotate-90-left-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }
}

@-webkit-keyframes rotate-90-right-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }
}

@keyframes rotate-90-right-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }
}

@-webkit-keyframes rotate-90-right-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }
}

@keyframes rotate-90-right-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }
}

@-webkit-keyframes rotate-90-tl-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@keyframes rotate-90-tl-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@-webkit-keyframes rotate-90-tl-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@keyframes rotate-90-tl-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@-webkit-keyframes rotate-90-top-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }
}

@keyframes rotate-90-top-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }
}

@-webkit-keyframes rotate-90-top-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }
}

@keyframes rotate-90-top-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }
}

@-webkit-keyframes rotate-90-tr-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right
    }
}

@keyframes rotate-90-tr-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right
    }

    to {
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right
    }
}

@-webkit-keyframes rotate-90-tr-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right
    }
}

@keyframes rotate-90-tr-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right
    }

    to {
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right
    }
}

@-webkit-keyframes rotate-90-vertical-bck {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(-90deg) !important;
        transform: rotateY(-90deg)
    }
}

@keyframes rotate-90-vertical-bck {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(-90deg) !important;
        transform: rotateY(-90deg)
    }
}

@-webkit-keyframes rotate-90-vertical-fwd {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(90deg) !important;
        transform: rotateY(90deg)
    }
}

@keyframes rotate-90-vertical-fwd {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(90deg) !important;
        transform: rotateY(90deg)
    }
}

@-webkit-keyframes flip-diagonal-1-tr {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg)
    }

    to {
        -webkit-transform: rotate3d(1,1,0,180deg) !important;
        transform: rotate3d(1,1,0,180deg)
    }
}

@keyframes flip-diagonal-1-tr {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg)
    }

    to {
        -webkit-transform: rotate3d(1,1,0,180deg) !important;
        transform: rotate3d(1,1,0,180deg)
    }
}

@-webkit-keyframes flip-diagonal-1-bl {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg)
    }

    to {
        -webkit-transform: rotate3d(1,1,0,-180deg) !important;
        transform: rotate3d(1,1,0,-180deg)
    }
}

@keyframes flip-diagonal-1-bl {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg)
    }

    to {
        -webkit-transform: rotate3d(1,1,0,-180deg) !important;
        transform: rotate3d(1,1,0,-180deg)
    }
}

@-webkit-keyframes flip-diagonal-1-bck {
    0% {
        -webkit-transform: translateZ(0) rotate3d(1,1,0,0deg) !important;
        transform: translateZ(0) rotate3d(1,1,0,0deg)
    }

    to {
        -webkit-transform: translateZ(-260px) rotate3d(1,1,0,-180deg) !important;
        transform: translateZ(-260px) rotate3d(1,1,0,-180deg)
    }
}

@keyframes flip-diagonal-1-bck {
    0% {
        -webkit-transform: translateZ(0) rotate3d(1,1,0,0deg) !important;
        transform: translateZ(0) rotate3d(1,1,0,0deg)
    }

    to {
        -webkit-transform: translateZ(-260px) rotate3d(1,1,0,-180deg) !important;
        transform: translateZ(-260px) rotate3d(1,1,0,-180deg)
    }
}

@-webkit-keyframes flip-diagonal-1-fwd {
    0% {
        -webkit-transform: translateZ(0) rotate3d(1,1,0,0deg) !important;
        transform: translateZ(0) rotate3d(1,1,0,0deg)
    }

    to {
        -webkit-transform: translateZ(160px) rotate3d(1,1,0,180deg) !important;
        transform: translateZ(160px) rotate3d(1,1,0,180deg)
    }
}

@keyframes flip-diagonal-1-fwd {
    0% {
        -webkit-transform: translateZ(0) rotate3d(1,1,0,0deg) !important;
        transform: translateZ(0) rotate3d(1,1,0,0deg)
    }

    to {
        -webkit-transform: translateZ(160px) rotate3d(1,1,0,180deg) !important;
        transform: translateZ(160px) rotate3d(1,1,0,180deg)
    }
}

@-webkit-keyframes flip-diagonal-2-br {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg)
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,180deg) !important;
        transform: rotate3d(-1,1,0,180deg)
    }
}

@keyframes flip-diagonal-2-br {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg)
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,180deg) !important;
        transform: rotate3d(-1,1,0,180deg)
    }
}

@-webkit-keyframes flip-diagonal-2-tl {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg)
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,-180deg) !important;
        transform: rotate3d(-1,1,0,-180deg)
    }
}

@keyframes flip-diagonal-2-tl {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg)
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,-180deg) !important;
        transform: rotate3d(-1,1,0,-180deg)
    }
}

@-webkit-keyframes flip-diagonal-2-bck {
    0% {
        -webkit-transform: translateZ(0) rotate3d(-1,1,0,0deg) !important;
        transform: translateZ(0) rotate3d(-1,1,0,0deg)
    }

    to {
        -webkit-transform: translateZ(-260px) rotate3d(-1,1,0,-180deg) !important;
        transform: translateZ(-260px) rotate3d(-1,1,0,-180deg)
    }
}

@keyframes flip-diagonal-2-bck {
    0% {
        -webkit-transform: translateZ(0) rotate3d(-1,1,0,0deg) !important;
        transform: translateZ(0) rotate3d(-1,1,0,0deg)
    }

    to {
        -webkit-transform: translateZ(-260px) rotate3d(-1,1,0,-180deg) !important;
        transform: translateZ(-260px) rotate3d(-1,1,0,-180deg)
    }
}

@-webkit-keyframes flip-diagonal-2-fwd {
    0% {
        -webkit-transform: translateZ(0) rotate3d(-1,1,0,0deg) !important;
        transform: translateZ(0) rotate3d(-1,1,0,0deg)
    }

    to {
        -webkit-transform: translateZ(160px) rotate3d(-1,1,0,180deg) !important;
        transform: translateZ(160px) rotate3d(-1,1,0,180deg)
    }
}

@keyframes flip-diagonal-2-fwd {
    0% {
        -webkit-transform: translateZ(0) rotate3d(-1,1,0,0deg) !important;
        transform: translateZ(0) rotate3d(-1,1,0,0deg)
    }

    to {
        -webkit-transform: translateZ(160px) rotate3d(-1,1,0,180deg) !important;
        transform: translateZ(160px) rotate3d(-1,1,0,180deg)
    }
}

@-webkit-keyframes flip-horizontal-bottom {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0)
    }

    to {
        -webkit-transform: rotateX(-180deg) !important;
        transform: rotateX(-180deg)
    }
}

@keyframes flip-horizontal-bottom {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0)
    }

    to {
        -webkit-transform: rotateX(-180deg) !important;
        transform: rotateX(-180deg)
    }
}

@-webkit-keyframes flip-horizontal-top {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0)
    }

    to {
        -webkit-transform: rotateX(180deg) !important;
        transform: rotateX(180deg)
    }
}

@keyframes flip-horizontal-top {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0)
    }

    to {
        -webkit-transform: rotateX(180deg) !important;
        transform: rotateX(180deg)
    }
}

@-webkit-keyframes flip-horizontal-bck {
    0% {
        -webkit-transform: translateZ(0) rotateX(0) !important;
        transform: translateZ(0) rotateX(0)
    }

    to {
        -webkit-transform: translateZ(-260px) rotateX(180deg) !important;
        transform: translateZ(-260px) rotateX(180deg)
    }
}

@keyframes flip-horizontal-bck {
    0% {
        -webkit-transform: translateZ(0) rotateX(0) !important;
        transform: translateZ(0) rotateX(0)
    }

    to {
        -webkit-transform: translateZ(-260px) rotateX(180deg) !important;
        transform: translateZ(-260px) rotateX(180deg)
    }
}

@-webkit-keyframes flip-horizontal-fwd {
    0% {
        -webkit-transform: translateZ(0) rotateX(0) !important;
        transform: translateZ(0) rotateX(0)
    }

    to {
        -webkit-transform: translateZ(160px) rotateX(-180deg) !important;
        transform: translateZ(160px) rotateX(-180deg)
    }
}

@keyframes flip-horizontal-fwd {
    0% {
        -webkit-transform: translateZ(0) rotateX(0) !important;
        transform: translateZ(0) rotateX(0)
    }

    to {
        -webkit-transform: translateZ(160px) rotateX(-180deg) !important;
        transform: translateZ(160px) rotateX(-180deg)
    }
}

@-webkit-keyframes flip-vertical-right {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(180deg) !important;
        transform: rotateY(180deg)
    }
}

@keyframes flip-vertical-right {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(180deg) !important;
        transform: rotateY(180deg)
    }
}

@-webkit-keyframes flip-vertical-left {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(-180deg) !important;
        transform: rotateY(-180deg)
    }
}

@keyframes flip-vertical-left {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(-180deg) !important;
        transform: rotateY(-180deg)
    }
}

@-webkit-keyframes flip-vertical-bck {
    0% {
        -webkit-transform: translateZ(0) rotateY(0) !important;
        transform: translateZ(0) rotateY(0)
    }

    to {
        -webkit-transform: translateZ(-260px) rotateY(-180deg) !important;
        transform: translateZ(-260px) rotateY(-180deg)
    }
}

@keyframes flip-vertical-bck {
    0% {
        -webkit-transform: translateZ(0) rotateY(0) !important;
        transform: translateZ(0) rotateY(0)
    }

    to {
        -webkit-transform: translateZ(-260px) rotateY(-180deg) !important;
        transform: translateZ(-260px) rotateY(-180deg)
    }
}

@-webkit-keyframes flip-vertical-fwd {
    0% {
        -webkit-transform: translateZ(0) rotateY(0) !important;
        transform: translateZ(0) rotateY(0)
    }

    to {
        -webkit-transform: translateZ(160px) rotateY(180deg) !important;
        transform: translateZ(160px) rotateY(180deg)
    }
}

@keyframes flip-vertical-fwd {
    0% {
        -webkit-transform: translateZ(0) rotateY(0) !important;
        transform: translateZ(0) rotateY(0)
    }

    to {
        -webkit-transform: translateZ(160px) rotateY(180deg) !important;
        transform: translateZ(160px) rotateY(180deg)
    }
}

@-webkit-keyframes flip-2-hor-bottom-1 {
    0% {
        -webkit-transform: translateY(0) rotateX(0) !important;
        transform: translateY(0) rotateX(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }

    to {
        -webkit-transform: translateY(100%) rotateX(180deg) !important;
        transform: translateY(100%) rotateX(180deg) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }
}

@keyframes flip-2-hor-bottom-1 {
    0% {
        -webkit-transform: translateY(0) rotateX(0) !important;
        transform: translateY(0) rotateX(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }

    to {
        -webkit-transform: translateY(100%) rotateX(180deg) !important;
        transform: translateY(100%) rotateX(180deg) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }
}

@-webkit-keyframes flip-2-hor-bottom-2 {
    0% {
        -webkit-transform: translateY(0) rotateX(0) !important;
        transform: translateY(0) rotateX(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }

    to {
        -webkit-transform: translateY(100%) rotateX(-180deg) !important;
        transform: translateY(100%) rotateX(-180deg) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }
}

@keyframes flip-2-hor-bottom-2 {
    0% {
        -webkit-transform: translateY(0) rotateX(0) !important;
        transform: translateY(0) rotateX(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }

    to {
        -webkit-transform: translateY(100%) rotateX(-180deg) !important;
        transform: translateY(100%) rotateX(-180deg) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }
}

@-webkit-keyframes flip-2-hor-bottom-bck {
    0% {
        -webkit-transform: translateY(0) translateZ(0) rotateX(0) !important;
        transform: translateY(0) translateZ(0) rotateX(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }

    to {
        -webkit-transform: translateY(100%) translateZ(-260px) rotateX(-180deg) !important;
        transform: translateY(100%) translateZ(-260px) rotateX(-180deg) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }
}

@keyframes flip-2-hor-bottom-bck {
    0% {
        -webkit-transform: translateY(0) translateZ(0) rotateX(0) !important;
        transform: translateY(0) translateZ(0) rotateX(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }

    to {
        -webkit-transform: translateY(100%) translateZ(-260px) rotateX(-180deg) !important;
        transform: translateY(100%) translateZ(-260px) rotateX(-180deg) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }
}

@-webkit-keyframes flip-2-hor-bottom-fwd {
    0% {
        -webkit-transform: translateY(0) translateZ(0) rotateX(0) !important;
        transform: translateY(0) translateZ(0) rotateX(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }

    to {
        -webkit-transform: translateY(100%) translateZ(160px) rotateX(180deg) !important;
        transform: translateY(100%) translateZ(160px) rotateX(180deg) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }
}

@keyframes flip-2-hor-bottom-fwd {
    0% {
        -webkit-transform: translateY(0) translateZ(0) rotateX(0) !important;
        transform: translateY(0) translateZ(0) rotateX(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }

    to {
        -webkit-transform: translateY(100%) translateZ(160px) rotateX(180deg) !important;
        transform: translateY(100%) translateZ(160px) rotateX(180deg) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }
}

@-webkit-keyframes flip-2-hor-top-1 {
    0% {
        -webkit-transform: translateY(0) rotateX(0) !important;
        transform: translateY(0) rotateX(0) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }

    to {
        -webkit-transform: translateY(-100%) rotateX(-180deg) !important;
        transform: translateY(-100%) rotateX(-180deg) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }
}

@keyframes flip-2-hor-top-1 {
    0% {
        -webkit-transform: translateY(0) rotateX(0) !important;
        transform: translateY(0) rotateX(0) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }

    to {
        -webkit-transform: translateY(-100%) rotateX(-180deg) !important;
        transform: translateY(-100%) rotateX(-180deg) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes flip-2-hor-top-2 {
    0% {
        -webkit-transform: translateY(0) rotateX(0) !important;
        transform: translateY(0) rotateX(0) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }

    to {
        -webkit-transform: translateY(-100%) rotateX(180deg) !important;
        transform: translateY(-100%) rotateX(180deg) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }
}

@keyframes flip-2-hor-top-2 {
    0% {
        -webkit-transform: translateY(0) rotateX(0) !important;
        transform: translateY(0) rotateX(0) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }

    to {
        -webkit-transform: translateY(-100%) rotateX(180deg) !important;
        transform: translateY(-100%) rotateX(180deg) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes flip-2-hor-top-bck {
    0% {
        -webkit-transform: translateY(0) translateZ(0) rotateX(0) !important;
        transform: translateY(0) translateZ(0) rotateX(0) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }

    to {
        -webkit-transform: translateY(-100%) translateZ(-260px) rotateX(180deg) !important;
        transform: translateY(-100%) translateZ(-260px) rotateX(180deg) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }
}

@keyframes flip-2-hor-top-bck {
    0% {
        -webkit-transform: translateY(0) translateZ(0) rotateX(0) !important;
        transform: translateY(0) translateZ(0) rotateX(0) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }

    to {
        -webkit-transform: translateY(-100%) translateZ(-260px) rotateX(180deg) !important;
        transform: translateY(-100%) translateZ(-260px) rotateX(180deg) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes flip-2-hor-top-fwd {
    0% {
        -webkit-transform: translateY(0) translateZ(0) rotateX(0) !important;
        transform: translateY(0) translateZ(0) rotateX(0) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }

    to {
        -webkit-transform: translateY(-100%) translateZ(160px) rotateX(-180deg) !important;
        transform: translateY(-100%) translateZ(160px) rotateX(-180deg) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }
}

@keyframes flip-2-hor-top-fwd {
    0% {
        -webkit-transform: translateY(0) translateZ(0) rotateX(0) !important;
        transform: translateY(0) translateZ(0) rotateX(0) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }

    to {
        -webkit-transform: translateY(-100%) translateZ(160px) rotateX(-180deg) !important;
        transform: translateY(-100%) translateZ(160px) rotateX(-180deg) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes flip-2-ver-left-1 {
    0% {
        -webkit-transform: translateX(0) rotateY(0) !important;
        transform: translateX(0) rotateY(0) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }

    to {
        -webkit-transform: translateX(-100%) rotateY(180deg) !important;
        transform: translateX(-100%) rotateY(180deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@keyframes flip-2-ver-left-1 {
    0% {
        -webkit-transform: translateX(0) rotateY(0) !important;
        transform: translateX(0) rotateY(0) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }

    to {
        -webkit-transform: translateX(-100%) rotateY(180deg) !important;
        transform: translateX(-100%) rotateY(180deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@-webkit-keyframes flip-2-ver-left-2 {
    0% {
        -webkit-transform: translateX(0) rotateY(0) !important;
        transform: translateX(0) rotateY(0) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }

    to {
        -webkit-transform: translateX(-100%) rotateY(-180deg) !important;
        transform: translateX(-100%) rotateY(-180deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@keyframes flip-2-ver-left-2 {
    0% {
        -webkit-transform: translateX(0) rotateY(0) !important;
        transform: translateX(0) rotateY(0) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }

    to {
        -webkit-transform: translateX(-100%) rotateY(-180deg) !important;
        transform: translateX(-100%) rotateY(-180deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@-webkit-keyframes flip-2-ver-left-bck {
    0% {
        -webkit-transform: translateX(0) translateZ(0) rotateY(0) !important;
        transform: translateX(0) translateZ(0) rotateY(0) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }

    to {
        -webkit-transform: translateX(-100%) translateZ(-260px) rotateY(-180deg) !important;
        transform: translateX(-100%) translateZ(-260px) rotateY(-180deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@keyframes flip-2-ver-left-bck {
    0% {
        -webkit-transform: translateX(0) translateZ(0) rotateY(0) !important;
        transform: translateX(0) translateZ(0) rotateY(0) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }

    to {
        -webkit-transform: translateX(-100%) translateZ(-260px) rotateY(-180deg) !important;
        transform: translateX(-100%) translateZ(-260px) rotateY(-180deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@-webkit-keyframes flip-2-ver-left-fwd {
    0% {
        -webkit-transform: translateX(0) translateZ(0) rotateY(0) !important;
        transform: translateX(0) translateZ(0) rotateY(0) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }

    to {
        -webkit-transform: translateX(-100%) translateZ(160px) rotateY(180deg) !important;
        transform: translateX(-100%) translateZ(160px) rotateY(180deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@keyframes flip-2-ver-left-fwd {
    0% {
        -webkit-transform: translateX(0) translateZ(0) rotateY(0) !important;
        transform: translateX(0) translateZ(0) rotateY(0) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }

    to {
        -webkit-transform: translateX(-100%) translateZ(160px) rotateY(180deg) !important;
        transform: translateX(-100%) translateZ(160px) rotateY(180deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@-webkit-keyframes flip-2-ver-right-1 {
    0% {
        -webkit-transform: translateX(0) rotateY(0) !important;
        transform: translateX(0) rotateY(0) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }

    to {
        -webkit-transform: translateX(100%) rotateY(-180deg) !important;
        transform: translateX(100%) rotateY(-180deg) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }
}

@keyframes flip-2-ver-right-1 {
    0% {
        -webkit-transform: translateX(0) rotateY(0) !important;
        transform: translateX(0) rotateY(0) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }

    to {
        -webkit-transform: translateX(100%) rotateY(-180deg) !important;
        transform: translateX(100%) rotateY(-180deg) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }
}

@-webkit-keyframes flip-2-ver-right-2 {
    0% {
        -webkit-transform: translateX(0) rotateY(0) !important;
        transform: translateX(0) rotateY(0) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }

    to {
        -webkit-transform: translateX(100%) rotateY(180deg) !important;
        transform: translateX(100%) rotateY(180deg) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }
}

@keyframes flip-2-ver-right-2 {
    0% {
        -webkit-transform: translateX(0) rotateY(0) !important;
        transform: translateX(0) rotateY(0) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }

    to {
        -webkit-transform: translateX(100%) rotateY(180deg) !important;
        transform: translateX(100%) rotateY(180deg) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }
}

@-webkit-keyframes flip-2-ver-right-bck {
    0% {
        -webkit-transform: translateX(0) translateZ(0) rotateY(0) !important;
        transform: translateX(0) translateZ(0) rotateY(0) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }

    to {
        -webkit-transform: translateX(100%) translateZ(-260px) rotateY(180deg) !important;
        transform: translateX(100%) translateZ(-260px) rotateY(180deg) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }
}

@keyframes flip-2-ver-right-bck {
    0% {
        -webkit-transform: translateX(0) translateZ(0) rotateY(0) !important;
        transform: translateX(0) translateZ(0) rotateY(0) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }

    to {
        -webkit-transform: translateX(100%) translateZ(-260px) rotateY(180deg) !important;
        transform: translateX(100%) translateZ(-260px) rotateY(180deg) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }
}

@-webkit-keyframes flip-2-ver-right-fwd {
    0% {
        -webkit-transform: translateX(0) translateZ(0) rotateY(0) !important;
        transform: translateX(0) translateZ(0) rotateY(0) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }

    to {
        -webkit-transform: translateX(100%) translateZ(160px) rotateY(-180deg) !important;
        transform: translateX(100%) translateZ(160px) rotateY(-180deg) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }
}

@keyframes flip-2-ver-right-fwd {
    0% {
        -webkit-transform: translateX(0) translateZ(0) rotateY(0) !important;
        transform: translateX(0) translateZ(0) rotateY(0) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }

    to {
        -webkit-transform: translateX(100%) translateZ(160px) rotateY(-180deg) !important;
        transform: translateX(100%) translateZ(160px) rotateY(-180deg) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }
}

@-webkit-keyframes flip-scale-up-hor {
    0% {
        -webkit-transform: scale(1) rotateX(0) !important;
        transform: scale(1) rotateX(0)
    }

    50% {
        -webkit-transform: scale(2.5) rotateX(-90deg) !important;
        transform: scale(2.5) rotateX(-90deg)
    }

    to {
        -webkit-transform: scale(1) rotateX(-180deg) !important;
        transform: scale(1) rotateX(-180deg)
    }
}

@keyframes flip-scale-up-hor {
    0% {
        -webkit-transform: scale(1) rotateX(0) !important;
        transform: scale(1) rotateX(0)
    }

    50% {
        -webkit-transform: scale(2.5) rotateX(-90deg) !important;
        transform: scale(2.5) rotateX(-90deg)
    }

    to {
        -webkit-transform: scale(1) rotateX(-180deg) !important;
        transform: scale(1) rotateX(-180deg)
    }
}

@-webkit-keyframes flip-scale-down-hor {
    0% {
        -webkit-transform: scale(1) rotateX(0) !important;
        transform: scale(1) rotateX(0)
    }

    50% {
        -webkit-transform: scale(.4) rotateX(90deg) !important;
        transform: scale(.4) rotateX(90deg)
    }

    to {
        -webkit-transform: scale(1) rotateX(180deg) !important;
        transform: scale(1) rotateX(180deg)
    }
}

@keyframes flip-scale-down-hor {
    0% {
        -webkit-transform: scale(1) rotateX(0) !important;
        transform: scale(1) rotateX(0)
    }

    50% {
        -webkit-transform: scale(.4) rotateX(90deg) !important;
        transform: scale(.4) rotateX(90deg)
    }

    to {
        -webkit-transform: scale(1) rotateX(180deg) !important;
        transform: scale(1) rotateX(180deg)
    }
}

@-webkit-keyframes flip-scale-up-ver {
    0% {
        -webkit-transform: scale(1) rotateY(0) !important;
        transform: scale(1) rotateY(0)
    }

    50% {
        -webkit-transform: scale(2.5) rotateY(90deg) !important;
        transform: scale(2.5) rotateY(90deg)
    }

    to {
        -webkit-transform: scale(1) rotateY(180deg) !important;
        transform: scale(1) rotateY(180deg)
    }
}

@keyframes flip-scale-up-ver {
    0% {
        -webkit-transform: scale(1) rotateY(0) !important;
        transform: scale(1) rotateY(0)
    }

    50% {
        -webkit-transform: scale(2.5) rotateY(90deg) !important;
        transform: scale(2.5) rotateY(90deg)
    }

    to {
        -webkit-transform: scale(1) rotateY(180deg) !important;
        transform: scale(1) rotateY(180deg)
    }
}

@-webkit-keyframes flip-scale-down-ver {
    0% {
        -webkit-transform: scale(1) rotateY(0) !important;
        transform: scale(1) rotateY(0)
    }

    50% {
        -webkit-transform: scale(.4) rotateY(-90deg) !important;
        transform: scale(.4) rotateY(-90deg)
    }

    to {
        -webkit-transform: scale(1) rotateY(-180deg) !important;
        transform: scale(1) rotateY(-180deg)
    }
}

@keyframes flip-scale-down-ver {
    0% {
        -webkit-transform: scale(1) rotateY(0) !important;
        transform: scale(1) rotateY(0)
    }

    50% {
        -webkit-transform: scale(.4) rotateY(-90deg) !important;
        transform: scale(.4) rotateY(-90deg)
    }

    to {
        -webkit-transform: scale(1) rotateY(-180deg) !important;
        transform: scale(1) rotateY(-180deg)
    }
}

@-webkit-keyframes flip-scale-up-diag-1 {
    0% {
        -webkit-transform: scale(1) rotate3d(1,1,0,0deg) !important;
        transform: scale(1) rotate3d(1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(2.5) rotate3d(1,1,0,90deg) !important;
        transform: scale(2.5) rotate3d(1,1,0,90deg)
    }

    to {
        -webkit-transform: scale(1) rotate3d(1,1,0,180deg) !important;
        transform: scale(1) rotate3d(1,1,0,180deg)
    }
}

@keyframes flip-scale-up-diag-1 {
    0% {
        -webkit-transform: scale(1) rotate3d(1,1,0,0deg) !important;
        transform: scale(1) rotate3d(1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(2.5) rotate3d(1,1,0,90deg) !important;
        transform: scale(2.5) rotate3d(1,1,0,90deg)
    }

    to {
        -webkit-transform: scale(1) rotate3d(1,1,0,180deg) !important;
        transform: scale(1) rotate3d(1,1,0,180deg)
    }
}

@-webkit-keyframes flip-scale-down-diag-1 {
    0% {
        -webkit-transform: scale(1) rotate3d(1,1,0,0deg) !important;
        transform: scale(1) rotate3d(1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(.4) rotate3d(1,1,0,-90deg) !important;
        transform: scale(.4) rotate3d(1,1,0,-90deg)
    }

    to {
        -webkit-transform: scale(1) rotate3d(1,1,0,-180deg) !important;
        transform: scale(1) rotate3d(1,1,0,-180deg)
    }
}

@keyframes flip-scale-down-diag-1 {
    0% {
        -webkit-transform: scale(1) rotate3d(1,1,0,0deg) !important;
        transform: scale(1) rotate3d(1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(.4) rotate3d(1,1,0,-90deg) !important;
        transform: scale(.4) rotate3d(1,1,0,-90deg)
    }

    to {
        -webkit-transform: scale(1) rotate3d(1,1,0,-180deg) !important;
        transform: scale(1) rotate3d(1,1,0,-180deg)
    }
}

@-webkit-keyframes flip-scale-up-diag-2 {
    0% {
        -webkit-transform: scale(1) rotate3d(-1,1,0,0deg) !important;
        transform: scale(1) rotate3d(-1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(2.5) rotate3d(-1,1,0,90deg) !important;
        transform: scale(2.5) rotate3d(-1,1,0,90deg)
    }

    to {
        -webkit-transform: scale(1) rotate3d(-1,1,0,180deg) !important;
        transform: scale(1) rotate3d(-1,1,0,180deg)
    }
}

@keyframes flip-scale-up-diag-2 {
    0% {
        -webkit-transform: scale(1) rotate3d(-1,1,0,0deg) !important;
        transform: scale(1) rotate3d(-1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(2.5) rotate3d(-1,1,0,90deg) !important;
        transform: scale(2.5) rotate3d(-1,1,0,90deg)
    }

    to {
        -webkit-transform: scale(1) rotate3d(-1,1,0,180deg) !important;
        transform: scale(1) rotate3d(-1,1,0,180deg)
    }
}

@-webkit-keyframes flip-scale-down-diag-2 {
    0% {
        -webkit-transform: scale(1) rotate3d(-1,1,0,0deg) !important;
        transform: scale(1) rotate3d(-1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(.4) rotate3d(-1,1,0,-90deg) !important;
        transform: scale(.4) rotate3d(-1,1,0,-90deg)
    }

    to {
        -webkit-transform: scale(1) rotate3d(-1,1,0,-180deg) !important;
        transform: scale(1) rotate3d(-1,1,0,-180deg)
    }
}

@keyframes flip-scale-down-diag-2 {
    0% {
        -webkit-transform: scale(1) rotate3d(-1,1,0,0deg) !important;
        transform: scale(1) rotate3d(-1,1,0,0deg)
    }

    50% {
        -webkit-transform: scale(.4) rotate3d(-1,1,0,-90deg) !important;
        transform: scale(.4) rotate3d(-1,1,0,-90deg)
    }

    to {
        -webkit-transform: scale(1) rotate3d(-1,1,0,-180deg) !important;
        transform: scale(1) rotate3d(-1,1,0,-180deg)
    }
}

@-webkit-keyframes flip-scale-2-hor-bottom {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }

    50% {
        -webkit-transform: translateY(50%) rotateX(90deg) scale(2) !important;
        transform: translateY(50%) rotateX(90deg) scale(2) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    to {
        -webkit-transform: translateY(100%) rotateX(180deg) scale(1) !important;
        transform: translateY(100%) rotateX(180deg) scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }
}

@keyframes flip-scale-2-hor-bottom {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }

    50% {
        -webkit-transform: translateY(50%) rotateX(90deg) scale(2) !important;
        transform: translateY(50%) rotateX(90deg) scale(2) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    to {
        -webkit-transform: translateY(100%) rotateX(180deg) scale(1) !important;
        transform: translateY(100%) rotateX(180deg) scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }
}

@-webkit-keyframes flip-scale-2-hor-top {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }

    50% {
        -webkit-transform: translateY(-50%) rotateX(-90deg) scale(2) !important;
        transform: translateY(-50%) rotateX(-90deg) scale(2) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    to {
        -webkit-transform: translateY(-100%) rotateX(-180deg) scale(1) !important;
        transform: translateY(-100%) rotateX(-180deg) scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }
}

@keyframes flip-scale-2-hor-top {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0%
    }

    50% {
        -webkit-transform: translateY(-50%) rotateX(-90deg) scale(2) !important;
        transform: translateY(-50%) rotateX(-90deg) scale(2) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    to {
        -webkit-transform: translateY(-100%) rotateX(-180deg) scale(1) !important;
        transform: translateY(-100%) rotateX(-180deg) scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes flip-scale-2-ver-left {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }

    50% {
        -webkit-transform: translateX(-50%) rotateY(90deg) scale(2) !important;
        transform: translateX(-50%) rotateY(90deg) scale(2) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    to {
        -webkit-transform: translateX(-100%) rotateY(180deg) scale(1) !important;
        transform: translateX(-100%) rotateY(180deg) scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }
}

@keyframes flip-scale-2-ver-left {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }

    50% {
        -webkit-transform: translateX(-50%) rotateY(90deg) scale(2) !important;
        transform: translateX(-50%) rotateY(90deg) scale(2) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    to {
        -webkit-transform: translateX(-100%) rotateY(180deg) scale(1) !important;
        transform: translateX(-100%) rotateY(180deg) scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }
}

@-webkit-keyframes flip-scale-2-ver-right {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }

    50% {
        -webkit-transform: translateX(50%) rotateY(-90deg) scale(2) !important;
        transform: translateX(50%) rotateY(-90deg) scale(2) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    to {
        -webkit-transform: translateX(100%) rotateY(-180deg) scale(1) !important;
        transform: translateX(100%) rotateY(-180deg) scale(1) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }
}

@keyframes flip-scale-2-ver-right {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }

    50% {
        -webkit-transform: translateX(50%) rotateY(-90deg) scale(2) !important;
        transform: translateX(50%) rotateY(-90deg) scale(2) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    to {
        -webkit-transform: translateX(100%) rotateY(-180deg) scale(1) !important;
        transform: translateX(100%) rotateY(-180deg) scale(1) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50%
    }
}

@-webkit-keyframes swing-bottom-bck {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }

    to {
        -webkit-transform: rotateX(180deg) !important;
        transform: rotateX(180deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }
}

@keyframes swing-bottom-bck {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }

    to {
        -webkit-transform: rotateX(180deg) !important;
        transform: rotateX(180deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }
}

@-webkit-keyframes swing-bottom-fwd {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }

    to {
        -webkit-transform: rotateX(-180deg) !important;
        transform: rotateX(-180deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }
}

@keyframes swing-bottom-fwd {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }

    to {
        -webkit-transform: rotateX(-180deg) !important;
        transform: rotateX(-180deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }
}

@-webkit-keyframes swing-bottom-left-bck {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: rotate3d(1,1,0,180deg) !important;
        transform: rotate3d(1,1,0,180deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@keyframes swing-bottom-left-bck {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: rotate3d(1,1,0,180deg) !important;
        transform: rotate3d(1,1,0,180deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@-webkit-keyframes swing-bottom-left-fwd {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: rotate3d(1,1,0,-180deg) !important;
        transform: rotate3d(1,1,0,-180deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@keyframes swing-bottom-left-fwd {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }

    to {
        -webkit-transform: rotate3d(1,1,0,-180deg) !important;
        transform: rotate3d(1,1,0,-180deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100%
    }
}

@-webkit-keyframes swing-bottom-right-bck {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,-180deg) !important;
        transform: rotate3d(-1,1,0,-180deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@keyframes swing-bottom-right-bck {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,-180deg) !important;
        transform: rotate3d(-1,1,0,-180deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes swing-bottom-right-fwd {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,180deg) !important;
        transform: rotate3d(-1,1,0,180deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@keyframes swing-bottom-right-fwd {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,180deg) !important;
        transform: rotate3d(-1,1,0,180deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes swing-left-bck {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: left bottom !important;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotateY(180deg) !important;
        transform: rotateY(180deg) !important;
        -webkit-transform-origin: left bottom !important;
        transform-origin: left bottom
    }
}

@keyframes swing-left-bck {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: left bottom !important;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotateY(180deg) !important;
        transform: rotateY(180deg) !important;
        -webkit-transform-origin: left bottom !important;
        transform-origin: left bottom
    }
}

@-webkit-keyframes swing-left-fwd {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: left bottom !important;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotateY(-180deg) !important;
        transform: rotateY(-180deg) !important;
        -webkit-transform-origin: left bottom !important;
        transform-origin: left bottom
    }
}

@keyframes swing-left-fwd {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: left bottom !important;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotateY(-180deg) !important;
        transform: rotateY(-180deg) !important;
        -webkit-transform-origin: left bottom !important;
        transform-origin: left bottom
    }
}

@-webkit-keyframes swing-right-bck {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }

    to {
        -webkit-transform: rotateY(-180deg) !important;
        transform: rotateY(-180deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }
}

@keyframes swing-right-bck {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }

    to {
        -webkit-transform: rotateY(-180deg) !important;
        transform: rotateY(-180deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }
}

@-webkit-keyframes swing-right-fwd {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }

    to {
        -webkit-transform: rotateY(180deg) !important;
        transform: rotateY(180deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }
}

@keyframes swing-right-fwd {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }

    to {
        -webkit-transform: rotateY(180deg) !important;
        transform: rotateY(180deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }
}

@-webkit-keyframes swing-top-bck {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }

    to {
        -webkit-transform: rotateX(-180deg) !important;
        transform: rotateX(-180deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }
}

@keyframes swing-top-bck {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }

    to {
        -webkit-transform: rotateX(-180deg) !important;
        transform: rotateX(-180deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }
}

@-webkit-keyframes swing-top-fwd {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }

    to {
        -webkit-transform: rotateX(180deg) !important;
        transform: rotateX(180deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }
}

@keyframes swing-top-fwd {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }

    to {
        -webkit-transform: rotateX(180deg) !important;
        transform: rotateX(180deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }
}

@-webkit-keyframes swing-top-left-bck {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,180deg) !important;
        transform: rotate3d(-1,1,0,180deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@keyframes swing-top-left-bck {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,180deg) !important;
        transform: rotate3d(-1,1,0,180deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@-webkit-keyframes swing-top-left-fwd {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,-180deg) !important;
        transform: rotate3d(-1,1,0,-180deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@keyframes swing-top-left-fwd {
    0% {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,-180deg) !important;
        transform: rotate3d(-1,1,0,-180deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0%
    }
}

@-webkit-keyframes swing-top-right-bck {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }

    to {
        -webkit-transform: rotate3d(1,1,0,-180deg) !important;
        transform: rotate3d(1,1,0,-180deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@keyframes swing-top-right-bck {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }

    to {
        -webkit-transform: rotate3d(1,1,0,-180deg) !important;
        transform: rotate3d(1,1,0,-180deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@-webkit-keyframes swing-top-right-fwd {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }

    to {
        -webkit-transform: rotate3d(1,1,0,180deg) !important;
        transform: rotate3d(1,1,0,180deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@keyframes swing-top-right-fwd {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }

    to {
        -webkit-transform: rotate3d(1,1,0,180deg) !important;
        transform: rotate3d(1,1,0,180deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0%
    }
}

@-webkit-keyframes slide-bl {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(100px) translateX(-100px) !important;
        transform: translateY(100px) translateX(-100px)
    }
}

@keyframes slide-bl {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(100px) translateX(-100px) !important;
        transform: translateY(100px) translateX(-100px)
    }
}

@-webkit-keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(100px) !important;
        transform: translateY(100px)
    }
}

@keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(100px) !important;
        transform: translateY(100px)
    }
}

@-webkit-keyframes slide-br {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(100px) translateX(100px) !important;
        transform: translateY(100px) translateX(100px)
    }
}

@keyframes slide-br {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(100px) translateX(100px) !important;
        transform: translateY(100px) translateX(100px)
    }
}

@-webkit-keyframes slide-left {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100px) !important;
        transform: translateX(-100px)
    }
}

@keyframes slide-left {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100px) !important;
        transform: translateX(-100px)
    }
}

@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(100px) !important;
        transform: translateX(100px)
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(100px) !important;
        transform: translateX(100px)
    }
}

@-webkit-keyframes slide-tl {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(-100px) translateX(-100px) !important;
        transform: translateY(-100px) translateX(-100px)
    }
}

@keyframes slide-tl {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(-100px) translateX(-100px) !important;
        transform: translateY(-100px) translateX(-100px)
    }
}

@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-100px) !important;
        transform: translateY(-100px)
    }
}

@keyframes slide-top {
    0% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-100px) !important;
        transform: translateY(-100px)
    }
}

@-webkit-keyframes slide-tr {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(-100px) translateX(100px) !important;
        transform: translateY(-100px) translateX(100px)
    }
}

@keyframes slide-tr {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateY(-100px) translateX(100px) !important;
        transform: translateY(-100px) translateX(100px)
    }
}

@-webkit-keyframes slide-bck-bl {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(-400px) translateY(200px) translateX(-200px) !important;
        transform: translateZ(-400px) translateY(200px) translateX(-200px)
    }
}

@keyframes slide-bck-bl {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(-400px) translateY(200px) translateX(-200px) !important;
        transform: translateZ(-400px) translateY(200px) translateX(-200px)
    }
}

@-webkit-keyframes slide-bck-bottom {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0)
    }

    to {
        -webkit-transform: translateZ(-400px) translateY(200px) !important;
        transform: translateZ(-400px) translateY(200px)
    }
}

@keyframes slide-bck-bottom {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0)
    }

    to {
        -webkit-transform: translateZ(-400px) translateY(200px) !important;
        transform: translateZ(-400px) translateY(200px)
    }
}

@-webkit-keyframes slide-bck-br {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(-400px) translateY(200px) translateX(200px) !important;
        transform: translateZ(-400px) translateY(200px) translateX(200px)
    }
}

@keyframes slide-bck-br {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(-400px) translateY(200px) translateX(200px) !important;
        transform: translateZ(-400px) translateY(200px) translateX(200px)
    }
}

@-webkit-keyframes slide-bck-center {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translateZ(-400px) !important;
        transform: translateZ(-400px)
    }
}

@keyframes slide-bck-center {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translateZ(-400px) !important;
        transform: translateZ(-400px)
    }
}

@-webkit-keyframes slide-bck-left {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(-400px) translateX(-200px) !important;
        transform: translateZ(-400px) translateX(-200px)
    }
}

@keyframes slide-bck-left {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(-400px) translateX(-200px) !important;
        transform: translateZ(-400px) translateX(-200px)
    }
}

@-webkit-keyframes slide-bck-right {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(-400px) translateX(200px) !important;
        transform: translateZ(-400px) translateX(200px)
    }
}

@keyframes slide-bck-right {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(-400px) translateX(200px) !important;
        transform: translateZ(-400px) translateX(200px)
    }
}

@-webkit-keyframes slide-bck-tl {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(-400px) translateY(-200px) translateX(-200px) !important;
        transform: translateZ(-400px) translateY(-200px) translateX(-200px)
    }
}

@keyframes slide-bck-tl {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(-400px) translateY(-200px) translateX(-200px) !important;
        transform: translateZ(-400px) translateY(-200px) translateX(-200px)
    }
}

@-webkit-keyframes slide-bck-top {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0)
    }

    to {
        -webkit-transform: translateZ(-400px) translateY(-200px) !important;
        transform: translateZ(-400px) translateY(-200px)
    }
}

@keyframes slide-bck-top {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0)
    }

    to {
        -webkit-transform: translateZ(-400px) translateY(-200px) !important;
        transform: translateZ(-400px) translateY(-200px)
    }
}

@-webkit-keyframes slide-bck-tr {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(-400px) translateY(-200px) translateX(200px) !important;
        transform: translateZ(-400px) translateY(-200px) translateX(200px)
    }
}

@keyframes slide-bck-tr {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(-400px) translateY(-200px) translateX(200px) !important;
        transform: translateZ(-400px) translateY(-200px) translateX(200px)
    }
}

@-webkit-keyframes slide-fwd-bl {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(160px) translateY(100px) translateX(-100px) !important;
        transform: translateZ(160px) translateY(100px) translateX(-100px)
    }
}

@keyframes slide-fwd-bl {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(160px) translateY(100px) translateX(-100px) !important;
        transform: translateZ(160px) translateY(100px) translateX(-100px)
    }
}

@-webkit-keyframes slide-fwd-bottom {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0)
    }

    to {
        -webkit-transform: translateZ(160px) translateY(100px) !important;
        transform: translateZ(160px) translateY(100px)
    }
}

@keyframes slide-fwd-bottom {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0)
    }

    to {
        -webkit-transform: translateZ(160px) translateY(100px) !important;
        transform: translateZ(160px) translateY(100px)
    }
}

@-webkit-keyframes slide-fwd-br {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(160px) translateY(100px) translateX(100px) !important;
        transform: translateZ(160px) translateY(100px) translateX(100px)
    }
}

@keyframes slide-fwd-br {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(160px) translateY(100px) translateX(100px) !important;
        transform: translateZ(160px) translateY(100px) translateX(100px)
    }
}

@-webkit-keyframes slide-fwd-center {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translateZ(160px) !important;
        transform: translateZ(160px)
    }
}

@keyframes slide-fwd-center {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translateZ(160px) !important;
        transform: translateZ(160px)
    }
}

@-webkit-keyframes slide-fwd-left {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(160px) translateX(-100px) !important;
        transform: translateZ(160px) translateX(-100px)
    }
}

@keyframes slide-fwd-left {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(160px) translateX(-100px) !important;
        transform: translateZ(160px) translateX(-100px)
    }
}

@-webkit-keyframes slide-fwd-right {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(160px) translateX(100px) !important;
        transform: translateZ(160px) translateX(100px)
    }
}

@keyframes slide-fwd-right {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(160px) translateX(100px) !important;
        transform: translateZ(160px) translateX(100px)
    }
}

@-webkit-keyframes slide-fwd-tl {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(160px) translateY(-100px) translateX(-100px) !important;
        transform: translateZ(160px) translateY(-100px) translateX(-100px)
    }
}

@keyframes slide-fwd-tl {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(160px) translateY(-100px) translateX(-100px) !important;
        transform: translateZ(160px) translateY(-100px) translateX(-100px)
    }
}

@-webkit-keyframes slide-fwd-top {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0)
    }

    to {
        -webkit-transform: translateZ(160px) translateY(-100px) !important;
        transform: translateZ(160px) translateY(-100px)
    }
}

@keyframes slide-fwd-top {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0)
    }

    to {
        -webkit-transform: translateZ(160px) translateY(-100px) !important;
        transform: translateZ(160px) translateY(-100px)
    }
}

@-webkit-keyframes slide-fwd-tr {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(160px) translateY(-100px) translateX(100px) !important;
        transform: translateZ(160px) translateY(-100px) translateX(100px)
    }
}

@keyframes slide-fwd-tr {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0)
    }

    to {
        -webkit-transform: translateZ(160px) translateY(-100px) translateX(100px) !important;
        transform: translateZ(160px) translateY(-100px) translateX(100px)
    }
}

@-webkit-keyframes slide-rotate-hor-b-bck {
    0% {
        -webkit-transform: translateY(0) translateZ(0) rotateX(0deg) !important;
        transform: translateY(0) translateZ(0) rotateX(0deg) !important;
        -webkit-transform-origin: bottom center !important;
        transform-origin: bottom center
    }

    to {
        -webkit-transform: translateY(150px) translateZ(-230px) rotateX(90deg) !important;
        transform: translateY(150px) translateZ(-230px) rotateX(90deg) !important;
        -webkit-transform-origin: bottom center !important;
        transform-origin: bottom center
    }
}

@keyframes slide-rotate-hor-b-bck {
    0% {
        -webkit-transform: translateY(0) translateZ(0) rotateX(0deg) !important;
        transform: translateY(0) translateZ(0) rotateX(0deg) !important;
        -webkit-transform-origin: bottom center !important;
        transform-origin: bottom center
    }

    to {
        -webkit-transform: translateY(150px) translateZ(-230px) rotateX(90deg) !important;
        transform: translateY(150px) translateZ(-230px) rotateX(90deg) !important;
        -webkit-transform-origin: bottom center !important;
        transform-origin: bottom center
    }
}

@-webkit-keyframes slide-rotate-hor-b-fwd {
    0% {
        -webkit-transform: translateY(0) translateZ(0) rotateX(0deg) !important;
        transform: translateY(0) translateZ(0) rotateX(0deg) !important;
        -webkit-transform-origin: top center !important;
        transform-origin: top center
    }

    to {
        -webkit-transform: translateY(150px) translateZ(130px) rotateX(90deg) !important;
        transform: translateY(150px) translateZ(130px) rotateX(90deg) !important;
        -webkit-transform-origin: top center !important;
        transform-origin: top center
    }
}

@keyframes slide-rotate-hor-b-fwd {
    0% {
        -webkit-transform: translateY(0) translateZ(0) rotateX(0deg) !important;
        transform: translateY(0) translateZ(0) rotateX(0deg) !important;
        -webkit-transform-origin: top center !important;
        transform-origin: top center
    }

    to {
        -webkit-transform: translateY(150px) translateZ(130px) rotateX(90deg) !important;
        transform: translateY(150px) translateZ(130px) rotateX(90deg) !important;
        -webkit-transform-origin: top center !important;
        transform-origin: top center
    }
}

@-webkit-keyframes slide-rotate-hor-bottom {
    0% {
        -webkit-transform: translateY(0) rotateX(0deg) !important;
        transform: translateY(0) rotateX(0deg)
    }

    to {
        -webkit-transform: translateY(150px) rotateX(90deg) !important;
        transform: translateY(150px) rotateX(90deg)
    }
}

@keyframes slide-rotate-hor-bottom {
    0% {
        -webkit-transform: translateY(0) rotateX(0deg) !important;
        transform: translateY(0) rotateX(0deg)
    }

    to {
        -webkit-transform: translateY(150px) rotateX(90deg) !important;
        transform: translateY(150px) rotateX(90deg)
    }
}

@-webkit-keyframes slide-rotate-hor-t-bck {
    0% {
        -webkit-transform: translateY(0) translateZ(0) rotateX(0deg) !important;
        transform: translateY(0) translateZ(0) rotateX(0deg) !important;
        -webkit-transform-origin: top center !important;
        transform-origin: top center
    }

    to {
        -webkit-transform: translateY(-150px) translateZ(-230px) rotateX(-90deg) !important;
        transform: translateY(-150px) translateZ(-230px) rotateX(-90deg) !important;
        -webkit-transform-origin: top center !important;
        transform-origin: top center
    }
}

@keyframes slide-rotate-hor-t-bck {
    0% {
        -webkit-transform: translateY(0) translateZ(0) rotateX(0deg) !important;
        transform: translateY(0) translateZ(0) rotateX(0deg) !important;
        -webkit-transform-origin: top center !important;
        transform-origin: top center
    }

    to {
        -webkit-transform: translateY(-150px) translateZ(-230px) rotateX(-90deg) !important;
        transform: translateY(-150px) translateZ(-230px) rotateX(-90deg) !important;
        -webkit-transform-origin: top center !important;
        transform-origin: top center
    }
}

@-webkit-keyframes slide-rotate-hor-t-fwd {
    0% {
        -webkit-transform: translateY(0) translateZ(0) rotateX(0deg) !important;
        transform: translateY(0) translateZ(0) rotateX(0deg) !important;
        -webkit-transform-origin: bottom center !important;
        transform-origin: bottom center
    }

    to {
        -webkit-transform: translateY(-150px) translateZ(130px) rotateX(-90deg) !important;
        transform: translateY(-150px) translateZ(130px) rotateX(-90deg) !important;
        -webkit-transform-origin: bottom center !important;
        transform-origin: bottom center
    }
}

@keyframes slide-rotate-hor-t-fwd {
    0% {
        -webkit-transform: translateY(0) translateZ(0) rotateX(0deg) !important;
        transform: translateY(0) translateZ(0) rotateX(0deg) !important;
        -webkit-transform-origin: bottom center !important;
        transform-origin: bottom center
    }

    to {
        -webkit-transform: translateY(-150px) translateZ(130px) rotateX(-90deg) !important;
        transform: translateY(-150px) translateZ(130px) rotateX(-90deg) !important;
        -webkit-transform-origin: bottom center !important;
        transform-origin: bottom center
    }
}

@-webkit-keyframes slide-rotate-hor-top {
    0% {
        -webkit-transform: translateY(0) rotateX(0deg) !important;
        transform: translateY(0) rotateX(0deg)
    }

    to {
        -webkit-transform: translateY(-150px) rotateX(-90deg) !important;
        transform: translateY(-150px) rotateX(-90deg)
    }
}

@keyframes slide-rotate-hor-top {
    0% {
        -webkit-transform: translateY(0) rotateX(0deg) !important;
        transform: translateY(0) rotateX(0deg)
    }

    to {
        -webkit-transform: translateY(-150px) rotateX(-90deg) !important;
        transform: translateY(-150px) rotateX(-90deg)
    }
}

@-webkit-keyframes slide-rotate-ver-l-bck {
    0% {
        -webkit-transform: translateX(0) translateZ(0) rotateY(0) !important;
        transform: translateX(0) translateZ(0) rotateY(0) !important;
        -webkit-transform-origin: center left !important;
        transform-origin: center left
    }

    to {
        -webkit-transform: translateX(-150px) translateZ(-230px) rotateY(90deg) !important;
        transform: translateX(-150px) translateZ(-230px) rotateY(90deg) !important;
        -webkit-transform-origin: center left !important;
        transform-origin: center left
    }
}

@keyframes slide-rotate-ver-l-bck {
    0% {
        -webkit-transform: translateX(0) translateZ(0) rotateY(0) !important;
        transform: translateX(0) translateZ(0) rotateY(0) !important;
        -webkit-transform-origin: center left !important;
        transform-origin: center left
    }

    to {
        -webkit-transform: translateX(-150px) translateZ(-230px) rotateY(90deg) !important;
        transform: translateX(-150px) translateZ(-230px) rotateY(90deg) !important;
        -webkit-transform-origin: center left !important;
        transform-origin: center left
    }
}

@-webkit-keyframes slide-rotate-ver-l-fwd {
    0% {
        -webkit-transform: translateX(0) translateZ(0) rotateY(0) !important;
        transform: translateX(0) translateZ(0) rotateY(0) !important;
        -webkit-transform-origin: center right !important;
        transform-origin: center right
    }

    to {
        -webkit-transform: translateX(-150px) translateZ(130px) rotateY(90deg) !important;
        transform: translateX(-150px) translateZ(130px) rotateY(90deg) !important;
        -webkit-transform-origin: center right !important;
        transform-origin: center right
    }
}

@keyframes slide-rotate-ver-l-fwd {
    0% {
        -webkit-transform: translateX(0) translateZ(0) rotateY(0) !important;
        transform: translateX(0) translateZ(0) rotateY(0) !important;
        -webkit-transform-origin: center right !important;
        transform-origin: center right
    }

    to {
        -webkit-transform: translateX(-150px) translateZ(130px) rotateY(90deg) !important;
        transform: translateX(-150px) translateZ(130px) rotateY(90deg) !important;
        -webkit-transform-origin: center right !important;
        transform-origin: center right
    }
}

@-webkit-keyframes slide-rotate-ver-left {
    0% {
        -webkit-transform: translateX(0) rotateY(0) !important;
        transform: translateX(0) rotateY(0)
    }

    to {
        -webkit-transform: translateX(-150px) rotateY(90deg) !important;
        transform: translateX(-150px) rotateY(90deg)
    }
}

@keyframes slide-rotate-ver-left {
    0% {
        -webkit-transform: translateX(0) rotateY(0) !important;
        transform: translateX(0) rotateY(0)
    }

    to {
        -webkit-transform: translateX(-150px) rotateY(90deg) !important;
        transform: translateX(-150px) rotateY(90deg)
    }
}

@-webkit-keyframes slide-rotate-ver-r-bck {
    0% {
        -webkit-transform: translateX(0) translateZ(0) rotateY(0) !important;
        transform: translateX(0) translateZ(0) rotateY(0) !important;
        -webkit-transform-origin: center right !important;
        transform-origin: center right
    }

    to {
        -webkit-transform: translateX(150px) translateZ(-230px) rotateY(-90deg) !important;
        transform: translateX(150px) translateZ(-230px) rotateY(-90deg) !important;
        -webkit-transform-origin: center right !important;
        transform-origin: center right
    }
}

@keyframes slide-rotate-ver-r-bck {
    0% {
        -webkit-transform: translateX(0) translateZ(0) rotateY(0) !important;
        transform: translateX(0) translateZ(0) rotateY(0) !important;
        -webkit-transform-origin: center right !important;
        transform-origin: center right
    }

    to {
        -webkit-transform: translateX(150px) translateZ(-230px) rotateY(-90deg) !important;
        transform: translateX(150px) translateZ(-230px) rotateY(-90deg) !important;
        -webkit-transform-origin: center right !important;
        transform-origin: center right
    }
}

@-webkit-keyframes slide-rotate-ver-r-fwd {
    0% {
        -webkit-transform: translateX(0) translateZ(0) rotateY(0) !important;
        transform: translateX(0) translateZ(0) rotateY(0) !important;
        -webkit-transform-origin: center left !important;
        transform-origin: center left
    }

    to {
        -webkit-transform: translateX(150px) translateZ(130px) rotateY(-90deg) !important;
        transform: translateX(150px) translateZ(130px) rotateY(-90deg) !important;
        -webkit-transform-origin: center left !important;
        transform-origin: center left
    }
}

@keyframes slide-rotate-ver-r-fwd {
    0% {
        -webkit-transform: translateX(0) translateZ(0) rotateY(0) !important;
        transform: translateX(0) translateZ(0) rotateY(0) !important;
        -webkit-transform-origin: center left !important;
        transform-origin: center left
    }

    to {
        -webkit-transform: translateX(150px) translateZ(130px) rotateY(-90deg) !important;
        transform: translateX(150px) translateZ(130px) rotateY(-90deg) !important;
        -webkit-transform-origin: center left !important;
        transform-origin: center left
    }
}

@-webkit-keyframes slide-rotate-ver-right {
    0% {
        -webkit-transform: translateX(0) rotateY(0) !important;
        transform: translateX(0) rotateY(0)
    }

    to {
        -webkit-transform: translateX(150px) rotateY(-90deg) !important;
        transform: translateX(150px) rotateY(-90deg)
    }
}

@keyframes slide-rotate-ver-right {
    0% {
        -webkit-transform: translateX(0) rotateY(0) !important;
        transform: translateX(0) rotateY(0)
    }

    to {
        -webkit-transform: translateX(150px) rotateY(-90deg) !important;
        transform: translateX(150px) rotateY(-90deg)
    }
}

@-webkit-keyframes shadow-drop-bl {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: -12px 12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: -12px 12px 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-bl {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: -12px 12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: -12px 12px 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-bottom {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: 0 12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 0 12px 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-bottom {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: 0 12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 0 12px 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-br {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: 12px 12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 12px 12px 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-br {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: 12px 12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 12px 12px 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-center {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.35) !important;
        box-shadow: 0 0 20px 0 rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-center {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.35) !important;
        box-shadow: 0 0 20px 0 rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-left {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: -12px 0 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: -12px 0 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-left {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: -12px 0 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: -12px 0 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-lr {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: -12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: -12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-lr {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: -12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: -12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-right {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: 12px 0 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 12px 0 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-right {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: 12px 0 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 12px 0 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-tb {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: 0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-tb {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: 0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-tl {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: -12px -12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: -12px -12px 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-tl {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: -12px -12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: -12px -12px 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-top {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: 0 -12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 0 -12px 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-top {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: 0 -12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 0 -12px 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-tr {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: 12px -12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 12px -12px 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-tr {
    0% {
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: 12px -12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 12px -12px 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-2-bl {
    0% {
        -webkit-transform: translateZ(0) translateX(0) translateY(0) !important;
        transform: translateZ(0) translateX(0) translateY(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) translateX(12px) translateY(-12px) !important;
        transform: translateZ(50px) translateX(12px) translateY(-12px) !important;
        -webkit-box-shadow: -12px 12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: -12px 12px 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-2-bl {
    0% {
        -webkit-transform: translateZ(0) translateX(0) translateY(0) !important;
        transform: translateZ(0) translateX(0) translateY(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) translateX(12px) translateY(-12px) !important;
        transform: translateZ(50px) translateX(12px) translateY(-12px) !important;
        -webkit-box-shadow: -12px 12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: -12px 12px 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-2-bottom {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) translateY(-12px) !important;
        transform: translateZ(50px) translateY(-12px) !important;
        -webkit-box-shadow: 0 12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 0 12px 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-2-bottom {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) translateY(-12px) !important;
        transform: translateZ(50px) translateY(-12px) !important;
        -webkit-box-shadow: 0 12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 0 12px 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-2-br {
    0% {
        -webkit-transform: translateZ(0) translateX(0) translateY(0) !important;
        transform: translateZ(0) translateX(0) translateY(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) translateX(-12px) translateY(-12px) !important;
        transform: translateZ(50px) translateX(-12px) translateY(-12px) !important;
        -webkit-box-shadow: 12px 12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 12px 12px 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-2-br {
    0% {
        -webkit-transform: translateZ(0) translateX(0) translateY(0) !important;
        transform: translateZ(0) translateX(0) translateY(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) translateX(-12px) translateY(-12px) !important;
        transform: translateZ(50px) translateX(-12px) translateY(-12px) !important;
        -webkit-box-shadow: 12px 12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 12px 12px 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-2-center {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) !important;
        transform: translateZ(50px) !important;
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.35) !important;
        box-shadow: 0 0 20px 0 rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-2-center {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) !important;
        transform: translateZ(50px) !important;
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.35) !important;
        box-shadow: 0 0 20px 0 rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-2-left {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) translateX(12px) !important;
        transform: translateZ(50px) translateX(12px) !important;
        -webkit-box-shadow: -12px 0 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: -12px 0 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-2-left {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) translateX(12px) !important;
        transform: translateZ(50px) translateX(12px) !important;
        -webkit-box-shadow: -12px 0 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: -12px 0 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-2-lr {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) !important;
        transform: translateZ(50px) !important;
        -webkit-box-shadow: -12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: -12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-2-lr {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) !important;
        transform: translateZ(50px) !important;
        -webkit-box-shadow: -12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: -12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-2-right {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) translateX(-12px) !important;
        transform: translateZ(50px) translateX(-12px) !important;
        -webkit-box-shadow: 12px 0 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 12px 0 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-2-right {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) translateX(-12px) !important;
        transform: translateZ(50px) translateX(-12px) !important;
        -webkit-box-shadow: 12px 0 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 12px 0 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-2-tb {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) !important;
        transform: translateZ(50px) !important;
        -webkit-box-shadow: 0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-2-tb {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent,0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) !important;
        transform: translateZ(50px) !important;
        -webkit-box-shadow: 0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-2-tl {
    0% {
        -webkit-transform: translateZ(0) translateX(0) translateY(0) !important;
        transform: translateZ(0) translateX(0) translateY(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) translateX(12px) translateY(12px) !important;
        transform: translateZ(50px) translateX(12px) translateY(12px) !important;
        -webkit-box-shadow: -12px -12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: -12px -12px 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-2-tl {
    0% {
        -webkit-transform: translateZ(0) translateX(0) translateY(0) !important;
        transform: translateZ(0) translateX(0) translateY(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) translateX(12px) translateY(12px) !important;
        transform: translateZ(50px) translateX(12px) translateY(12px) !important;
        -webkit-box-shadow: -12px -12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: -12px -12px 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-2-top {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) translateY(12px) !important;
        transform: translateZ(50px) translateY(12px) !important;
        -webkit-box-shadow: 0 -12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 0 -12px 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-2-top {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) translateY(12px) !important;
        transform: translateZ(50px) translateY(12px) !important;
        -webkit-box-shadow: 0 -12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 0 -12px 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-drop-2-tr {
    0% {
        -webkit-transform: translateZ(0) translateX(0) translateY(0) !important;
        transform: translateZ(0) translateX(0) translateY(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) translateX(-12px) translateY(12px) !important;
        transform: translateZ(50px) translateX(-12px) translateY(12px) !important;
        -webkit-box-shadow: 12px -12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 12px -12px 20px -12px rgba(0,0,0,.35)
    }
}

@keyframes shadow-drop-2-tr {
    0% {
        -webkit-transform: translateZ(0) translateX(0) translateY(0) !important;
        transform: translateZ(0) translateX(0) translateY(0) !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important;
        box-shadow: 0 0 0 0 transparent
    }

    to {
        -webkit-transform: translateZ(50px) translateX(-12px) translateY(12px) !important;
        transform: translateZ(50px) translateX(-12px) translateY(12px) !important;
        -webkit-box-shadow: 12px -12px 20px -12px rgba(0,0,0,.35) !important;
        box-shadow: 12px -12px 20px -12px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes shadow-pop-bl {
    0% {
        -webkit-box-shadow: 0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e !important;
        box-shadow: 0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e !important;
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0)
    }

    to {
        -webkit-box-shadow: -1px 1px #3e3e3e,-2px 2px #3e3e3e,-3px 3px #3e3e3e,-4px 4px #3e3e3e,-5px 5px #3e3e3e,-6px 6px #3e3e3e,-7px 7px #3e3e3e,-8px 8px #3e3e3e !important;
        box-shadow: -1px 1px #3e3e3e,-2px 2px #3e3e3e,-3px 3px #3e3e3e,-4px 4px #3e3e3e,-5px 5px #3e3e3e,-6px 6px #3e3e3e,-7px 7px #3e3e3e,-8px 8px #3e3e3e !important;
        -webkit-transform: translateX(8px) translateY(-8px) !important;
        transform: translateX(8px) translateY(-8px)
    }
}

@keyframes shadow-pop-bl {
    0% {
        -webkit-box-shadow: 0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e !important;
        box-shadow: 0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e !important;
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0)
    }

    to {
        -webkit-box-shadow: -1px 1px #3e3e3e,-2px 2px #3e3e3e,-3px 3px #3e3e3e,-4px 4px #3e3e3e,-5px 5px #3e3e3e,-6px 6px #3e3e3e,-7px 7px #3e3e3e,-8px 8px #3e3e3e !important;
        box-shadow: -1px 1px #3e3e3e,-2px 2px #3e3e3e,-3px 3px #3e3e3e,-4px 4px #3e3e3e,-5px 5px #3e3e3e,-6px 6px #3e3e3e,-7px 7px #3e3e3e,-8px 8px #3e3e3e !important;
        -webkit-transform: translateX(8px) translateY(-8px) !important;
        transform: translateX(8px) translateY(-8px)
    }
}

@-webkit-keyframes shadow-pop-br {
    0% {
        -webkit-box-shadow: 0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e !important;
        box-shadow: 0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e !important;
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0)
    }

    to {
        -webkit-box-shadow: 1px 1px #3e3e3e,2px 2px #3e3e3e,3px 3px #3e3e3e,4px 4px #3e3e3e,5px 5px #3e3e3e,6px 6px #3e3e3e,7px 7px #3e3e3e,8px 8px #3e3e3e !important;
        box-shadow: 1px 1px #3e3e3e,2px 2px #3e3e3e,3px 3px #3e3e3e,4px 4px #3e3e3e,5px 5px #3e3e3e,6px 6px #3e3e3e,7px 7px #3e3e3e,8px 8px #3e3e3e !important;
        -webkit-transform: translateX(-8px) translateY(-8px) !important;
        transform: translateX(-8px) translateY(-8px)
    }
}

@keyframes shadow-pop-br {
    0% {
        -webkit-box-shadow: 0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e !important;
        box-shadow: 0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e !important;
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0)
    }

    to {
        -webkit-box-shadow: 1px 1px #3e3e3e,2px 2px #3e3e3e,3px 3px #3e3e3e,4px 4px #3e3e3e,5px 5px #3e3e3e,6px 6px #3e3e3e,7px 7px #3e3e3e,8px 8px #3e3e3e !important;
        box-shadow: 1px 1px #3e3e3e,2px 2px #3e3e3e,3px 3px #3e3e3e,4px 4px #3e3e3e,5px 5px #3e3e3e,6px 6px #3e3e3e,7px 7px #3e3e3e,8px 8px #3e3e3e !important;
        -webkit-transform: translateX(-8px) translateY(-8px) !important;
        transform: translateX(-8px) translateY(-8px)
    }
}

@-webkit-keyframes shadow-pop-tl {
    0% {
        -webkit-box-shadow: 0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e !important;
        box-shadow: 0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e !important;
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0)
    }

    to {
        -webkit-box-shadow: -1px -1px #3e3e3e,-2px -2px #3e3e3e,-3px -3px #3e3e3e,-4px -4px #3e3e3e,-5px -5px #3e3e3e,-6px -6px #3e3e3e,-7px -7px #3e3e3e,-8px -8px #3e3e3e !important;
        box-shadow: -1px -1px #3e3e3e,-2px -2px #3e3e3e,-3px -3px #3e3e3e,-4px -4px #3e3e3e,-5px -5px #3e3e3e,-6px -6px #3e3e3e,-7px -7px #3e3e3e,-8px -8px #3e3e3e !important;
        -webkit-transform: translateX(8px) translateY(8px) !important;
        transform: translateX(8px) translateY(8px)
    }
}

@keyframes shadow-pop-tl {
    0% {
        -webkit-box-shadow: 0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e !important;
        box-shadow: 0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e !important;
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0)
    }

    to {
        -webkit-box-shadow: -1px -1px #3e3e3e,-2px -2px #3e3e3e,-3px -3px #3e3e3e,-4px -4px #3e3e3e,-5px -5px #3e3e3e,-6px -6px #3e3e3e,-7px -7px #3e3e3e,-8px -8px #3e3e3e !important;
        box-shadow: -1px -1px #3e3e3e,-2px -2px #3e3e3e,-3px -3px #3e3e3e,-4px -4px #3e3e3e,-5px -5px #3e3e3e,-6px -6px #3e3e3e,-7px -7px #3e3e3e,-8px -8px #3e3e3e !important;
        -webkit-transform: translateX(8px) translateY(8px) !important;
        transform: translateX(8px) translateY(8px)
    }
}

@-webkit-keyframes shadow-pop-tr {
    0% {
        -webkit-box-shadow: 0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e !important;
        box-shadow: 0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e !important;
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0)
    }

    to {
        -webkit-box-shadow: 1px -1px #3e3e3e,2px -2px #3e3e3e,3px -3px #3e3e3e,4px -4px #3e3e3e,5px -5px #3e3e3e,6px -6px #3e3e3e,7px -7px #3e3e3e,8px -8px #3e3e3e !important;
        box-shadow: 1px -1px #3e3e3e,2px -2px #3e3e3e,3px -3px #3e3e3e,4px -4px #3e3e3e,5px -5px #3e3e3e,6px -6px #3e3e3e,7px -7px #3e3e3e,8px -8px #3e3e3e !important;
        -webkit-transform: translateX(-8px) translateY(8px) !important;
        transform: translateX(-8px) translateY(8px)
    }
}

@keyframes shadow-pop-tr {
    0% {
        -webkit-box-shadow: 0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e !important;
        box-shadow: 0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e !important;
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0)
    }

    to {
        -webkit-box-shadow: 1px -1px #3e3e3e,2px -2px #3e3e3e,3px -3px #3e3e3e,4px -4px #3e3e3e,5px -5px #3e3e3e,6px -6px #3e3e3e,7px -7px #3e3e3e,8px -8px #3e3e3e !important;
        box-shadow: 1px -1px #3e3e3e,2px -2px #3e3e3e,3px -3px #3e3e3e,4px -4px #3e3e3e,5px -5px #3e3e3e,6px -6px #3e3e3e,7px -7px #3e3e3e,8px -8px #3e3e3e !important;
        -webkit-transform: translateX(-8px) translateY(8px) !important;
        transform: translateX(-8px) translateY(8px)
    }
}

@-webkit-keyframes shadow-inset-bl {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset 6px -6px 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset 6px -6px 14px -6px rgba(0,0,0,.5)
    }
}

@keyframes shadow-inset-bl {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset 6px -6px 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset 6px -6px 14px -6px rgba(0,0,0,.5)
    }
}

@-webkit-keyframes shadow-inset-bottom {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset 0 -6px 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset 0 -6px 14px -6px rgba(0,0,0,.5)
    }
}

@keyframes shadow-inset-bottom {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset 0 -6px 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset 0 -6px 14px -6px rgba(0,0,0,.5)
    }
}

@-webkit-keyframes shadow-inset-br {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset -6px -6px 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset -6px -6px 14px -6px rgba(0,0,0,.5)
    }
}

@keyframes shadow-inset-br {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset -6px -6px 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset -6px -6px 14px -6px rgba(0,0,0,.5)
    }
}

@-webkit-keyframes shadow-inset-center {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset 0 0 14px 0 rgba(0,0,0,.5) !important;
        box-shadow: inset 0 0 14px 0 rgba(0,0,0,.5)
    }
}

@keyframes shadow-inset-center {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset 0 0 14px 0 rgba(0,0,0,.5) !important;
        box-shadow: inset 0 0 14px 0 rgba(0,0,0,.5)
    }
}

@-webkit-keyframes shadow-inset-left {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset 6px 0 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset 6px 0 14px -6px rgba(0,0,0,.5)
    }
}

@keyframes shadow-inset-left {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset 6px 0 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset 6px 0 14px -6px rgba(0,0,0,.5)
    }
}

@-webkit-keyframes shadow-inset-lr {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent,inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent,inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset -6px 0 14px -6px rgba(0,0,0,.5),inset 6px 0 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset -6px 0 14px -6px rgba(0,0,0,.5),inset 6px 0 14px -6px rgba(0,0,0,.5)
    }
}

@keyframes shadow-inset-lr {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent,inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent,inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset -6px 0 14px -6px rgba(0,0,0,.5),inset 6px 0 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset -6px 0 14px -6px rgba(0,0,0,.5),inset 6px 0 14px -6px rgba(0,0,0,.5)
    }
}

@-webkit-keyframes shadow-inset-right {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset -6px 0 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset -6px 0 14px -6px rgba(0,0,0,.5)
    }
}

@keyframes shadow-inset-right {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset -6px 0 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset -6px 0 14px -6px rgba(0,0,0,.5)
    }
}

@-webkit-keyframes shadow-inset-tb {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent,inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent,inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset 0 -6px 14px -6px rgba(0,0,0,.5),inset 0 6px 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset 0 -6px 14px -6px rgba(0,0,0,.5),inset 0 6px 14px -6px rgba(0,0,0,.5)
    }
}

@keyframes shadow-inset-tb {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent,inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent,inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset 0 -6px 14px -6px rgba(0,0,0,.5),inset 0 6px 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset 0 -6px 14px -6px rgba(0,0,0,.5),inset 0 6px 14px -6px rgba(0,0,0,.5)
    }
}

@-webkit-keyframes shadow-inset-tl {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset 6px 6px 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset 6px 6px 14px -6px rgba(0,0,0,.5)
    }
}

@keyframes shadow-inset-tl {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset 6px 6px 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset 6px 6px 14px -6px rgba(0,0,0,.5)
    }
}

@-webkit-keyframes shadow-inset-top {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset 0 6px 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset 0 6px 14px -6px rgba(0,0,0,.5)
    }
}

@keyframes shadow-inset-top {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset 0 6px 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset 0 6px 14px -6px rgba(0,0,0,.5)
    }
}

@-webkit-keyframes shadow-inset-tr {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset -6px 6px 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset -6px 6px 14px -6px rgba(0,0,0,.5)
    }
}

@keyframes shadow-inset-tr {
    0% {
        -webkit-box-shadow: inset 0 0 0 0 transparent !important;
        box-shadow: inset 0 0 0 0 transparent
    }

    to {
        -webkit-box-shadow: inset -6px 6px 14px -6px rgba(0,0,0,.5) !important;
        box-shadow: inset -6px 6px 14px -6px rgba(0,0,0,.5)
    }
}

@-webkit-keyframes scale-in-bl {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        opacity: 1
    }
}

@keyframes scale-in-bl {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-in-br {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }
}

@keyframes scale-in-br {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-in-bottom {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }

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

@keyframes scale-in-bottom {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }

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

@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        opacity: 1
    }
}

@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-in-hor-center {
    0% {
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        opacity: 1
    }
}

@keyframes scale-in-hor-center {
    0% {
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-in-hor-left {
    0% {
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        opacity: 1
    }
}

@keyframes scale-in-hor-left {
    0% {
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-in-hor-right {
    0% {
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }
}

@keyframes scale-in-hor-right {
    0% {
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-in-left {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        opacity: 1
    }
}

@keyframes scale-in-left {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-in-right {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 1
    }

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

@keyframes scale-in-right {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 1
    }

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

@-webkit-keyframes scale-in-tl {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        opacity: 1
    }
}

@keyframes scale-in-tl {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-in-tr {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }
}

@keyframes scale-in-tr {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-in-top {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        opacity: 1
    }
}

@keyframes scale-in-top {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-in-ver-bottom {
    0% {
        -webkit-transform: scaleY(0) !important;
        transform: scaleY(0) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        opacity: 1
    }
}

@keyframes scale-in-ver-bottom {
    0% {
        -webkit-transform: scaleY(0) !important;
        transform: scaleY(0) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-in-ver-center {
    0% {
        -webkit-transform: scaleY(0) !important;
        transform: scaleY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        opacity: 1
    }
}

@keyframes scale-in-ver-center {
    0% {
        -webkit-transform: scaleY(0) !important;
        transform: scaleY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-in-ver-top {
    0% {
        -webkit-transform: scaleY(0) !important;
        transform: scaleY(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }
}

@keyframes scale-in-ver-top {
    0% {
        -webkit-transform: scaleY(0) !important;
        transform: scaleY(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-bl {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: bottom left !important;
        transform-origin: bottom left !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: bottom left !important;
        transform-origin: bottom left !important;
        opacity: 1
    }
}

@keyframes rotate-in-bl {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: bottom left !important;
        transform-origin: bottom left !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: bottom left !important;
        transform-origin: bottom left !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-bottom {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 1
    }
}

@keyframes rotate-in-bottom {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-br {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: bottom right !important;
        transform-origin: bottom right !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: bottom right !important;
        transform-origin: bottom right !important;
        opacity: 1
    }
}

@keyframes rotate-in-br {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: bottom right !important;
        transform-origin: bottom right !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: bottom right !important;
        transform-origin: bottom right !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-center {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        opacity: 1
    }
}

@keyframes rotate-in-center {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-left {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 1
    }
}

@keyframes rotate-in-left {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-right {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 1
    }
}

@keyframes rotate-in-right {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-tl {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: top left !important;
        transform-origin: top left !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: top left !important;
        transform-origin: top left !important;
        opacity: 1
    }
}

@keyframes rotate-in-tl {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: top left !important;
        transform-origin: top left !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: top left !important;
        transform-origin: top left !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-top {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 1
    }
}

@keyframes rotate-in-top {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-tr {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right !important;
        opacity: 1
    }
}

@keyframes rotate-in-tr {
    0% {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-diag-1 {
    0% {
        -webkit-transform: rotate3d(1,1,0,-360deg) !important;
        transform: rotate3d(1,1,0,-360deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }
}

@keyframes rotate-in-diag-1 {
    0% {
        -webkit-transform: rotate3d(1,1,0,-360deg) !important;
        transform: rotate3d(1,1,0,-360deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-diag-2 {
    0% {
        -webkit-transform: rotate3d(-1,1,0,-360deg) !important;
        transform: rotate3d(-1,1,0,-360deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg) !important;
        opacity: 1
    }
}

@keyframes rotate-in-diag-2 {
    0% {
        -webkit-transform: rotate3d(-1,1,0,-360deg) !important;
        transform: rotate3d(-1,1,0,-360deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-hor {
    0% {
        -webkit-transform: rotateX(360deg) !important;
        transform: rotateX(360deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0deg) !important;
        transform: rotateX(0deg) !important;
        opacity: 1
    }
}

@keyframes rotate-in-hor {
    0% {
        -webkit-transform: rotateX(360deg) !important;
        transform: rotateX(360deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0deg) !important;
        transform: rotateX(0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-ver {
    0% {
        -webkit-transform: rotateY(-360deg) !important;
        transform: rotateY(-360deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0deg) !important;
        transform: rotateY(0deg) !important;
        opacity: 1
    }
}

@keyframes rotate-in-ver {
    0% {
        -webkit-transform: rotateY(-360deg) !important;
        transform: rotateY(-360deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0deg) !important;
        transform: rotateY(0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-2-bck-cw {
    0% {
        -webkit-transform: translateZ(200px) rotate(-45deg) !important;
        transform: translateZ(200px) rotate(-45deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) rotate(0) !important;
        transform: translateZ(0) rotate(0) !important;
        opacity: 1
    }
}

@keyframes rotate-in-2-bck-cw {
    0% {
        -webkit-transform: translateZ(200px) rotate(-45deg) !important;
        transform: translateZ(200px) rotate(-45deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) rotate(0) !important;
        transform: translateZ(0) rotate(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-2-bck-ccw {
    0% {
        -webkit-transform: translateZ(200px) rotate(45deg) !important;
        transform: translateZ(200px) rotate(45deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) rotate(0) !important;
        transform: translateZ(0) rotate(0) !important;
        opacity: 1
    }
}

@keyframes rotate-in-2-bck-ccw {
    0% {
        -webkit-transform: translateZ(200px) rotate(45deg) !important;
        transform: translateZ(200px) rotate(45deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) rotate(0) !important;
        transform: translateZ(0) rotate(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-2-bl-ccw {
    0% {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 1
    }
}

@keyframes rotate-in-2-bl-ccw {
    0% {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-2-bl-cw {
    0% {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 1
    }
}

@keyframes rotate-in-2-bl-cw {
    0% {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-2-br-ccw {
    0% {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }
}

@keyframes rotate-in-2-br-ccw {
    0% {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-2-br-cw {
    0% {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }
}

@keyframes rotate-in-2-br-cw {
    0% {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-2-ccw {
    0% {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        opacity: 1
    }
}

@keyframes rotate-in-2-ccw {
    0% {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-2-cw {
    0% {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        opacity: 1
    }
}

@keyframes rotate-in-2-cw {
    0% {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-2-fwd-cw {
    0% {
        -webkit-transform: translateZ(-200px) rotate(-45deg) !important;
        transform: translateZ(-200px) rotate(-45deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) rotate(0) !important;
        transform: translateZ(0) rotate(0) !important;
        opacity: 1
    }
}

@keyframes rotate-in-2-fwd-cw {
    0% {
        -webkit-transform: translateZ(-200px) rotate(-45deg) !important;
        transform: translateZ(-200px) rotate(-45deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) rotate(0) !important;
        transform: translateZ(0) rotate(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-2-fwd-ccw {
    0% {
        -webkit-transform: translateZ(-200px) rotate(45deg) !important;
        transform: translateZ(-200px) rotate(45deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) rotate(0) !important;
        transform: translateZ(0) rotate(0) !important;
        opacity: 1
    }
}

@keyframes rotate-in-2-fwd-ccw {
    0% {
        -webkit-transform: translateZ(-200px) rotate(45deg) !important;
        transform: translateZ(-200px) rotate(45deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) rotate(0) !important;
        transform: translateZ(0) rotate(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-2-tl-ccw {
    0% {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }
}

@keyframes rotate-in-2-tl-ccw {
    0% {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-2-tl-cw {
    0% {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }
}

@keyframes rotate-in-2-tl-cw {
    0% {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-2-tr-ccw {
    0% {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }
}

@keyframes rotate-in-2-tr-ccw {
    0% {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-in-2-tr-cw {
    0% {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }
}

@keyframes rotate-in-2-tr-cw {
    0% {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        opacity: 1
    }
}

@keyframes swirl-in-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-bl-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 1
    }
}

@keyframes swirl-in-bl-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-bl-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 1
    }
}

@keyframes swirl-in-bl-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-br-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }
}

@keyframes swirl-in-br-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-br-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }
}

@keyframes swirl-in-br-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        opacity: 1
    }
}

@keyframes swirl-in-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-tl-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }
}

@keyframes swirl-in-tl-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-tl-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }
}

@keyframes swirl-in-tl-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-tr-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }
}

@keyframes swirl-in-tr-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-tr-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }
}

@keyframes swirl-in-tr-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-top-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 50% 0 !important;
        transform-origin: 50% 0 !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 50% 0 !important;
        transform-origin: 50% 0 !important;
        opacity: 1
    }
}

@keyframes swirl-in-top-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 50% 0 !important;
        transform-origin: 50% 0 !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 50% 0 !important;
        transform-origin: 50% 0 !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-top-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 50% 0 !important;
        transform-origin: 50% 0 !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 50% 0 !important;
        transform-origin: 50% 0 !important;
        opacity: 1
    }
}

@keyframes swirl-in-top-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 50% 0 !important;
        transform-origin: 50% 0 !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 50% 0 !important;
        transform-origin: 50% 0 !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-right-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 1
    }
}

@keyframes swirl-in-right-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-right-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 1
    }
}

@keyframes swirl-in-right-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-bottom-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }
}

@keyframes swirl-in-bottom-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-bottom-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }
}

@keyframes swirl-in-bottom-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-left-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        opacity: 1
    }
}

@keyframes swirl-in-left-fwd {
    0% {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        opacity: 1
    }
}

@-webkit-keyframes swirl-in-left-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        opacity: 1
    }
}

@keyframes swirl-in-left-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        opacity: 1
    }
}

@-webkit-keyframes flip-in-diag-1-tr {
    0% {
        -webkit-transform: rotate3d(1,1,0,-80deg) !important;
        transform: rotate3d(1,1,0,-80deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }
}

@keyframes flip-in-diag-1-tr {
    0% {
        -webkit-transform: rotate3d(1,1,0,-80deg) !important;
        transform: rotate3d(1,1,0,-80deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes flip-in-diag-1-bl {
    0% {
        -webkit-transform: rotate3d(1,1,0,80deg) !important;
        transform: rotate3d(1,1,0,80deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }
}

@keyframes flip-in-diag-1-bl {
    0% {
        -webkit-transform: rotate3d(1,1,0,80deg) !important;
        transform: rotate3d(1,1,0,80deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes flip-in-diag-2-tl {
    0% {
        -webkit-transform: rotate3d(-1,1,0,80deg) !important;
        transform: rotate3d(-1,1,0,80deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }
}

@keyframes flip-in-diag-2-tl {
    0% {
        -webkit-transform: rotate3d(-1,1,0,80deg) !important;
        transform: rotate3d(-1,1,0,80deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes flip-in-diag-2-br {
    0% {
        -webkit-transform: rotate3d(-1,1,0,-80deg) !important;
        transform: rotate3d(-1,1,0,-80deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }
}

@keyframes flip-in-diag-2-br {
    0% {
        -webkit-transform: rotate3d(-1,1,0,-80deg) !important;
        transform: rotate3d(-1,1,0,-80deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes flip-in-hor-top {
    0% {
        -webkit-transform: rotateX(-80deg) !important;
        transform: rotateX(-80deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        opacity: 1
    }
}

@keyframes flip-in-hor-top {
    0% {
        -webkit-transform: rotateX(-80deg) !important;
        transform: rotateX(-80deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes flip-in-hor-bottom {
    0% {
        -webkit-transform: rotateX(80deg) !important;
        transform: rotateX(80deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        opacity: 1
    }
}

@keyframes flip-in-hor-bottom {
    0% {
        -webkit-transform: rotateX(80deg) !important;
        transform: rotateX(80deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes flip-in-ver-right {
    0% {
        -webkit-transform: rotateY(-80deg) !important;
        transform: rotateY(-80deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        opacity: 1
    }
}

@keyframes flip-in-ver-right {
    0% {
        -webkit-transform: rotateY(-80deg) !important;
        transform: rotateY(-80deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes flip-in-ver-left {
    0% {
        -webkit-transform: rotateY(80deg) !important;
        transform: rotateY(80deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        opacity: 1
    }
}

@keyframes flip-in-ver-left {
    0% {
        -webkit-transform: rotateY(80deg) !important;
        transform: rotateY(80deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slit-in-horizontal {
    0% {
        -webkit-transform: translateZ(-800px) rotateX(90deg) !important;
        transform: translateZ(-800px) rotateX(90deg) !important;
        opacity: 0
    }

    54% {
        -webkit-transform: translateZ(-160px) rotateX(87deg) !important;
        transform: translateZ(-160px) rotateX(87deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0) rotateX(0) !important;
        transform: translateZ(0) rotateX(0)
    }
}

@keyframes slit-in-horizontal {
    0% {
        -webkit-transform: translateZ(-800px) rotateX(90deg) !important;
        transform: translateZ(-800px) rotateX(90deg) !important;
        opacity: 0
    }

    54% {
        -webkit-transform: translateZ(-160px) rotateX(87deg) !important;
        transform: translateZ(-160px) rotateX(87deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0) rotateX(0) !important;
        transform: translateZ(0) rotateX(0)
    }
}

@-webkit-keyframes slit-in-vertical {
    0% {
        -webkit-transform: translateZ(-800px) rotateY(90deg) !important;
        transform: translateZ(-800px) rotateY(90deg) !important;
        opacity: 0
    }

    54% {
        -webkit-transform: translateZ(-160px) rotateY(87deg) !important;
        transform: translateZ(-160px) rotateY(87deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0) rotateY(0) !important;
        transform: translateZ(0) rotateY(0)
    }
}

@keyframes slit-in-vertical {
    0% {
        -webkit-transform: translateZ(-800px) rotateY(90deg) !important;
        transform: translateZ(-800px) rotateY(90deg) !important;
        opacity: 0
    }

    54% {
        -webkit-transform: translateZ(-160px) rotateY(87deg) !important;
        transform: translateZ(-160px) rotateY(87deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0) rotateY(0) !important;
        transform: translateZ(0) rotateY(0)
    }
}

@-webkit-keyframes slit-in-diagonal-1 {
    0% {
        -webkit-transform: translateZ(-800px) rotate3d(1,1,0,90deg) !important;
        transform: translateZ(-800px) rotate3d(1,1,0,90deg) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }

    54% {
        -webkit-transform: translateZ(-160px) rotate3d(1,1,0,87deg) !important;
        transform: translateZ(-160px) rotate3d(1,1,0,87deg) !important;
        -webkit-animation-timing-function: ease-in-out !important;
        animation-timing-function: ease-in-out !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0) rotate3d(1,1,0,0) !important;
        transform: translateZ(0) rotate3d(1,1,0,0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }
}

@keyframes slit-in-diagonal-1 {
    0% {
        -webkit-transform: translateZ(-800px) rotate3d(1,1,0,90deg) !important;
        transform: translateZ(-800px) rotate3d(1,1,0,90deg) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }

    54% {
        -webkit-transform: translateZ(-160px) rotate3d(1,1,0,87deg) !important;
        transform: translateZ(-160px) rotate3d(1,1,0,87deg) !important;
        -webkit-animation-timing-function: ease-in-out !important;
        animation-timing-function: ease-in-out !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0) rotate3d(1,1,0,0) !important;
        transform: translateZ(0) rotate3d(1,1,0,0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes slit-in-diagonal-2 {
    0% {
        -webkit-transform: translateZ(-800px) rotate3d(-1,1,0,-90deg) !important;
        transform: translateZ(-800px) rotate3d(-1,1,0,-90deg) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }

    54% {
        -webkit-transform: translateZ(-160px) rotate3d(-1,1,0,-87deg) !important;
        transform: translateZ(-160px) rotate3d(-1,1,0,-87deg) !important;
        -webkit-animation-timing-function: ease-in-out !important;
        animation-timing-function: ease-in-out !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0) rotate3d(-1,1,0,0) !important;
        transform: translateZ(0) rotate3d(-1,1,0,0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }
}

@keyframes slit-in-diagonal-2 {
    0% {
        -webkit-transform: translateZ(-800px) rotate3d(-1,1,0,-90deg) !important;
        transform: translateZ(-800px) rotate3d(-1,1,0,-90deg) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }

    54% {
        -webkit-transform: translateZ(-160px) rotate3d(-1,1,0,-87deg) !important;
        transform: translateZ(-160px) rotate3d(-1,1,0,-87deg) !important;
        -webkit-animation-timing-function: ease-in-out !important;
        animation-timing-function: ease-in-out !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0) rotate3d(-1,1,0,0) !important;
        transform: translateZ(0) rotate3d(-1,1,0,0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes roll-in-left {
    0% {
        -webkit-transform: translateX(-800px) rotate(-540deg) !important;
        transform: translateX(-800px) rotate(-540deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg) !important;
        transform: translateX(0) rotate(0deg) !important;
        opacity: 1
    }
}

@keyframes roll-in-left {
    0% {
        -webkit-transform: translateX(-800px) rotate(-540deg) !important;
        transform: translateX(-800px) rotate(-540deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg) !important;
        transform: translateX(0) rotate(0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes roll-in-top {
    0% {
        -webkit-transform: translateY(-800px) rotate(-540deg) !important;
        transform: translateY(-800px) rotate(-540deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) rotate(0deg) !important;
        transform: translateY(0) rotate(0deg) !important;
        opacity: 1
    }
}

@keyframes roll-in-top {
    0% {
        -webkit-transform: translateY(-800px) rotate(-540deg) !important;
        transform: translateY(-800px) rotate(-540deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) rotate(0deg) !important;
        transform: translateY(0) rotate(0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes roll-in-bottom {
    0% {
        -webkit-transform: translateY(800px) rotate(540deg) !important;
        transform: translateY(800px) rotate(540deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) rotate(0deg) !important;
        transform: translateY(0) rotate(0deg) !important;
        opacity: 1
    }
}

@keyframes roll-in-bottom {
    0% {
        -webkit-transform: translateY(800px) rotate(540deg) !important;
        transform: translateY(800px) rotate(540deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) rotate(0deg) !important;
        transform: translateY(0) rotate(0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes roll-in-right {
    0% {
        -webkit-transform: translateX(800px) rotate(540deg) !important;
        transform: translateX(800px) rotate(540deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg) !important;
        transform: translateX(0) rotate(0deg) !important;
        opacity: 1
    }
}

@keyframes roll-in-right {
    0% {
        -webkit-transform: translateX(800px) rotate(540deg) !important;
        transform: translateX(800px) rotate(540deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg) !important;
        transform: translateX(0) rotate(0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes roll-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) rotate(-720deg) !important;
        transform: translateX(-1000px) rotate(-720deg) !important;
        -webkit-filter: blur(50px) !important;
        filter: blur(50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg) !important;
        transform: translateX(0) rotate(0deg) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes roll-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) rotate(-720deg) !important;
        transform: translateX(-1000px) rotate(-720deg) !important;
        -webkit-filter: blur(50px) !important;
        filter: blur(50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg) !important;
        transform: translateX(0) rotate(0deg) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes roll-in-blurred-top {
    0% {
        -webkit-transform: translateY(-800px) rotate(-720deg) !important;
        transform: translateY(-800px) rotate(-720deg) !important;
        -webkit-filter: blur(50px) !important;
        filter: blur(50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) rotate(0deg) !important;
        transform: translateY(0) rotate(0deg) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes roll-in-blurred-top {
    0% {
        -webkit-transform: translateY(-800px) rotate(-720deg) !important;
        transform: translateY(-800px) rotate(-720deg) !important;
        -webkit-filter: blur(50px) !important;
        filter: blur(50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) rotate(0deg) !important;
        transform: translateY(0) rotate(0deg) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes roll-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(800px) rotate(720deg) !important;
        transform: translateY(800px) rotate(720deg) !important;
        -webkit-filter: blur(50px) !important;
        filter: blur(50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) rotate(0deg) !important;
        transform: translateY(0) rotate(0deg) !important;
        opacity: 1
    }
}

@keyframes roll-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(800px) rotate(720deg) !important;
        transform: translateY(800px) rotate(720deg) !important;
        -webkit-filter: blur(50px) !important;
        filter: blur(50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) rotate(0deg) !important;
        transform: translateY(0) rotate(0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes roll-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) rotate(720deg) !important;
        transform: translateX(1000px) rotate(720deg) !important;
        -webkit-filter: blur(50px) !important;
        filter: blur(50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg) !important;
        transform: translateX(0) rotate(0deg) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes roll-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) rotate(720deg) !important;
        transform: translateX(1000px) rotate(720deg) !important;
        -webkit-filter: blur(50px) !important;
        filter: blur(50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg) !important;
        transform: translateX(0) rotate(0deg) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-bl {
    0% {
        -webkit-transform: translateY(1000px) translateX(-1000px) !important;
        transform: translateY(1000px) translateX(-1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-bl {
    0% {
        -webkit-transform: translateY(1000px) translateX(-1000px) !important;
        transform: translateY(1000px) translateX(-1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-br {
    0% {
        -webkit-transform: translateY(1000px) translateX(1000px) !important;
        transform: translateY(1000px) translateX(1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-br {
    0% {
        -webkit-transform: translateY(1000px) translateX(1000px) !important;
        transform: translateY(1000px) translateX(1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px) !important;
        transform: translateY(1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px) !important;
        transform: translateY(1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px) !important;
        transform: translateX(-1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px) !important;
        transform: translateX(-1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px) !important;
        transform: translateX(1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px) !important;
        transform: translateX(1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-tl {
    0% {
        -webkit-transform: translateY(-1000px) translateX(-1000px) !important;
        transform: translateY(-1000px) translateX(-1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-tl {
    0% {
        -webkit-transform: translateY(-1000px) translateX(-1000px) !important;
        transform: translateY(-1000px) translateX(-1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-tr {
    0% {
        -webkit-transform: translateY(-1000px) translateX(1000px) !important;
        transform: translateY(-1000px) translateX(1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-tr {
    0% {
        -webkit-transform: translateY(-1000px) translateX(1000px) !important;
        transform: translateY(-1000px) translateX(1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px) !important;
        transform: translateY(-1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px) !important;
        transform: translateY(-1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-fwd-bl {
    0% {
        -webkit-transform: translateZ(-1400px) translateY(800px) translateX(-1000px) !important;
        transform: translateZ(-1400px) translateY(800px) translateX(-1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-fwd-bl {
    0% {
        -webkit-transform: translateZ(-1400px) translateY(800px) translateX(-1000px) !important;
        transform: translateZ(-1400px) translateY(800px) translateX(-1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-fwd-bottom {
    0% {
        -webkit-transform: translateZ(-1400px) translateY(800px) !important;
        transform: translateZ(-1400px) translateY(800px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-fwd-bottom {
    0% {
        -webkit-transform: translateZ(-1400px) translateY(800px) !important;
        transform: translateZ(-1400px) translateY(800px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-fwd-br {
    0% {
        -webkit-transform: translateZ(-1400px) translateY(800px) translateX(1000px) !important;
        transform: translateZ(-1400px) translateY(800px) translateX(1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-fwd-br {
    0% {
        -webkit-transform: translateZ(-1400px) translateY(800px) translateX(1000px) !important;
        transform: translateZ(-1400px) translateY(800px) translateX(1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-fwd-center {
    0% {
        -webkit-transform: translateZ(-1400px) !important;
        transform: translateZ(-1400px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-fwd-center {
    0% {
        -webkit-transform: translateZ(-1400px) !important;
        transform: translateZ(-1400px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-fwd-left {
    0% {
        -webkit-transform: translateZ(-1400px) translateX(-1000px) !important;
        transform: translateZ(-1400px) translateX(-1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-fwd-left {
    0% {
        -webkit-transform: translateZ(-1400px) translateX(-1000px) !important;
        transform: translateZ(-1400px) translateX(-1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-fwd-right {
    0% {
        -webkit-transform: translateZ(-1400px) translateX(1000px) !important;
        transform: translateZ(-1400px) translateX(1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-fwd-right {
    0% {
        -webkit-transform: translateZ(-1400px) translateX(1000px) !important;
        transform: translateZ(-1400px) translateX(1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-fwd-tl {
    0% {
        -webkit-transform: translateZ(-1400px) translateY(-800px) translateX(-1000px) !important;
        transform: translateZ(-1400px) translateY(-800px) translateX(-1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-fwd-tl {
    0% {
        -webkit-transform: translateZ(-1400px) translateY(-800px) translateX(-1000px) !important;
        transform: translateZ(-1400px) translateY(-800px) translateX(-1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-fwd-top {
    0% {
        -webkit-transform: translateZ(-1400px) translateY(-800px) !important;
        transform: translateZ(-1400px) translateY(-800px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-fwd-top {
    0% {
        -webkit-transform: translateZ(-1400px) translateY(-800px) !important;
        transform: translateZ(-1400px) translateY(-800px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-fwd-tr {
    0% {
        -webkit-transform: translateZ(-1400px) translateY(-800px) translateX(1000px) !important;
        transform: translateZ(-1400px) translateY(-800px) translateX(1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-fwd-tr {
    0% {
        -webkit-transform: translateZ(-1400px) translateY(-800px) translateX(1000px) !important;
        transform: translateZ(-1400px) translateY(-800px) translateX(1000px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-bck-bl {
    0% {
        -webkit-transform: translateZ(700px) translateY(300px) translateX(-400px) !important;
        transform: translateZ(700px) translateY(300px) translateX(-400px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-bck-bl {
    0% {
        -webkit-transform: translateZ(700px) translateY(300px) translateX(-400px) !important;
        transform: translateZ(700px) translateY(300px) translateX(-400px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-bck-bottom {
    0% {
        -webkit-transform: translateZ(700px) translateY(300px) !important;
        transform: translateZ(700px) translateY(300px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-bck-bottom {
    0% {
        -webkit-transform: translateZ(700px) translateY(300px) !important;
        transform: translateZ(700px) translateY(300px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-bck-br {
    0% {
        -webkit-transform: translateZ(700px) translateY(300px) translateX(400px) !important;
        transform: translateZ(700px) translateY(300px) translateX(400px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-bck-br {
    0% {
        -webkit-transform: translateZ(700px) translateY(300px) translateX(400px) !important;
        transform: translateZ(700px) translateY(300px) translateX(400px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-bck-center {
    0% {
        -webkit-transform: translateZ(600px) !important;
        transform: translateZ(600px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-bck-center {
    0% {
        -webkit-transform: translateZ(600px) !important;
        transform: translateZ(600px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-bck-left {
    0% {
        -webkit-transform: translateZ(700px) translateX(-400px) !important;
        transform: translateZ(700px) translateX(-400px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-bck-left {
    0% {
        -webkit-transform: translateZ(700px) translateX(-400px) !important;
        transform: translateZ(700px) translateX(-400px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-bck-right {
    0% {
        -webkit-transform: translateZ(700px) translateX(400px) !important;
        transform: translateZ(700px) translateX(400px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-bck-right {
    0% {
        -webkit-transform: translateZ(700px) translateX(400px) !important;
        transform: translateZ(700px) translateX(400px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-bck-tl {
    0% {
        -webkit-transform: translateZ(700px) translateY(-300px) translateX(-400px) !important;
        transform: translateZ(700px) translateY(-300px) translateX(-400px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-bck-tl {
    0% {
        -webkit-transform: translateZ(700px) translateY(-300px) translateX(-400px) !important;
        transform: translateZ(700px) translateY(-300px) translateX(-400px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-bck-top {
    0% {
        -webkit-transform: translateZ(700px) translateY(-300px) !important;
        transform: translateZ(700px) translateY(-300px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-bck-top {
    0% {
        -webkit-transform: translateZ(700px) translateY(-300px) !important;
        transform: translateZ(700px) translateY(-300px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-bck-tr {
    0% {
        -webkit-transform: translateZ(700px) translateY(-300px) translateX(400px) !important;
        transform: translateZ(700px) translateY(-300px) translateX(400px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-bck-tr {
    0% {
        -webkit-transform: translateZ(700px) translateY(-300px) translateX(400px) !important;
        transform: translateZ(700px) translateY(-300px) translateX(400px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-bl {
    0% {
        -webkit-transform: translate(-1000px,1000px) skew(-80deg,-10deg) !important;
        transform: translate(-1000px,1000px) skew(-80deg,-10deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translate(0,0) skew(0deg,0deg) !important;
        transform: translate(0,0) skew(0deg,0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-blurred-bl {
    0% {
        -webkit-transform: translate(-1000px,1000px) skew(-80deg,-10deg) !important;
        transform: translate(-1000px,1000px) skew(-80deg,-10deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translate(0,0) skew(0deg,0deg) !important;
        transform: translate(0,0) skew(0deg,0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-br {
    0% {
        -webkit-transform: translate(1000px,1000px) skew(80deg,10deg) !important;
        transform: translate(1000px,1000px) skew(80deg,10deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translate(0,0) skew(0deg,0deg) !important;
        transform: translate(0,0) skew(0deg,0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-blurred-br {
    0% {
        -webkit-transform: translate(1000px,1000px) skew(80deg,10deg) !important;
        transform: translate(1000px,1000px) skew(80deg,10deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translate(0,0) skew(0deg,0deg) !important;
        transform: translate(0,0) skew(0deg,0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(.2) !important;
        transform: translateY(1000px) scaleY(2.5) scaleX(.2) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1) !important;
        transform: translateY(0) scaleY(1) scaleX(1) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(.2) !important;
        transform: translateY(1000px) scaleY(2.5) scaleX(.2) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1) !important;
        transform: translateY(0) scaleY(1) scaleX(1) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(.2) !important;
        transform: translateX(-1000px) scaleX(2.5) scaleY(.2) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1) !important;
        transform: translateX(0) scaleY(1) scaleX(1) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(.2) !important;
        transform: translateX(-1000px) scaleX(2.5) scaleY(.2) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1) !important;
        transform: translateX(0) scaleY(1) scaleX(1) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(.2) !important;
        transform: translateX(1000px) scaleX(2.5) scaleY(.2) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1) !important;
        transform: translateX(0) scaleY(1) scaleX(1) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(.2) !important;
        transform: translateX(1000px) scaleX(2.5) scaleY(.2) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1) !important;
        transform: translateX(0) scaleY(1) scaleX(1) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-tl {
    0% {
        -webkit-transform: translate(-1000px,-1000px) skew(80deg,10deg) !important;
        transform: translate(-1000px,-1000px) skew(80deg,10deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translate(0,0) skew(0deg,0deg) !important;
        transform: translate(0,0) skew(0deg,0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-blurred-tl {
    0% {
        -webkit-transform: translate(-1000px,-1000px) skew(80deg,10deg) !important;
        transform: translate(-1000px,-1000px) skew(80deg,10deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translate(0,0) skew(0deg,0deg) !important;
        transform: translate(0,0) skew(0deg,0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-tr {
    0% {
        -webkit-transform: translate(1000px,-1000px) skew(-80deg,-10deg) !important;
        transform: translate(1000px,-1000px) skew(-80deg,-10deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translate(0,0) skew(0deg,0deg) !important;
        transform: translate(0,0) skew(0deg,0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-blurred-tr {
    0% {
        -webkit-transform: translate(1000px,-1000px) skew(-80deg,-10deg) !important;
        transform: translate(1000px,-1000px) skew(-80deg,-10deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translate(0,0) skew(0deg,0deg) !important;
        transform: translate(0,0) skew(0deg,0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(.2) !important;
        transform: translateY(-1000px) scaleY(2.5) scaleX(.2) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1) !important;
        transform: translateY(0) scaleY(1) scaleX(1) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(.2) !important;
        transform: translateY(-1000px) scaleY(2.5) scaleX(.2) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1) !important;
        transform: translateY(0) scaleY(1) scaleX(1) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-elliptic-bottom-bck {
    0% {
        -webkit-transform: translateY(600px) rotateX(-30deg) scale(6.5) !important;
        transform: translateY(600px) rotateX(-30deg) scale(6.5) !important;
        -webkit-transform-origin: 50% -100% !important;
        transform-origin: 50% -100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% 500px !important;
        transform-origin: 50% 500px !important;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-bottom-bck {
    0% {
        -webkit-transform: translateY(600px) rotateX(-30deg) scale(6.5) !important;
        transform: translateY(600px) rotateX(-30deg) scale(6.5) !important;
        -webkit-transform-origin: 50% -100% !important;
        transform-origin: 50% -100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% 500px !important;
        transform-origin: 50% 500px !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-elliptic-bottom-fwd {
    0% {
        -webkit-transform: translateY(600px) rotateX(30deg) scale(0) !important;
        transform: translateY(600px) rotateX(30deg) scale(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% -1400px !important;
        transform-origin: 50% -1400px !important;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-bottom-fwd {
    0% {
        -webkit-transform: translateY(600px) rotateX(30deg) scale(0) !important;
        transform: translateY(600px) rotateX(30deg) scale(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% -1400px !important;
        transform-origin: 50% -1400px !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-elliptic-left-bck {
    0% {
        -webkit-transform: translateX(-800px) rotateY(-30deg) scale(6.5) !important;
        transform: translateX(-800px) rotateY(-30deg) scale(6.5) !important;
        -webkit-transform-origin: 200% 50% !important;
        transform-origin: 200% 50% !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: -600px 50% !important;
        transform-origin: -600px 50% !important;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-left-bck {
    0% {
        -webkit-transform: translateX(-800px) rotateY(-30deg) scale(6.5) !important;
        transform: translateX(-800px) rotateY(-30deg) scale(6.5) !important;
        -webkit-transform-origin: 200% 50% !important;
        transform-origin: 200% 50% !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: -600px 50% !important;
        transform-origin: -600px 50% !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-elliptic-left-fwd {
    0% {
        -webkit-transform: translateX(-800px) rotateY(30deg) scale(0) !important;
        transform: translateX(-800px) rotateY(30deg) scale(0) !important;
        -webkit-transform-origin: -100% 50% !important;
        transform-origin: -100% 50% !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: 1800px 50% !important;
        transform-origin: 1800px 50% !important;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-left-fwd {
    0% {
        -webkit-transform: translateX(-800px) rotateY(30deg) scale(0) !important;
        transform: translateX(-800px) rotateY(30deg) scale(0) !important;
        -webkit-transform-origin: -100% 50% !important;
        transform-origin: -100% 50% !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: 1800px 50% !important;
        transform-origin: 1800px 50% !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-elliptic-right-bck {
    0% {
        -webkit-transform: translateX(800px) rotateY(30deg) scale(6.5) !important;
        transform: translateX(800px) rotateY(30deg) scale(6.5) !important;
        -webkit-transform-origin: -100% 50% !important;
        transform-origin: -100% 50% !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: 600px 50% !important;
        transform-origin: 600px 50% !important;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-right-bck {
    0% {
        -webkit-transform: translateX(800px) rotateY(30deg) scale(6.5) !important;
        transform: translateX(800px) rotateY(30deg) scale(6.5) !important;
        -webkit-transform-origin: -100% 50% !important;
        transform-origin: -100% 50% !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: 600px 50% !important;
        transform-origin: 600px 50% !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-elliptic-right-fwd {
    0% {
        -webkit-transform: translateX(800px) rotateY(-30deg) scale(0) !important;
        transform: translateX(800px) rotateY(-30deg) scale(0) !important;
        -webkit-transform-origin: -100% 50% !important;
        transform-origin: -100% 50% !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: -1800px 50% !important;
        transform-origin: -1800px 50% !important;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-right-fwd {
    0% {
        -webkit-transform: translateX(800px) rotateY(-30deg) scale(0) !important;
        transform: translateX(800px) rotateY(-30deg) scale(0) !important;
        -webkit-transform-origin: -100% 50% !important;
        transform-origin: -100% 50% !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: -1800px 50% !important;
        transform-origin: -1800px 50% !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-elliptic-top-bck {
    0% {
        -webkit-transform: translateY(-600px) rotateX(30deg) scale(6.5) !important;
        transform: translateY(-600px) rotateX(30deg) scale(6.5) !important;
        -webkit-transform-origin: 50% 200% !important;
        transform-origin: 50% 200% !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% -500px !important;
        transform-origin: 50% -500px !important;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-top-bck {
    0% {
        -webkit-transform: translateY(-600px) rotateX(30deg) scale(6.5) !important;
        transform: translateY(-600px) rotateX(30deg) scale(6.5) !important;
        -webkit-transform-origin: 50% 200% !important;
        transform-origin: 50% 200% !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% -500px !important;
        transform-origin: 50% -500px !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-elliptic-top-fwd {
    0% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0) !important;
        transform: translateY(-600px) rotateX(-30deg) scale(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% 1400px !important;
        transform-origin: 50% 1400px !important;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-top-fwd {
    0% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0) !important;
        transform: translateY(-600px) rotateX(-30deg) scale(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% 1400px !important;
        transform-origin: 50% 1400px !important;
        opacity: 1
    }
}

@-webkit-keyframes bounce-in-bck {
    0% {
        -webkit-transform: scale(7) !important;
        transform: scale(7) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }

    38% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }

    55% {
        -webkit-transform: scale(1.5) !important;
        transform: scale(1.5) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    72%,89%,to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: scale(1.24) !important;
        transform: scale(1.24) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    95% {
        -webkit-transform: scale(1.04) !important;
        transform: scale(1.04) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }
}

@keyframes bounce-in-bck {
    0% {
        -webkit-transform: scale(7) !important;
        transform: scale(7) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }

    38% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }

    55% {
        -webkit-transform: scale(1.5) !important;
        transform: scale(1.5) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    72%,89%,to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: scale(1.24) !important;
        transform: scale(1.24) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    95% {
        -webkit-transform: scale(1.04) !important;
        transform: scale(1.04) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes bounce-in-bottom {
    0% {
        -webkit-transform: translateY(500px) !important;
        transform: translateY(500px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }

    38% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }

    55% {
        -webkit-transform: translateY(65px) !important;
        transform: translateY(65px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    72%,90%,to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: translateY(28px) !important;
        transform: translateY(28px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    95% {
        -webkit-transform: translateY(8px) !important;
        transform: translateY(8px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }
}

@keyframes bounce-in-bottom {
    0% {
        -webkit-transform: translateY(500px) !important;
        transform: translateY(500px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }

    38% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }

    55% {
        -webkit-transform: translateY(65px) !important;
        transform: translateY(65px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    72%,90%,to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: translateY(28px) !important;
        transform: translateY(28px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    95% {
        -webkit-transform: translateY(8px) !important;
        transform: translateY(8px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes bounce-in-fwd {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }

    38% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }

    55% {
        -webkit-transform: scale(.7) !important;
        transform: scale(.7) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    72%,89%,to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: scale(.84) !important;
        transform: scale(.84) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    95% {
        -webkit-transform: scale(.95) !important;
        transform: scale(.95) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }
}

@keyframes bounce-in-fwd {
    0% {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }

    38% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }

    55% {
        -webkit-transform: scale(.7) !important;
        transform: scale(.7) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    72%,89%,to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: scale(.84) !important;
        transform: scale(.84) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    95% {
        -webkit-transform: scale(.95) !important;
        transform: scale(.95) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes bounce-in-left {
    0% {
        -webkit-transform: translateX(-600px) !important;
        transform: translateX(-600px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }

    38% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }

    55% {
        -webkit-transform: translateX(-68px) !important;
        transform: translateX(-68px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    72%,90%,to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: translateX(-28px) !important;
        transform: translateX(-28px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    95% {
        -webkit-transform: translateX(-8px) !important;
        transform: translateX(-8px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }
}

@keyframes bounce-in-left {
    0% {
        -webkit-transform: translateX(-600px) !important;
        transform: translateX(-600px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }

    38% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }

    55% {
        -webkit-transform: translateX(-68px) !important;
        transform: translateX(-68px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    72%,90%,to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: translateX(-28px) !important;
        transform: translateX(-28px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    95% {
        -webkit-transform: translateX(-8px) !important;
        transform: translateX(-8px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes bounce-in-right {
    0% {
        -webkit-transform: translateX(600px) !important;
        transform: translateX(600px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }

    38% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }

    55% {
        -webkit-transform: translateX(68px) !important;
        transform: translateX(68px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    72%,90%,to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: translateX(32px) !important;
        transform: translateX(32px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    95% {
        -webkit-transform: translateX(8px) !important;
        transform: translateX(8px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }
}

@keyframes bounce-in-right {
    0% {
        -webkit-transform: translateX(600px) !important;
        transform: translateX(600px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }

    38% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }

    55% {
        -webkit-transform: translateX(68px) !important;
        transform: translateX(68px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    72%,90%,to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: translateX(32px) !important;
        transform: translateX(32px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    95% {
        -webkit-transform: translateX(8px) !important;
        transform: translateX(8px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes bounce-in-top {
    0% {
        -webkit-transform: translateY(-500px) !important;
        transform: translateY(-500px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }

    38% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }

    55% {
        -webkit-transform: translateY(-65px) !important;
        transform: translateY(-65px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    72%,90%,to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: translateY(-28px) !important;
        transform: translateY(-28px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    95% {
        -webkit-transform: translateY(-8px) !important;
        transform: translateY(-8px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }
}

@keyframes bounce-in-top {
    0% {
        -webkit-transform: translateY(-500px) !important;
        transform: translateY(-500px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }

    38% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }

    55% {
        -webkit-transform: translateY(-65px) !important;
        transform: translateY(-65px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    72%,90%,to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: translateY(-28px) !important;
        transform: translateY(-28px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    95% {
        -webkit-transform: translateY(-8px) !important;
        transform: translateY(-8px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes swing-in-bottom-bck {
    0% {
        -webkit-transform: rotateX(-70deg) !important;
        transform: rotateX(-70deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 1
    }
}

@keyframes swing-in-bottom-bck {
    0% {
        -webkit-transform: rotateX(-70deg) !important;
        transform: rotateX(-70deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 1
    }
}

@-webkit-keyframes swing-in-bottom-fwd {
    0% {
        -webkit-transform: rotateX(100deg) !important;
        transform: rotateX(100deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 1
    }
}

@keyframes swing-in-bottom-fwd {
    0% {
        -webkit-transform: rotateX(100deg) !important;
        transform: rotateX(100deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 1
    }
}

@-webkit-keyframes swing-in-left-bck {
    0% {
        -webkit-transform: rotateY(-70deg) !important;
        transform: rotateY(-70deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 1
    }
}

@keyframes swing-in-left-bck {
    0% {
        -webkit-transform: rotateY(-70deg) !important;
        transform: rotateY(-70deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 1
    }
}

@-webkit-keyframes swing-in-left-fwd {
    0% {
        -webkit-transform: rotateY(100deg) !important;
        transform: rotateY(100deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 1
    }
}

@keyframes swing-in-left-fwd {
    0% {
        -webkit-transform: rotateY(100deg) !important;
        transform: rotateY(100deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 1
    }
}

@-webkit-keyframes swing-in-right-bck {
    0% {
        -webkit-transform: rotateY(70deg) !important;
        transform: rotateY(70deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 1
    }
}

@keyframes swing-in-right-bck {
    0% {
        -webkit-transform: rotateY(70deg) !important;
        transform: rotateY(70deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 1
    }
}

@-webkit-keyframes swing-in-right-fwd {
    0% {
        -webkit-transform: rotateY(-100deg) !important;
        transform: rotateY(-100deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 1
    }
}

@keyframes swing-in-right-fwd {
    0% {
        -webkit-transform: rotateY(-100deg) !important;
        transform: rotateY(-100deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 1
    }
}

@-webkit-keyframes swing-in-top-bck {
    0% {
        -webkit-transform: rotateX(70deg) !important;
        transform: rotateX(70deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0deg) !important;
        transform: rotateX(0deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 1
    }
}

@keyframes swing-in-top-bck {
    0% {
        -webkit-transform: rotateX(70deg) !important;
        transform: rotateX(70deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0deg) !important;
        transform: rotateX(0deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 1
    }
}

@-webkit-keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg) !important;
        transform: rotateX(-100deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0deg) !important;
        transform: rotateX(0deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 1
    }
}

@keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg) !important;
        transform: rotateX(-100deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0deg) !important;
        transform: rotateX(0deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 1
    }
}

@-webkit-keyframes fade-in-bck {
    0% {
        -webkit-transform: translateZ(80px) !important;
        transform: translateZ(80px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }
}

@keyframes fade-in-bck {
    0% {
        -webkit-transform: translateZ(80px) !important;
        transform: translateZ(80px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes fade-in-bl {
    0% {
        -webkit-transform: translateX(-50px) translateY(50px) !important;
        transform: translateX(-50px) translateY(50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0) !important;
        opacity: 1
    }
}

@keyframes fade-in-bl {
    0% {
        -webkit-transform: translateX(-50px) translateY(50px) !important;
        transform: translateX(-50px) translateY(50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px) !important;
        transform: translateY(50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1
    }
}

@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px) !important;
        transform: translateY(50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes fade-in-br {
    0% {
        -webkit-transform: translateX(50px) translateY(50px) !important;
        transform: translateX(50px) translateY(50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0) !important;
        opacity: 1
    }
}

@keyframes fade-in-br {
    0% {
        -webkit-transform: translateX(50px) translateY(50px) !important;
        transform: translateX(50px) translateY(50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes fade-in-fwd {
    0% {
        -webkit-transform: translateZ(-80px) !important;
        transform: translateZ(-80px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }
}

@keyframes fade-in-fwd {
    0% {
        -webkit-transform: translateZ(-80px) !important;
        transform: translateZ(-80px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-50px) !important;
        transform: translateX(-50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }
}

@keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-50px) !important;
        transform: translateX(-50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(50px) !important;
        transform: translateX(50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }
}

@keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(50px) !important;
        transform: translateX(50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes fade-in-tl {
    0% {
        -webkit-transform: translateX(-50px) translateY(-50px) !important;
        transform: translateX(-50px) translateY(-50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0) !important;
        opacity: 1
    }
}

@keyframes fade-in-tl {
    0% {
        -webkit-transform: translateX(-50px) translateY(-50px) !important;
        transform: translateX(-50px) translateY(-50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(-50px) !important;
        transform: translateY(-50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1
    }
}

@keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(-50px) !important;
        transform: translateY(-50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes fade-in-tr {
    0% {
        -webkit-transform: translateX(50px) translateY(-50px) !important;
        transform: translateX(50px) translateY(-50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0) !important;
        opacity: 1
    }
}

@keyframes fade-in-tr {
    0% {
        -webkit-transform: translateX(50px) translateY(-50px) !important;
        transform: translateX(50px) translateY(-50px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes puff-in-ver {
    0% {
        -webkit-transform: scaleY(2) !important;
        transform: scaleY(2) !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes puff-in-ver {
    0% {
        -webkit-transform: scaleY(2) !important;
        transform: scaleY(2) !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes puff-in-hor {
    0% {
        -webkit-transform: scaleX(2) !important;
        transform: scaleX(2) !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes puff-in-hor {
    0% {
        -webkit-transform: scaleX(2) !important;
        transform: scaleX(2) !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes puff-in-tl {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes puff-in-tl {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes puff-in-left {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes puff-in-left {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes puff-in-bl {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes puff-in-bl {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes puff-in-bottom {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes puff-in-bottom {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes puff-in-br {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes puff-in-br {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes puff-in-right {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes puff-in-right {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes puff-in-tr {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes puff-in-tr {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes puff-in-top {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes puff-in-top {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes flicker-in-1 {
    0%,10%,10.2%,20%,20.6%,30%,30.6%,45%,55.1%,57%,60.1%,65%,75.1%,77%,85.1%,86% {
        opacity: 0
    }

    10.1%,20.1%,30.1%,30.5%,45.1%,50%,55%,57.1%,60%,65.1%,75%,77.1%,85%,86.1%,to {
        opacity: 1
    }
}

@keyframes flicker-in-1 {
    0%,10%,10.2%,20%,20.6%,30%,30.6%,45%,55.1%,57%,60.1%,65%,75.1%,77%,85.1%,86% {
        opacity: 0
    }

    10.1%,20.1%,30.1%,30.5%,45.1%,50%,55%,57.1%,60%,65.1%,75%,77.1%,85%,86.1%,to {
        opacity: 1
    }
}

@-webkit-keyframes flicker-in-2 {
    0% {
        opacity: 0
    }

    10%,10.2%,20%,20.6%,30%,30.6%,45%,55.1%,57%,60.1%,65%,75.1%,77%,85.1%,86% {
        opacity: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none
    }

    10.1% {
        opacity: 1 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none
    }

    20.1% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.25) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.25)
    }

    30.1%,30.5%,45.1%,50%,55% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
    }

    57.1%,60% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3)
    }

    65.1%,75% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3),0 0 100px rgba(255,255,255,.1) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3),0 0 100px rgba(255,255,255,.1)
    }

    77.1%,85% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
    }

    86.1%,to {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
    }
}

@keyframes flicker-in-2 {
    0% {
        opacity: 0
    }

    10%,10.2%,20%,20.6%,30%,30.6%,45%,55.1%,57%,60.1%,65%,75.1%,77%,85.1%,86% {
        opacity: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none
    }

    10.1% {
        opacity: 1 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none
    }

    20.1% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.25) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.25)
    }

    30.1%,30.5%,45.1%,50%,55% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
    }

    57.1%,60% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3)
    }

    65.1%,75% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3),0 0 100px rgba(255,255,255,.1) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3),0 0 100px rgba(255,255,255,.1)
    }

    77.1%,85% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
    }

    86.1%,to {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
    }
}

@-webkit-keyframes tilt-in-top-1 {
    0% {
        -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg) !important;
        transform: rotateY(30deg) translateY(-300px) skewY(-30deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg) !important;
        transform: rotateY(0deg) translateY(0) skewY(0deg) !important;
        opacity: 1
    }
}

@keyframes tilt-in-top-1 {
    0% {
        -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg) !important;
        transform: rotateY(30deg) translateY(-300px) skewY(-30deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg) !important;
        transform: rotateY(0deg) translateY(0) skewY(0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-top-2 {
    0% {
        -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg) !important;
        transform: rotateY(-30deg) translateY(-300px) skewY(30deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg) !important;
        transform: rotateY(0deg) translateY(0) skewY(0deg) !important;
        opacity: 1
    }
}

@keyframes tilt-in-top-2 {
    0% {
        -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg) !important;
        transform: rotateY(-30deg) translateY(-300px) skewY(30deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg) !important;
        transform: rotateY(0deg) translateY(0) skewY(0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-right-1 {
    0% {
        -webkit-transform: rotateX(-30deg) translateX(300px) skewX(30deg) !important;
        transform: rotateX(-30deg) translateX(300px) skewX(30deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg) !important;
        transform: rotateX(0deg) translateX(0) skewX(0deg) !important;
        opacity: 1
    }
}

@keyframes tilt-in-right-1 {
    0% {
        -webkit-transform: rotateX(-30deg) translateX(300px) skewX(30deg) !important;
        transform: rotateX(-30deg) translateX(300px) skewX(30deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg) !important;
        transform: rotateX(0deg) translateX(0) skewX(0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-right-2 {
    0% {
        -webkit-transform: rotateX(30deg) translateX(300px) skewX(-30deg) !important;
        transform: rotateX(30deg) translateX(300px) skewX(-30deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg) !important;
        transform: rotateX(0deg) translateX(0) skewX(0deg) !important;
        opacity: 1
    }
}

@keyframes tilt-in-right-2 {
    0% {
        -webkit-transform: rotateX(30deg) translateX(300px) skewX(-30deg) !important;
        transform: rotateX(30deg) translateX(300px) skewX(-30deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg) !important;
        transform: rotateX(0deg) translateX(0) skewX(0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-bottom-1 {
    0% {
        -webkit-transform: rotateY(30deg) translateY(300px) skewY(-30deg) !important;
        transform: rotateY(30deg) translateY(300px) skewY(-30deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg) !important;
        transform: rotateY(0deg) translateY(0) skewY(0deg) !important;
        opacity: 1
    }
}

@keyframes tilt-in-bottom-1 {
    0% {
        -webkit-transform: rotateY(30deg) translateY(300px) skewY(-30deg) !important;
        transform: rotateY(30deg) translateY(300px) skewY(-30deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg) !important;
        transform: rotateY(0deg) translateY(0) skewY(0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-bottom-2 {
    0% {
        -webkit-transform: rotateY(-30deg) translateY(300px) skewY(30deg) !important;
        transform: rotateY(-30deg) translateY(300px) skewY(30deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg) !important;
        transform: rotateY(0deg) translateY(0) skewY(0deg) !important;
        opacity: 1
    }
}

@keyframes tilt-in-bottom-2 {
    0% {
        -webkit-transform: rotateY(-30deg) translateY(300px) skewY(30deg) !important;
        transform: rotateY(-30deg) translateY(300px) skewY(30deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg) !important;
        transform: rotateY(0deg) translateY(0) skewY(0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-left-1 {
    0% {
        -webkit-transform: rotateX(-30deg) translateX(-300px) skewX(-30deg) !important;
        transform: rotateX(-30deg) translateX(-300px) skewX(-30deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg) !important;
        transform: rotateX(0deg) translateX(0) skewX(0deg) !important;
        opacity: 1
    }
}

@keyframes tilt-in-left-1 {
    0% {
        -webkit-transform: rotateX(-30deg) translateX(-300px) skewX(-30deg) !important;
        transform: rotateX(-30deg) translateX(-300px) skewX(-30deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg) !important;
        transform: rotateX(0deg) translateX(0) skewX(0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-left-2 {
    0% {
        -webkit-transform: rotateX(30deg) translateX(-300px) skewX(30deg) !important;
        transform: rotateX(30deg) translateX(-300px) skewX(30deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg) !important;
        transform: rotateX(0deg) translateX(0) skewX(0deg) !important;
        opacity: 1
    }
}

@keyframes tilt-in-left-2 {
    0% {
        -webkit-transform: rotateX(30deg) translateX(-300px) skewX(30deg) !important;
        transform: rotateX(30deg) translateX(-300px) skewX(30deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg) !important;
        transform: rotateX(0deg) translateX(0) skewX(0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-tl {
    0% {
        -webkit-transform: rotateY(35deg) rotateX(20deg) translate(-250px,-250px) skew(12deg,15deg) !important;
        transform: rotateY(35deg) rotateX(20deg) translate(-250px,-250px) skew(12deg,15deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        opacity: 1
    }
}

@keyframes tilt-in-tl {
    0% {
        -webkit-transform: rotateY(35deg) rotateX(20deg) translate(-250px,-250px) skew(12deg,15deg) !important;
        transform: rotateY(35deg) rotateX(20deg) translate(-250px,-250px) skew(12deg,15deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-tr {
    0% {
        -webkit-transform: rotateY(-35deg) rotateX(20deg) translate(250px,-250px) skew(-12deg,-15deg) !important;
        transform: rotateY(-35deg) rotateX(20deg) translate(250px,-250px) skew(-12deg,-15deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        opacity: 1
    }
}

@keyframes tilt-in-tr {
    0% {
        -webkit-transform: rotateY(-35deg) rotateX(20deg) translate(250px,-250px) skew(-12deg,-15deg) !important;
        transform: rotateY(-35deg) rotateX(20deg) translate(250px,-250px) skew(-12deg,-15deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-br {
    0% {
        -webkit-transform: rotateY(-35deg) rotateX(-20deg) translate(250px,250px) skew(12deg,15deg) !important;
        transform: rotateY(-35deg) rotateX(-20deg) translate(250px,250px) skew(12deg,15deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        opacity: 1
    }
}

@keyframes tilt-in-br {
    0% {
        -webkit-transform: rotateY(-35deg) rotateX(-20deg) translate(250px,250px) skew(12deg,15deg) !important;
        transform: rotateY(-35deg) rotateX(-20deg) translate(250px,250px) skew(12deg,15deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-bl {
    0% {
        -webkit-transform: rotateY(35deg) rotateX(-20deg) translate(-250px,250px) skew(-12deg,-15deg) !important;
        transform: rotateY(35deg) rotateX(-20deg) translate(-250px,250px) skew(-12deg,-15deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        opacity: 1
    }
}

@keyframes tilt-in-bl {
    0% {
        -webkit-transform: rotateY(35deg) rotateX(-20deg) translate(-250px,250px) skew(-12deg,-15deg) !important;
        transform: rotateY(35deg) rotateX(-20deg) translate(-250px,250px) skew(-12deg,-15deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-fwd-tl {
    0% {
        -webkit-transform: rotateY(-20deg) rotateX(35deg) translate(-300px,-300px) skew(35deg,-10deg) !important;
        transform: rotateY(-20deg) rotateX(35deg) translate(-300px,-300px) skew(35deg,-10deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        opacity: 1
    }
}

@keyframes tilt-in-fwd-tl {
    0% {
        -webkit-transform: rotateY(-20deg) rotateX(35deg) translate(-300px,-300px) skew(35deg,-10deg) !important;
        transform: rotateY(-20deg) rotateX(35deg) translate(-300px,-300px) skew(35deg,-10deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-fwd-tr {
    0% {
        -webkit-transform: rotateY(20deg) rotateX(35deg) translate(300px,-300px) skew(-35deg,10deg) !important;
        transform: rotateY(20deg) rotateX(35deg) translate(300px,-300px) skew(-35deg,10deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        opacity: 1
    }
}

@keyframes tilt-in-fwd-tr {
    0% {
        -webkit-transform: rotateY(20deg) rotateX(35deg) translate(300px,-300px) skew(-35deg,10deg) !important;
        transform: rotateY(20deg) rotateX(35deg) translate(300px,-300px) skew(-35deg,10deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-fwd-br {
    0% {
        -webkit-transform: rotateY(20deg) rotateX(-35deg) translate(300px,300px) skew(35deg,-10deg) !important;
        transform: rotateY(20deg) rotateX(-35deg) translate(300px,300px) skew(35deg,-10deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        opacity: 1
    }
}

@keyframes tilt-in-fwd-br {
    0% {
        -webkit-transform: rotateY(20deg) rotateX(-35deg) translate(300px,300px) skew(35deg,-10deg) !important;
        transform: rotateY(20deg) rotateX(-35deg) translate(300px,300px) skew(35deg,-10deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-fwd-bl {
    0% {
        -webkit-transform: rotateY(-20deg) rotateX(-35deg) translate(-300px,300px) skew(-35deg,10deg) !important;
        transform: rotateY(-20deg) rotateX(-35deg) translate(-300px,300px) skew(-35deg,10deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        opacity: 1
    }
}

@keyframes tilt-in-fwd-bl {
    0% {
        -webkit-transform: rotateY(-20deg) rotateX(-35deg) translate(-300px,300px) skew(-35deg,10deg) !important;
        transform: rotateY(-20deg) rotateX(-35deg) translate(-300px,300px) skew(-35deg,10deg) !important;
        opacity: 0
    }

    to {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg) !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-out-ver-bottom {
    0% {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(0) !important;
        transform: scaleY(0) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        opacity: 1
    }
}

@keyframes scale-out-ver-bottom {
    0% {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(0) !important;
        transform: scaleY(0) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-out-ver-top {
    0% {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(0) !important;
        transform: scaleY(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }
}

@keyframes scale-out-ver-top {
    0% {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(0) !important;
        transform: scaleY(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-out-vertical {
    0% {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(0) !important;
        transform: scaleY(0) !important;
        opacity: 1
    }
}

@keyframes scale-out-vertical {
    0% {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(0) !important;
        transform: scaleY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-out-hor-right {
    0% {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }
}

@keyframes scale-out-hor-right {
    0% {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-out-hor-left {
    0% {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }
}

@keyframes scale-out-hor-left {
    0% {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-out-horizontal {
    0% {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        opacity: 1
    }
}

@keyframes scale-out-horizontal {
    0% {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-out-tl {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }
}

@keyframes scale-out-tl {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-out-left {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        opacity: 1
    }
}

@keyframes scale-out-left {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-out-bl {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        opacity: 1
    }
}

@keyframes scale-out-bl {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-out-bottom {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }
}

@keyframes scale-out-bottom {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-out-br {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }
}

@keyframes scale-out-br {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-out-right {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 1
    }
}

@keyframes scale-out-right {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-out-tr {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }
}

@keyframes scale-out-tr {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-out-top {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        opacity: 1
    }
}

@keyframes scale-out-top {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        opacity: 1
    }
}

@-webkit-keyframes scale-out-center {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        opacity: 1
    }
}

@keyframes scale-out-center {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(0) !important;
        transform: scale(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes rotate-out-tl {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top left !important;
        transform-origin: top left !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: top left !important;
        transform-origin: top left !important;
        opacity: 0
    }
}

@keyframes rotate-out-tl {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top left !important;
        transform-origin: top left !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: top left !important;
        transform-origin: top left !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-left {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 0
    }
}

@keyframes rotate-out-left {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-bl {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: bottom left !important;
        transform-origin: bottom left !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: bottom left !important;
        transform-origin: bottom left !important;
        opacity: 0
    }
}

@keyframes rotate-out-bl {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: bottom left !important;
        transform-origin: bottom left !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: bottom left !important;
        transform-origin: bottom left !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-bottom {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 0
    }
}

@keyframes rotate-out-bottom {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-br {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: bottom right !important;
        transform-origin: bottom right !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: bottom right !important;
        transform-origin: bottom right !important;
        opacity: 0
    }
}

@keyframes rotate-out-br {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: bottom right !important;
        transform-origin: bottom right !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: bottom right !important;
        transform-origin: bottom right !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-right {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 0
    }
}

@keyframes rotate-out-right {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-tr {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right !important;
        opacity: 0
    }
}

@keyframes rotate-out-tr {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: top right !important;
        transform-origin: top right !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-top {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 0
    }
}

@keyframes rotate-out-top {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-center {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        opacity: 0
    }
}

@keyframes rotate-out-center {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-360deg) !important;
        transform: rotate(-360deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-diag-2 {
    0% {
        -webkit-transform: rotate3d(-1,1,0,360deg) !important;
        transform: rotate3d(-1,1,0,360deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg) !important;
        opacity: 0
    }
}

@keyframes rotate-out-diag-2 {
    0% {
        -webkit-transform: rotate3d(-1,1,0,360deg) !important;
        transform: rotate3d(-1,1,0,360deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,0deg) !important;
        transform: rotate3d(-1,1,0,0deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-diag-1 {
    0% {
        -webkit-transform: rotate3d(1,1,0,360deg) !important;
        transform: rotate3d(1,1,0,360deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 0
    }
}

@keyframes rotate-out-diag-1 {
    0% {
        -webkit-transform: rotate3d(1,1,0,360deg) !important;
        transform: rotate3d(1,1,0,360deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-ver {
    0% {
        -webkit-transform: rotateY(360deg) !important;
        transform: rotateY(360deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateY(0deg) !important;
        transform: rotateY(0deg) !important;
        opacity: 0
    }
}

@keyframes rotate-out-ver {
    0% {
        -webkit-transform: rotateY(360deg) !important;
        transform: rotateY(360deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateY(0deg) !important;
        transform: rotateY(0deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-hor {
    0% {
        -webkit-transform: rotateX(360deg) !important;
        transform: rotateX(360deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateX(0deg) !important;
        transform: rotateX(0deg) !important;
        opacity: 0
    }
}

@keyframes rotate-out-hor {
    0% {
        -webkit-transform: rotateX(360deg) !important;
        transform: rotateX(360deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateX(0deg) !important;
        transform: rotateX(0deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-2-tl-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 0
    }
}

@keyframes rotate-out-2-tl-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-2-tl-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 0
    }
}

@keyframes rotate-out-2-tl-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-2-bl-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 0
    }
}

@keyframes rotate-out-2-bl-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-2-bl-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 0
    }
}

@keyframes rotate-out-2-bl-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-2-br-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 0
    }
}

@keyframes rotate-out-2-br-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-2-br-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 0
    }
}

@keyframes rotate-out-2-br-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-2-tr-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 0
    }
}

@keyframes rotate-out-2-tr-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-2-tr-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 0
    }
}

@keyframes rotate-out-2-tr-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-2-fwd {
    0% {
        -webkit-transform: translateZ(0) rotate(0) !important;
        transform: translateZ(0) rotate(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(180px) rotate(45deg) !important;
        transform: translateZ(180px) rotate(45deg) !important;
        opacity: 0
    }
}

@keyframes rotate-out-2-fwd {
    0% {
        -webkit-transform: translateZ(0) rotate(0) !important;
        transform: translateZ(0) rotate(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(180px) rotate(45deg) !important;
        transform: translateZ(180px) rotate(45deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-2-bck {
    0% {
        -webkit-transform: translateZ(0) rotate(0) !important;
        transform: translateZ(0) rotate(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-180px) rotate(-45deg) !important;
        transform: translateZ(-180px) rotate(-45deg) !important;
        opacity: 0
    }
}

@keyframes rotate-out-2-bck {
    0% {
        -webkit-transform: translateZ(0) rotate(0) !important;
        transform: translateZ(0) rotate(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-180px) rotate(-45deg) !important;
        transform: translateZ(-180px) rotate(-45deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-2-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        opacity: 0
    }
}

@keyframes rotate-out-2-ccw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg) !important;
        transform: rotate(-45deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes rotate-out-2-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        opacity: 0
    }
}

@keyframes rotate-out-2-cw {
    0% {
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-top-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        opacity: 0
    }
}

@keyframes swirl-out-top-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-top-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        opacity: 0
    }
}

@keyframes swirl-out-top-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-right-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 0
    }
}

@keyframes swirl-out-right-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-right-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 0
    }
}

@keyframes swirl-out-right-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-bottom-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 0
    }
}

@keyframes swirl-out-bottom-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-bottom-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 0
    }
}

@keyframes swirl-out-bottom-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-left-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        opacity: 0
    }
}

@keyframes swirl-out-left-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-left-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        opacity: 0
    }
}

@keyframes swirl-out-left-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-tl-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(720deg) scale(5) !important;
        transform: rotate(720deg) scale(5) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 0
    }
}

@keyframes swirl-out-tl-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(720deg) scale(5) !important;
        transform: rotate(720deg) scale(5) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-tl-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 0
    }
}

@keyframes swirl-out-tl-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0 !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-bl-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 0
    }
}

@keyframes swirl-out-bl-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-bl-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 0
    }
}

@keyframes swirl-out-bl-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100% !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-br-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 0
    }
}

@keyframes swirl-out-br-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-br-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 0
    }
}

@keyframes swirl-out-br-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-tr-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 0
    }
}

@keyframes swirl-out-tr-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-tr-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 0
    }
}

@keyframes swirl-out-tr-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        opacity: 0
    }
}

@keyframes swirl-out-fwd {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(540deg) scale(5) !important;
        transform: rotate(540deg) scale(5) !important;
        opacity: 0
    }
}

@-webkit-keyframes swirl-out-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        opacity: 0
    }
}

@keyframes swirl-out-bck {
    0% {
        -webkit-transform: rotate(0) scale(1) !important;
        transform: rotate(0) scale(1) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-540deg) scale(0) !important;
        transform: rotate(-540deg) scale(0) !important;
        opacity: 0
    }
}

@-webkit-keyframes flip-out-diag-2-tl {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,-70deg) !important;
        transform: rotate3d(-1,1,0,-70deg) !important;
        opacity: 0
    }
}

@keyframes flip-out-diag-2-tl {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,-70deg) !important;
        transform: rotate3d(-1,1,0,-70deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes flip-out-diag-2-br {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,70deg) !important;
        transform: rotate3d(-1,1,0,70deg) !important;
        opacity: 0
    }
}

@keyframes flip-out-diag-2-br {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(-1,1,0,70deg) !important;
        transform: rotate3d(-1,1,0,70deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes flip-out-diag-1-bl {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(1,1,0,-70deg) !important;
        transform: rotate3d(1,1,0,-70deg) !important;
        opacity: 0
    }
}

@keyframes flip-out-diag-1-bl {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(1,1,0,-70deg) !important;
        transform: rotate3d(1,1,0,-70deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes flip-out-diag-1-tr {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(1,1,0,70deg) !important;
        transform: rotate3d(1,1,0,70deg) !important;
        opacity: 0
    }
}

@keyframes flip-out-diag-1-tr {
    0% {
        -webkit-transform: rotate3d(1,1,0,0deg) !important;
        transform: rotate3d(1,1,0,0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(1,1,0,70deg) !important;
        transform: rotate3d(1,1,0,70deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes flip-out-ver-right {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateY(70deg) !important;
        transform: rotateY(70deg) !important;
        opacity: 0
    }
}

@keyframes flip-out-ver-right {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateY(70deg) !important;
        transform: rotateY(70deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes flip-out-ver-left {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateY(-70deg) !important;
        transform: rotateY(-70deg) !important;
        opacity: 0
    }
}

@keyframes flip-out-ver-left {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateY(-70deg) !important;
        transform: rotateY(-70deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes flip-out-hor-top {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateX(70deg) !important;
        transform: rotateX(70deg) !important;
        opacity: 0
    }
}

@keyframes flip-out-hor-top {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateX(70deg) !important;
        transform: rotateX(70deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes flip-out-hor-bottom {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateX(-70deg) !important;
        transform: rotateX(-70deg) !important;
        opacity: 0
    }
}

@keyframes flip-out-hor-bottom {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateX(-70deg) !important;
        transform: rotateX(-70deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes slit-out-diagonal-2 {
    0% {
        -webkit-transform: translateZ(0) rotate3d(-1,1,0,0) !important;
        transform: translateZ(0) rotate3d(-1,1,0,0) !important;
        opacity: 1
    }

    54% {
        -webkit-transform: translateZ(-160px) rotate3d(-1,1,0,-87deg) !important;
        transform: translateZ(-160px) rotate3d(-1,1,0,-87deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-800px) rotate3d(-1,1,0,-90deg) !important;
        transform: translateZ(-800px) rotate3d(-1,1,0,-90deg) !important;
        opacity: 0
    }
}

@keyframes slit-out-diagonal-2 {
    0% {
        -webkit-transform: translateZ(0) rotate3d(-1,1,0,0) !important;
        transform: translateZ(0) rotate3d(-1,1,0,0) !important;
        opacity: 1
    }

    54% {
        -webkit-transform: translateZ(-160px) rotate3d(-1,1,0,-87deg) !important;
        transform: translateZ(-160px) rotate3d(-1,1,0,-87deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-800px) rotate3d(-1,1,0,-90deg) !important;
        transform: translateZ(-800px) rotate3d(-1,1,0,-90deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes slit-out-diagonal-1 {
    0% {
        -webkit-transform: translateZ(0) rotate3d(1,1,0,0) !important;
        transform: translateZ(0) rotate3d(1,1,0,0) !important;
        opacity: 1
    }

    54% {
        -webkit-transform: translateZ(-160px) rotate3d(1,1,0,87deg) !important;
        transform: translateZ(-160px) rotate3d(1,1,0,87deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-800px) rotate3d(1,1,0,90deg) !important;
        transform: translateZ(-800px) rotate3d(1,1,0,90deg) !important;
        opacity: 0
    }
}

@keyframes slit-out-diagonal-1 {
    0% {
        -webkit-transform: translateZ(0) rotate3d(1,1,0,0) !important;
        transform: translateZ(0) rotate3d(1,1,0,0) !important;
        opacity: 1
    }

    54% {
        -webkit-transform: translateZ(-160px) rotate3d(1,1,0,87deg) !important;
        transform: translateZ(-160px) rotate3d(1,1,0,87deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-800px) rotate3d(1,1,0,90deg) !important;
        transform: translateZ(-800px) rotate3d(1,1,0,90deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes slit-out-horizontal {
    0% {
        -webkit-transform: translateZ(0) rotateX(0) !important;
        transform: translateZ(0) rotateX(0) !important;
        opacity: 1
    }

    54% {
        -webkit-transform: translateZ(-160px) rotateX(87deg) !important;
        transform: translateZ(-160px) rotateX(87deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-800px) rotateX(90deg) !important;
        transform: translateZ(-800px) rotateX(90deg) !important;
        opacity: 0
    }
}

@keyframes slit-out-horizontal {
    0% {
        -webkit-transform: translateZ(0) rotateX(0) !important;
        transform: translateZ(0) rotateX(0) !important;
        opacity: 1
    }

    54% {
        -webkit-transform: translateZ(-160px) rotateX(87deg) !important;
        transform: translateZ(-160px) rotateX(87deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-800px) rotateX(90deg) !important;
        transform: translateZ(-800px) rotateX(90deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes slit-out-vertical {
    0% {
        -webkit-transform: translateZ(0) rotateY(0) !important;
        transform: translateZ(0) rotateY(0) !important;
        opacity: 1
    }

    54% {
        -webkit-transform: translateZ(-160px) rotateY(87deg) !important;
        transform: translateZ(-160px) rotateY(87deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-800px) rotateY(90deg) !important;
        transform: translateZ(-800px) rotateY(90deg) !important;
        opacity: 0
    }
}

@keyframes slit-out-vertical {
    0% {
        -webkit-transform: translateZ(0) rotateY(0) !important;
        transform: translateZ(0) rotateY(0) !important;
        opacity: 1
    }

    54% {
        -webkit-transform: translateZ(-160px) rotateY(87deg) !important;
        transform: translateZ(-160px) rotateY(87deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-800px) rotateY(90deg) !important;
        transform: translateZ(-800px) rotateY(90deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes roll-out-right {
    0% {
        -webkit-transform: translateX(0) rotate(0deg) !important;
        transform: translateX(0) rotate(0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(1000px) rotate(540deg) !important;
        transform: translateX(1000px) rotate(540deg) !important;
        opacity: 0
    }
}

@keyframes roll-out-right {
    0% {
        -webkit-transform: translateX(0) rotate(0deg) !important;
        transform: translateX(0) rotate(0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(1000px) rotate(540deg) !important;
        transform: translateX(1000px) rotate(540deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes roll-out-left {
    0% {
        -webkit-transform: translateX(0) rotate(0deg) !important;
        transform: translateX(0) rotate(0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-1000px) rotate(-540deg) !important;
        transform: translateX(-1000px) rotate(-540deg) !important;
        opacity: 0
    }
}

@keyframes roll-out-left {
    0% {
        -webkit-transform: translateX(0) rotate(0deg) !important;
        transform: translateX(0) rotate(0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-1000px) rotate(-540deg) !important;
        transform: translateX(-1000px) rotate(-540deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes roll-out-top {
    0% {
        -webkit-transform: translateY(0) rotate(0deg) !important;
        transform: translateY(0) rotate(0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-800px) rotate(-540deg) !important;
        transform: translateY(-800px) rotate(-540deg) !important;
        opacity: 0
    }
}

@keyframes roll-out-top {
    0% {
        -webkit-transform: translateY(0) rotate(0deg) !important;
        transform: translateY(0) rotate(0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-800px) rotate(-540deg) !important;
        transform: translateY(-800px) rotate(-540deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes roll-out-bottom {
    0% {
        -webkit-transform: translateY(0) rotate(0deg) !important;
        transform: translateY(0) rotate(0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(800px) rotate(540deg) !important;
        transform: translateY(800px) rotate(540deg) !important;
        opacity: 0
    }
}

@keyframes roll-out-bottom {
    0% {
        -webkit-transform: translateY(0) rotate(0deg) !important;
        transform: translateY(0) rotate(0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(800px) rotate(540deg) !important;
        transform: translateY(800px) rotate(540deg) !important;
        opacity: 0
    }
}

@-webkit-keyframes roll-out-blurred-right {
    0% {
        -webkit-transform: translateX(0) rotate(0deg) !important;
        transform: translateX(0) rotate(0deg) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(1000px) rotate(720deg) !important;
        transform: translateX(1000px) rotate(720deg) !important;
        -webkit-filter: blur(50px) !important;
        filter: blur(50px) !important;
        opacity: 0
    }
}

@keyframes roll-out-blurred-right {
    0% {
        -webkit-transform: translateX(0) rotate(0deg) !important;
        transform: translateX(0) rotate(0deg) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(1000px) rotate(720deg) !important;
        transform: translateX(1000px) rotate(720deg) !important;
        -webkit-filter: blur(50px) !important;
        filter: blur(50px) !important;
        opacity: 0
    }
}

@-webkit-keyframes roll-out-blurred-left {
    0% {
        -webkit-transform: translateX(0) rotate(0deg) !important;
        transform: translateX(0) rotate(0deg) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-1000px) rotate(-720deg) !important;
        transform: translateX(-1000px) rotate(-720deg) !important;
        -webkit-filter: blur(50px) !important;
        filter: blur(50px) !important;
        opacity: 0
    }
}

@keyframes roll-out-blurred-left {
    0% {
        -webkit-transform: translateX(0) rotate(0deg) !important;
        transform: translateX(0) rotate(0deg) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-1000px) rotate(-720deg) !important;
        transform: translateX(-1000px) rotate(-720deg) !important;
        -webkit-filter: blur(50px) !important;
        filter: blur(50px) !important;
        opacity: 0
    }
}

@-webkit-keyframes roll-out-blurred-top {
    0% {
        -webkit-transform: translateY(0) rotate(0deg) !important;
        transform: translateY(0) rotate(0deg) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-800px) rotate(-720deg) !important;
        transform: translateY(-800px) rotate(-720deg) !important;
        -webkit-filter: blur(50px) !important;
        filter: blur(50px) !important;
        opacity: 0
    }
}

@keyframes roll-out-blurred-top {
    0% {
        -webkit-transform: translateY(0) rotate(0deg) !important;
        transform: translateY(0) rotate(0deg) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-800px) rotate(-720deg) !important;
        transform: translateY(-800px) rotate(-720deg) !important;
        -webkit-filter: blur(50px) !important;
        filter: blur(50px) !important;
        opacity: 0
    }
}

@-webkit-keyframes roll-out-blurred-bottom {
    0% {
        -webkit-transform: translateY(0) rotate(0deg) !important;
        transform: translateY(0) rotate(0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(800px) rotate(720deg) !important;
        transform: translateY(800px) rotate(720deg) !important;
        -webkit-filter: blur(50px) !important;
        filter: blur(50px) !important;
        opacity: 0
    }
}

@keyframes roll-out-blurred-bottom {
    0% {
        -webkit-transform: translateY(0) rotate(0deg) !important;
        transform: translateY(0) rotate(0deg) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(800px) rotate(720deg) !important;
        transform: translateY(800px) rotate(720deg) !important;
        -webkit-filter: blur(50px) !important;
        filter: blur(50px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-tl {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-1000px) translateX(-1000px) !important;
        transform: translateY(-1000px) translateX(-1000px) !important;
        opacity: 0
    }
}

@keyframes slide-out-tl {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-1000px) translateX(-1000px) !important;
        transform: translateY(-1000px) translateX(-1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-left {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-1000px) !important;
        transform: translateX(-1000px) !important;
        opacity: 0
    }
}

@keyframes slide-out-left {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-1000px) !important;
        transform: translateX(-1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-bl {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(1000px) translateX(-1000px) !important;
        transform: translateY(1000px) translateX(-1000px) !important;
        opacity: 0
    }
}

@keyframes slide-out-bl {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(1000px) translateX(-1000px) !important;
        transform: translateY(1000px) translateX(-1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-bottom {
    0% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(1000px) !important;
        transform: translateY(1000px) !important;
        opacity: 0
    }
}

@keyframes slide-out-bottom {
    0% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(1000px) !important;
        transform: translateY(1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-br {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(1000px) translateX(1000px) !important;
        transform: translateY(1000px) translateX(1000px) !important;
        opacity: 0
    }
}

@keyframes slide-out-br {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(1000px) translateX(1000px) !important;
        transform: translateY(1000px) translateX(1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-right {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(1000px) !important;
        transform: translateX(1000px) !important;
        opacity: 0
    }
}

@keyframes slide-out-right {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(1000px) !important;
        transform: translateX(1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-tr {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-1000px) translateX(1000px) !important;
        transform: translateY(-1000px) translateX(1000px) !important;
        opacity: 0
    }
}

@keyframes slide-out-tr {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-1000px) translateX(1000px) !important;
        transform: translateY(-1000px) translateX(1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-top {
    0% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-1000px) !important;
        transform: translateY(-1000px) !important;
        opacity: 0
    }
}

@keyframes slide-out-top {
    0% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-1000px) !important;
        transform: translateY(-1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-bck-tl {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) translateY(-1000px) translateX(-1000px) !important;
        transform: translateZ(-1100px) translateY(-1000px) translateX(-1000px) !important;
        opacity: 0
    }
}

@keyframes slide-out-bck-tl {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) translateY(-1000px) translateX(-1000px) !important;
        transform: translateZ(-1100px) translateY(-1000px) translateX(-1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-bck-left {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) translateX(-1000px) !important;
        transform: translateZ(-1100px) translateX(-1000px) !important;
        opacity: 0
    }
}

@keyframes slide-out-bck-left {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) translateX(-1000px) !important;
        transform: translateZ(-1100px) translateX(-1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-bck-bl {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) translateY(1000px) translateX(-1000px) !important;
        transform: translateZ(-1100px) translateY(1000px) translateX(-1000px) !important;
        opacity: 0
    }
}

@keyframes slide-out-bck-bl {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) translateY(1000px) translateX(-1000px) !important;
        transform: translateZ(-1100px) translateY(1000px) translateX(-1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-bck-bottom {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) translateY(1000px) !important;
        transform: translateZ(-1100px) translateY(1000px) !important;
        opacity: 0
    }
}

@keyframes slide-out-bck-bottom {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) translateY(1000px) !important;
        transform: translateZ(-1100px) translateY(1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-bck-br {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) translateY(1000px) translateX(1000px) !important;
        transform: translateZ(-1100px) translateY(1000px) translateX(1000px) !important;
        opacity: 0
    }
}

@keyframes slide-out-bck-br {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) translateY(1000px) translateX(1000px) !important;
        transform: translateZ(-1100px) translateY(1000px) translateX(1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-bck-right {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) translateX(1000px) !important;
        transform: translateZ(-1100px) translateX(1000px) !important;
        opacity: 0
    }
}

@keyframes slide-out-bck-right {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) translateX(1000px) !important;
        transform: translateZ(-1100px) translateX(1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-bck-tr {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) translateY(-1000px) translateX(1000px) !important;
        transform: translateZ(-1100px) translateY(-1000px) translateX(1000px) !important;
        opacity: 0
    }
}

@keyframes slide-out-bck-tr {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) translateY(-1000px) translateX(1000px) !important;
        transform: translateZ(-1100px) translateY(-1000px) translateX(1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-bck-top {
    0% {
        -webkit-transform: translateZ(1) translateY(0) !important;
        transform: translateZ(1) translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) translateY(-1000px) !important;
        transform: translateZ(-1100px) translateY(-1000px) !important;
        opacity: 0
    }
}

@keyframes slide-out-bck-top {
    0% {
        -webkit-transform: translateZ(1) translateY(0) !important;
        transform: translateZ(1) translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) translateY(-1000px) !important;
        transform: translateZ(-1100px) translateY(-1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-bck-center {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) !important;
        transform: translateZ(-1100px) !important;
        opacity: 0
    }
}

@keyframes slide-out-bck-center {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-1100px) !important;
        transform: translateZ(-1100px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-fwd-tl {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) translateY(-300px) translateX(-400px) !important;
        transform: translateZ(600px) translateY(-300px) translateX(-400px) !important;
        opacity: 0
    }
}

@keyframes slide-out-fwd-tl {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) translateY(-300px) translateX(-400px) !important;
        transform: translateZ(600px) translateY(-300px) translateX(-400px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-fwd-left {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) translateX(-400px) !important;
        transform: translateZ(600px) translateX(-400px) !important;
        opacity: 0
    }
}

@keyframes slide-out-fwd-left {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) translateX(-400px) !important;
        transform: translateZ(600px) translateX(-400px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-fwd-bl {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) translateY(300px) translateX(-400px) !important;
        transform: translateZ(600px) translateY(300px) translateX(-400px) !important;
        opacity: 0
    }
}

@keyframes slide-out-fwd-bl {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) translateY(300px) translateX(-400px) !important;
        transform: translateZ(600px) translateY(300px) translateX(-400px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-fwd-bottom {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) translateY(300px) !important;
        transform: translateZ(600px) translateY(300px) !important;
        opacity: 0
    }
}

@keyframes slide-out-fwd-bottom {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) translateY(300px) !important;
        transform: translateZ(600px) translateY(300px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-fwd-br {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) translateY(300px) translateX(400px) !important;
        transform: translateZ(600px) translateY(300px) translateX(400px) !important;
        opacity: 0
    }
}

@keyframes slide-out-fwd-br {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) translateY(300px) translateX(400px) !important;
        transform: translateZ(600px) translateY(300px) translateX(400px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-fwd-right {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) translateX(400px) !important;
        transform: translateZ(600px) translateX(400px) !important;
        opacity: 0
    }
}

@keyframes slide-out-fwd-right {
    0% {
        -webkit-transform: translateZ(0) translateX(0) !important;
        transform: translateZ(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) translateX(400px) !important;
        transform: translateZ(600px) translateX(400px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-fwd-tr {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) translateY(-300px) translateX(400px) !important;
        transform: translateZ(600px) translateY(-300px) translateX(400px) !important;
        opacity: 0
    }
}

@keyframes slide-out-fwd-tr {
    0% {
        -webkit-transform: translateZ(0) translateY(0) translateX(0) !important;
        transform: translateZ(0) translateY(0) translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) translateY(-300px) translateX(400px) !important;
        transform: translateZ(600px) translateY(-300px) translateX(400px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-fwd-top {
    0% {
        -webkit-transform: translateZ(1) translateY(0) !important;
        transform: translateZ(1) translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) translateY(-300px) !important;
        transform: translateZ(600px) translateY(-300px) !important;
        opacity: 0
    }
}

@keyframes slide-out-fwd-top {
    0% {
        -webkit-transform: translateZ(1) translateY(0) !important;
        transform: translateZ(1) translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) translateY(-300px) !important;
        transform: translateZ(600px) translateY(-300px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-fwd-center {
    0% {
        -webkit-transform: translateZ(1) !important;
        transform: translateZ(1) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) !important;
        transform: translateZ(600px) !important;
        opacity: 0
    }
}

@keyframes slide-out-fwd-center {
    0% {
        -webkit-transform: translateZ(1) !important;
        transform: translateZ(1) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(600px) !important;
        transform: translateZ(600px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-blurred-tl {
    0% {
        -webkit-transform: translate(0,0) skew(0deg,0deg) !important;
        transform: translate(0,0) skew(0deg,0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translate(-1000px,-1000px) skew(80deg,10deg) !important;
        transform: translate(-1000px,-1000px) skew(80deg,10deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }
}

@keyframes slide-out-blurred-tl {
    0% {
        -webkit-transform: translate(0,0) skew(0deg,0deg) !important;
        transform: translate(0,0) skew(0deg,0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translate(-1000px,-1000px) skew(80deg,10deg) !important;
        transform: translate(-1000px,-1000px) skew(80deg,10deg) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-blurred-left {
    0% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1) !important;
        transform: translateX(0) scaleY(1) scaleX(1) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-1000px) scaleX(2) scaleY(.2) !important;
        transform: translateX(-1000px) scaleX(2) scaleY(.2) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }
}

@keyframes slide-out-blurred-left {
    0% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1) !important;
        transform: translateX(0) scaleY(1) scaleX(1) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-1000px) scaleX(2) scaleY(.2) !important;
        transform: translateX(-1000px) scaleX(2) scaleY(.2) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-blurred-bl {
    0% {
        -webkit-transform: translate(0,0) skew(0deg,0deg) !important;
        transform: translate(0,0) skew(0deg,0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translate(-1000px,1000px) skew(-80deg,-10deg) !important;
        transform: translate(-1000px,1000px) skew(-80deg,-10deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }
}

@keyframes slide-out-blurred-bl {
    0% {
        -webkit-transform: translate(0,0) skew(0deg,0deg) !important;
        transform: translate(0,0) skew(0deg,0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translate(-1000px,1000px) skew(-80deg,-10deg) !important;
        transform: translate(-1000px,1000px) skew(-80deg,-10deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-blurred-bottom {
    0% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1) !important;
        transform: translateY(0) scaleY(1) scaleX(1) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(1000px) scaleY(2) scaleX(.2) !important;
        transform: translateY(1000px) scaleY(2) scaleX(.2) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }
}

@keyframes slide-out-blurred-bottom {
    0% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1) !important;
        transform: translateY(0) scaleY(1) scaleX(1) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(1000px) scaleY(2) scaleX(.2) !important;
        transform: translateY(1000px) scaleY(2) scaleX(.2) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-blurred-br {
    0% {
        -webkit-transform: translate(0,0) skew(0deg,0deg) !important;
        transform: translate(0,0) skew(0deg,0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translate(1000px,1000px) skew(80deg,10deg) !important;
        transform: translate(1000px,1000px) skew(80deg,10deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }
}

@keyframes slide-out-blurred-br {
    0% {
        -webkit-transform: translate(0,0) skew(0deg,0deg) !important;
        transform: translate(0,0) skew(0deg,0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translate(1000px,1000px) skew(80deg,10deg) !important;
        transform: translate(1000px,1000px) skew(80deg,10deg) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-blurred-right {
    0% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1) !important;
        transform: translateX(0) scaleY(1) scaleX(1) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(1000px) scaleX(2) scaleY(.2) !important;
        transform: translateX(1000px) scaleX(2) scaleY(.2) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }
}

@keyframes slide-out-blurred-right {
    0% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1) !important;
        transform: translateX(0) scaleY(1) scaleX(1) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(1000px) scaleX(2) scaleY(.2) !important;
        transform: translateX(1000px) scaleX(2) scaleY(.2) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-blurred-tr {
    0% {
        -webkit-transform: translate(0,0) skew(0deg,0deg) !important;
        transform: translate(0,0) skew(0deg,0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translate(1000px,-1000px) skew(-80deg,-10deg) !important;
        transform: translate(1000px,-1000px) skew(-80deg,-10deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }
}

@keyframes slide-out-blurred-tr {
    0% {
        -webkit-transform: translate(0,0) skew(0deg,0deg) !important;
        transform: translate(0,0) skew(0deg,0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translate(1000px,-1000px) skew(-80deg,-10deg) !important;
        transform: translate(1000px,-1000px) skew(-80deg,-10deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-blurred-top {
    0% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1) !important;
        transform: translateY(0) scaleY(1) scaleX(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-1000px) scaleY(2) scaleX(.2) !important;
        transform: translateY(-1000px) scaleY(2) scaleX(.2) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }
}

@keyframes slide-out-blurred-top {
    0% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1) !important;
        transform: translateY(0) scaleY(1) scaleX(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-1000px) scaleY(2) scaleX(.2) !important;
        transform: translateY(-1000px) scaleY(2) scaleX(.2) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        -webkit-filter: blur(40px) !important;
        filter: blur(40px) !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-elliptic-left-fwd {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: -500px 50% !important;
        transform-origin: -500px 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-1000px) rotateY(-20deg) scale(6) !important;
        transform: translateX(-1000px) rotateY(-20deg) scale(6) !important;
        -webkit-transform-origin: 200% 50% !important;
        transform-origin: 200% 50% !important;
        opacity: 0
    }
}

@keyframes slide-out-elliptic-left-fwd {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: -500px 50% !important;
        transform-origin: -500px 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-1000px) rotateY(-20deg) scale(6) !important;
        transform: translateX(-1000px) rotateY(-20deg) scale(6) !important;
        -webkit-transform-origin: 200% 50% !important;
        transform-origin: 200% 50% !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-elliptic-left-bck {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: 2000px 50% !important;
        transform-origin: 2000px 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-1000px) rotateY(30deg) scale(0) !important;
        transform: translateX(-1000px) rotateY(30deg) scale(0) !important;
        -webkit-transform-origin: -100% 50% !important;
        transform-origin: -100% 50% !important;
        opacity: 1
    }
}

@keyframes slide-out-elliptic-left-bck {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: 2000px 50% !important;
        transform-origin: 2000px 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-1000px) rotateY(30deg) scale(0) !important;
        transform: translateX(-1000px) rotateY(30deg) scale(0) !important;
        -webkit-transform-origin: -100% 50% !important;
        transform-origin: -100% 50% !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-out-elliptic-bottom-fwd {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% 500px !important;
        transform-origin: 50% 500px !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(600px) rotateX(-20deg) scale(6) !important;
        transform: translateY(600px) rotateX(-20deg) scale(6) !important;
        -webkit-transform-origin: 50% -100% !important;
        transform-origin: 50% -100% !important;
        opacity: 0
    }
}

@keyframes slide-out-elliptic-bottom-fwd {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% 500px !important;
        transform-origin: 50% 500px !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(600px) rotateX(-20deg) scale(6) !important;
        transform: translateY(600px) rotateX(-20deg) scale(6) !important;
        -webkit-transform-origin: 50% -100% !important;
        transform-origin: 50% -100% !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-elliptic-bottom-bck {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% -1400px !important;
        transform-origin: 50% -1400px !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(600px) rotateX(30deg) scale(0) !important;
        transform: translateY(600px) rotateX(30deg) scale(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }
}

@keyframes slide-out-elliptic-bottom-bck {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% -1400px !important;
        transform-origin: 50% -1400px !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(600px) rotateX(30deg) scale(0) !important;
        transform: translateY(600px) rotateX(30deg) scale(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-out-elliptic-right-fwd {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: 600px 50% !important;
        transform-origin: 600px 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(1000px) rotateY(20deg) scale(6) !important;
        transform: translateX(1000px) rotateY(20deg) scale(6) !important;
        -webkit-transform-origin: -100% 50% !important;
        transform-origin: -100% 50% !important;
        opacity: 0
    }
}

@keyframes slide-out-elliptic-right-fwd {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: 600px 50% !important;
        transform-origin: 600px 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(1000px) rotateY(20deg) scale(6) !important;
        transform: translateX(1000px) rotateY(20deg) scale(6) !important;
        -webkit-transform-origin: -100% 50% !important;
        transform-origin: -100% 50% !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-elliptic-right-bck {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: -1800px 50% !important;
        transform-origin: -1800px 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(1000px) rotateY(-30deg) scale(0) !important;
        transform: translateX(1000px) rotateY(-30deg) scale(0) !important;
        -webkit-transform-origin: -100% 50% !important;
        transform-origin: -100% 50% !important;
        opacity: 1
    }
}

@keyframes slide-out-elliptic-right-bck {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1) !important;
        transform: translateX(0) rotateY(0) scale(1) !important;
        -webkit-transform-origin: -1800px 50% !important;
        transform-origin: -1800px 50% !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(1000px) rotateY(-30deg) scale(0) !important;
        transform: translateX(1000px) rotateY(-30deg) scale(0) !important;
        -webkit-transform-origin: -100% 50% !important;
        transform-origin: -100% 50% !important;
        opacity: 1
    }
}

@-webkit-keyframes slide-out-elliptic-top-fwd {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% -500px !important;
        transform-origin: 50% -500px !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-600px) rotateX(20deg) scale(6) !important;
        transform: translateY(-600px) rotateX(20deg) scale(6) !important;
        -webkit-transform-origin: 50% 200% !important;
        transform-origin: 50% 200% !important;
        opacity: 0
    }
}

@keyframes slide-out-elliptic-top-fwd {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% -500px !important;
        transform-origin: 50% -500px !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-600px) rotateX(20deg) scale(6) !important;
        transform: translateY(-600px) rotateX(20deg) scale(6) !important;
        -webkit-transform-origin: 50% 200% !important;
        transform-origin: 50% 200% !important;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-elliptic-top-bck {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% 1400px !important;
        transform-origin: 50% 1400px !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0) !important;
        transform: translateY(-600px) rotateX(-30deg) scale(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }
}

@keyframes slide-out-elliptic-top-bck {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1) !important;
        transform: translateY(0) rotateX(0) scale(1) !important;
        -webkit-transform-origin: 50% 1400px !important;
        transform-origin: 50% 1400px !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0) !important;
        transform: translateY(-600px) rotateX(-30deg) scale(0) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        opacity: 1
    }
}

@-webkit-keyframes bounce-out-fwd {
    0%,15%,38%,70% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    5% {
        -webkit-transform: translateZ(90px) !important;
        transform: translateZ(90px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25% {
        -webkit-transform: translateZ(95px) !important;
        transform: translateZ(95px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    52% {
        -webkit-transform: translateZ(150px) !important;
        transform: translateZ(150px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    85% {
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(500px) !important;
        transform: translateZ(500px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }
}

@keyframes bounce-out-fwd {
    0%,15%,38%,70% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    5% {
        -webkit-transform: translateZ(90px) !important;
        transform: translateZ(90px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25% {
        -webkit-transform: translateZ(95px) !important;
        transform: translateZ(95px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    52% {
        -webkit-transform: translateZ(150px) !important;
        transform: translateZ(150px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    85% {
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(500px) !important;
        transform: translateZ(500px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }
}

@-webkit-keyframes bounce-out-bck {
    0%,15%,38% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    5% {
        -webkit-transform: translateZ(-100px) !important;
        transform: translateZ(-100px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25% {
        -webkit-transform: translateZ(-110px) !important;
        transform: translateZ(-110px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    52% {
        -webkit-transform: translateZ(-200px) !important;
        transform: translateZ(-200px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    70% {
        -webkit-transform: translateZ(0) scale(1) !important;
        transform: translateZ(0) scale(1) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    85% {
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-900px) scale(0) !important;
        transform: translateZ(-900px) scale(0) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }
}

@keyframes bounce-out-bck {
    0%,15%,38% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    5% {
        -webkit-transform: translateZ(-100px) !important;
        transform: translateZ(-100px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25% {
        -webkit-transform: translateZ(-110px) !important;
        transform: translateZ(-110px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    52% {
        -webkit-transform: translateZ(-200px) !important;
        transform: translateZ(-200px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    70% {
        -webkit-transform: translateZ(0) scale(1) !important;
        transform: translateZ(0) scale(1) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    85% {
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-900px) scale(0) !important;
        transform: translateZ(-900px) scale(0) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 0
    }
}

@-webkit-keyframes bounce-out-left {
    0%,15%,38%,70% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    5% {
        -webkit-transform: translateX(-30px) !important;
        transform: translateX(-30px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25% {
        -webkit-transform: translateX(-38px) !important;
        transform: translateX(-38px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    52% {
        -webkit-transform: translateX(-80px) !important;
        transform: translateX(-80px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    85% {
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-1000px) !important;
        transform: translateX(-1000px) !important;
        opacity: 0
    }
}

@keyframes bounce-out-left {
    0%,15%,38%,70% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    5% {
        -webkit-transform: translateX(-30px) !important;
        transform: translateX(-30px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25% {
        -webkit-transform: translateX(-38px) !important;
        transform: translateX(-38px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    52% {
        -webkit-transform: translateX(-80px) !important;
        transform: translateX(-80px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    85% {
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-1000px) !important;
        transform: translateX(-1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes bounce-out-bottom {
    0%,15%,38%,70% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    5% {
        -webkit-transform: translateY(30px) !important;
        transform: translateY(30px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25% {
        -webkit-transform: translateY(38px) !important;
        transform: translateY(38px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    52% {
        -webkit-transform: translateY(75px) !important;
        transform: translateY(75px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    85% {
        opacity: 1
    }

    to {
        -webkit-transform: translateY(800px) !important;
        transform: translateY(800px) !important;
        opacity: 0
    }
}

@keyframes bounce-out-bottom {
    0%,15%,38%,70% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    5% {
        -webkit-transform: translateY(30px) !important;
        transform: translateY(30px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25% {
        -webkit-transform: translateY(38px) !important;
        transform: translateY(38px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    52% {
        -webkit-transform: translateY(75px) !important;
        transform: translateY(75px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    85% {
        opacity: 1
    }

    to {
        -webkit-transform: translateY(800px) !important;
        transform: translateY(800px) !important;
        opacity: 0
    }
}

@-webkit-keyframes bounce-out-right {
    0%,15%,38%,65% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    5% {
        -webkit-transform: translateX(30px) !important;
        transform: translateX(30px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25% {
        -webkit-transform: translateX(38px) !important;
        transform: translateX(38px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    52% {
        -webkit-transform: translateX(80px) !important;
        transform: translateX(80px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    85% {
        opacity: 1
    }

    to {
        -webkit-transform: translateX(1000px) !important;
        transform: translateX(1000px) !important;
        opacity: 0
    }
}

@keyframes bounce-out-right {
    0%,15%,38%,65% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    5% {
        -webkit-transform: translateX(30px) !important;
        transform: translateX(30px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25% {
        -webkit-transform: translateX(38px) !important;
        transform: translateX(38px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    52% {
        -webkit-transform: translateX(80px) !important;
        transform: translateX(80px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    85% {
        opacity: 1
    }

    to {
        -webkit-transform: translateX(1000px) !important;
        transform: translateX(1000px) !important;
        opacity: 0
    }
}

@-webkit-keyframes bounce-out-top {
    0%,15%,38%,70% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    5% {
        -webkit-transform: translateY(-30px) !important;
        transform: translateY(-30px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25% {
        -webkit-transform: translateY(-38px) !important;
        transform: translateY(-38px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    52% {
        -webkit-transform: translateY(-75px) !important;
        transform: translateY(-75px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    85% {
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-800px) !important;
        transform: translateY(-800px) !important;
        opacity: 0
    }
}

@keyframes bounce-out-top {
    0%,15%,38%,70% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    5% {
        -webkit-transform: translateY(-30px) !important;
        transform: translateY(-30px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25% {
        -webkit-transform: translateY(-38px) !important;
        transform: translateY(-38px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    52% {
        -webkit-transform: translateY(-75px) !important;
        transform: translateY(-75px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    85% {
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-800px) !important;
        transform: translateY(-800px) !important;
        opacity: 0
    }
}

@-webkit-keyframes swing-out-left-fwd {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateY(-70deg) !important;
        transform: rotateY(-70deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 0
    }
}

@keyframes swing-out-left-fwd {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateY(-70deg) !important;
        transform: rotateY(-70deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 0
    }
}

@-webkit-keyframes swing-out-left-bck {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateY(100deg) !important;
        transform: rotateY(100deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 0
    }
}

@keyframes swing-out-left-bck {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateY(100deg) !important;
        transform: rotateY(100deg) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left !important;
        opacity: 0
    }
}

@-webkit-keyframes swing-out-bottom-fwd {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateX(-70deg) !important;
        transform: rotateX(-70deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 0
    }
}

@keyframes swing-out-bottom-fwd {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateX(-70deg) !important;
        transform: rotateX(-70deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 0
    }
}

@-webkit-keyframes swing-out-bottom-bck {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateX(100deg) !important;
        transform: rotateX(100deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 0
    }
}

@keyframes swing-out-bottom-bck {
    0% {
        -webkit-transform: rotateX(0) !important;
        transform: rotateX(0) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateX(100deg) !important;
        transform: rotateX(100deg) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom !important;
        opacity: 0
    }
}

@-webkit-keyframes swing-out-right-fwd {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateY(70deg) !important;
        transform: rotateY(70deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 0
    }
}

@keyframes swing-out-right-fwd {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateY(70deg) !important;
        transform: rotateY(70deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 0
    }
}

@-webkit-keyframes swing-out-right-bck {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateY(-100deg) !important;
        transform: rotateY(-100deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 0
    }
}

@keyframes swing-out-right-bck {
    0% {
        -webkit-transform: rotateY(0) !important;
        transform: rotateY(0) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateY(-100deg) !important;
        transform: rotateY(-100deg) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right !important;
        opacity: 0
    }
}

@-webkit-keyframes swing-out-top-fwd {
    0% {
        -webkit-transform: rotateX(0deg) !important;
        transform: rotateX(0deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateX(70deg) !important;
        transform: rotateX(70deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 0
    }
}

@keyframes swing-out-top-fwd {
    0% {
        -webkit-transform: rotateX(0deg) !important;
        transform: rotateX(0deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateX(70deg) !important;
        transform: rotateX(70deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 0
    }
}

@-webkit-keyframes swing-out-top-bck {
    0% {
        -webkit-transform: rotateX(0deg) !important;
        transform: rotateX(0deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateX(-100deg) !important;
        transform: rotateX(-100deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 0
    }
}

@keyframes swing-out-top-bck {
    0% {
        -webkit-transform: rotateX(0deg) !important;
        transform: rotateX(0deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 1
    }

    to {
        -webkit-transform: rotateX(-100deg) !important;
        transform: rotateX(-100deg) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top !important;
        opacity: 0
    }
}

@-webkit-keyframes fade-out-left {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-50px) !important;
        transform: translateX(-50px) !important;
        opacity: 0
    }
}

@keyframes fade-out-left {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-50px) !important;
        transform: translateX(-50px) !important;
        opacity: 0
    }
}

@-webkit-keyframes fade-out-bl {
    0% {
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-50px) translateY(50px) !important;
        transform: translateX(-50px) translateY(50px) !important;
        opacity: 0
    }
}

@keyframes fade-out-bl {
    0% {
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-50px) translateY(50px) !important;
        transform: translateX(-50px) translateY(50px) !important;
        opacity: 0
    }
}

@-webkit-keyframes fade-out-tl {
    0% {
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-50px) translateY(-50px) !important;
        transform: translateX(-50px) translateY(-50px) !important;
        opacity: 0
    }
}

@keyframes fade-out-tl {
    0% {
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-50px) translateY(-50px) !important;
        transform: translateX(-50px) translateY(-50px) !important;
        opacity: 0
    }
}

@-webkit-keyframes fade-out-bottom {
    0% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(50px) !important;
        transform: translateY(50px) !important;
        opacity: 0
    }
}

@keyframes fade-out-bottom {
    0% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(50px) !important;
        transform: translateY(50px) !important;
        opacity: 0
    }
}

@-webkit-keyframes fade-out-br {
    0% {
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(50px) translateY(50px) !important;
        transform: translateX(50px) translateY(50px) !important;
        opacity: 0
    }
}

@keyframes fade-out-br {
    0% {
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(50px) translateY(50px) !important;
        transform: translateX(50px) translateY(50px) !important;
        opacity: 0
    }
}

@-webkit-keyframes fade-out-right {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(50px) !important;
        transform: translateX(50px) !important;
        opacity: 0
    }
}

@keyframes fade-out-right {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(50px) !important;
        transform: translateX(50px) !important;
        opacity: 0
    }
}

@-webkit-keyframes fade-out-tr {
    0% {
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(50px) translateY(-50px) !important;
        transform: translateX(50px) translateY(-50px) !important;
        opacity: 0
    }
}

@keyframes fade-out-tr {
    0% {
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateX(50px) translateY(-50px) !important;
        transform: translateX(50px) translateY(-50px) !important;
        opacity: 0
    }
}

@-webkit-keyframes fade-out-top {
    0% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-50px) !important;
        transform: translateY(-50px) !important;
        opacity: 0
    }
}

@keyframes fade-out-top {
    0% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-50px) !important;
        transform: translateY(-50px) !important;
        opacity: 0
    }
}

@-webkit-keyframes fade-out-fwd {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(80px) !important;
        transform: translateZ(80px) !important;
        opacity: 0
    }
}

@keyframes fade-out-fwd {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(80px) !important;
        transform: translateZ(80px) !important;
        opacity: 0
    }
}

@-webkit-keyframes fade-out-bck {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-80px) !important;
        transform: translateZ(-80px) !important;
        opacity: 0
    }
}

@keyframes fade-out-bck {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(-80px) !important;
        transform: translateZ(-80px) !important;
        opacity: 0
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes puff-out-ver {
    0% {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(2) !important;
        transform: scaleY(2) !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@keyframes puff-out-ver {
    0% {
        -webkit-transform: scaleY(1) !important;
        transform: scaleY(1) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleY(2) !important;
        transform: scaleY(2) !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@-webkit-keyframes puff-out-hor {
    0% {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(2) !important;
        transform: scaleX(2) !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@keyframes puff-out-hor {
    0% {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(2) !important;
        transform: scaleX(2) !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@-webkit-keyframes puff-out-tl {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@keyframes puff-out-tl {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@-webkit-keyframes puff-out-left {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@keyframes puff-out-left {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 0% 50% !important;
        transform-origin: 0% 50% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@-webkit-keyframes puff-out-bl {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@keyframes puff-out-bl {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 0% 100% !important;
        transform-origin: 0% 100% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@-webkit-keyframes puff-out-bottom {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

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

@keyframes puff-out-bottom {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

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

@-webkit-keyframes puff-out-br {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@keyframes puff-out-br {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@-webkit-keyframes puff-out-right {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

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

@keyframes puff-out-right {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

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

@-webkit-keyframes puff-out-tr {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@keyframes puff-out-tr {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 100% 0% !important;
        transform-origin: 100% 0% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@-webkit-keyframes puff-out-top {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@keyframes puff-out-top {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-transform-origin: 50% 0% !important;
        transform-origin: 50% 0% !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@-webkit-keyframes puff-out-center {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@keyframes puff-out-center {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }

    to {
        -webkit-transform: scale(2) !important;
        transform: scale(2) !important;
        -webkit-filter: blur(4px) !important;
        filter: blur(4px) !important;
        opacity: 0
    }
}

@-webkit-keyframes flicker-out-1 {
    0%,13.9%,15%,22.9%,25%,34.9%,40%,42.9%,45%,50%,54.9%,69.5%,69.9%,79.9% {
        opacity: 1
    }

    14%,14.9%,23%,24.9%,35%,39.9%,43%,44.9%,55%,69.4%,70%,79.4%,80%,89.8%,90% {
        opacity: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none
    }

    89.9% {
        opacity: 1 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none
    }

    to {
        opacity: 0
    }
}

@keyframes flicker-out-1 {
    0%,13.9%,15%,22.9%,25%,34.9%,40%,42.9%,45%,50%,54.9%,69.5%,69.9%,79.9% {
        opacity: 1
    }

    14%,14.9%,23%,24.9%,35%,39.9%,43%,44.9%,55%,69.4%,70%,79.4%,80%,89.8%,90% {
        opacity: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none
    }

    89.9% {
        opacity: 1 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes flicker-out-2 {
    0%,13.9% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
    }

    14%,14.9%,23%,24.9%,35%,39.9%,43%,44.9%,55%,69.4%,70%,79.4%,80%,89.8%,90% {
        opacity: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none
    }

    15%,22.9% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
    }

    25%,34.9% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
    }

    40%,42.9% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
    }

    45%,50%,54.9%,69.5%,69.9% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
    }

    79.9% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.25) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.25)
    }

    89.9% {
        opacity: 1 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none
    }

    to {
        opacity: 0
    }
}

@keyframes flicker-out-2 {
    0%,13.9% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
    }

    14%,14.9%,23%,24.9%,35%,39.9%,43%,44.9%,55%,69.4%,70%,79.4%,80%,89.8%,90% {
        opacity: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none
    }

    15%,22.9% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
    }

    25%,34.9% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
    }

    40%,42.9% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
    }

    45%,50%,54.9%,69.5%,69.9% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
    }

    79.9% {
        opacity: 1 !important;
        -webkit-box-shadow: 0 0 30px rgba(255,255,255,.25) !important;
        box-shadow: 0 0 30px rgba(255,255,255,.25)
    }

    89.9% {
        opacity: 1 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes tracking-in-expand-fwd-bottom {
    0% {
        letter-spacing: -.5em !important;
        -webkit-transform: translateZ(-700px) translateY(500px) !important;
        transform: translateZ(-700px) translateY(500px) !important;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }
}

@keyframes tracking-in-expand-fwd-bottom {
    0% {
        letter-spacing: -.5em !important;
        -webkit-transform: translateZ(-700px) translateY(500px) !important;
        transform: translateZ(-700px) translateY(500px) !important;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes tracking-in-expand-fwd-top {
    0% {
        letter-spacing: -.5em !important;
        -webkit-transform: translateZ(-700px) translateY(-500px) !important;
        transform: translateZ(-700px) translateY(-500px) !important;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }
}

@keyframes tracking-in-expand-fwd-top {
    0% {
        letter-spacing: -.5em !important;
        -webkit-transform: translateZ(-700px) translateY(-500px) !important;
        transform: translateZ(-700px) translateY(-500px) !important;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes tracking-in-expand-fwd {
    0% {
        letter-spacing: -.5em !important;
        -webkit-transform: translateZ(-700px) !important;
        transform: translateZ(-700px) !important;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    to {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }
}

@keyframes tracking-in-expand-fwd {
    0% {
        letter-spacing: -.5em !important;
        -webkit-transform: translateZ(-700px) !important;
        transform: translateZ(-700px) !important;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    to {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes tracking-in-expand {
    0% {
        letter-spacing: -.5em !important;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    to {
        opacity: 1
    }
}

@keyframes tracking-in-expand {
    0% {
        letter-spacing: -.5em !important;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes tracking-in-contract-bck-bottom {
    0% {
        letter-spacing: 1em !important;
        -webkit-transform: translateZ(400px) translateY(300px) !important;
        transform: translateZ(400px) translateY(300px) !important;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }
}

@keyframes tracking-in-contract-bck-bottom {
    0% {
        letter-spacing: 1em !important;
        -webkit-transform: translateZ(400px) translateY(300px) !important;
        transform: translateZ(400px) translateY(300px) !important;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes tracking-in-contract-bck-top {
    0% {
        letter-spacing: 1em !important;
        -webkit-transform: translateZ(400px) translateY(-300px) !important;
        transform: translateZ(400px) translateY(-300px) !important;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }
}

@keyframes tracking-in-contract-bck-top {
    0% {
        letter-spacing: 1em !important;
        -webkit-transform: translateZ(400px) translateY(-300px) !important;
        transform: translateZ(400px) translateY(-300px) !important;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    to {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes tracking-in-contract-bck {
    0% {
        letter-spacing: 1em !important;
        -webkit-transform: translateZ(400px) !important;
        transform: translateZ(400px) !important;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    to {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }
}

@keyframes tracking-in-contract-bck {
    0% {
        letter-spacing: 1em !important;
        -webkit-transform: translateZ(400px) !important;
        transform: translateZ(400px) !important;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    to {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em !important;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    to {
        letter-spacing: normal !important;
        opacity: 1
    }
}

@keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em !important;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    to {
        letter-spacing: normal !important;
        opacity: 1
    }
}

@-webkit-keyframes tracking-out-expand {
    0% {
        opacity: 1
    }

    60% {
        opacity: .8
    }

    to {
        letter-spacing: 1em !important;
        opacity: 0
    }
}

@keyframes tracking-out-expand {
    0% {
        opacity: 1
    }

    60% {
        opacity: .8
    }

    to {
        letter-spacing: 1em !important;
        opacity: 0
    }
}

@-webkit-keyframes tracking-out-expand-fwd {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }

    60% {
        opacity: .8
    }

    to {
        letter-spacing: 1em !important;
        -webkit-transform: translateZ(300px) !important;
        transform: translateZ(300px) !important;
        opacity: 0
    }
}

@keyframes tracking-out-expand-fwd {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }

    60% {
        opacity: .8
    }

    to {
        letter-spacing: 1em !important;
        -webkit-transform: translateZ(300px) !important;
        transform: translateZ(300px) !important;
        opacity: 0
    }
}

@-webkit-keyframes tracking-out-expand-fwd-top {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }

    60% {
        opacity: .8
    }

    to {
        letter-spacing: 1em !important;
        -webkit-transform: translateZ(300px) translateY(-200px) !important;
        transform: translateZ(300px) translateY(-200px) !important;
        opacity: 0
    }
}

@keyframes tracking-out-expand-fwd-top {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }

    60% {
        opacity: .8
    }

    to {
        letter-spacing: 1em !important;
        -webkit-transform: translateZ(300px) translateY(-200px) !important;
        transform: translateZ(300px) translateY(-200px) !important;
        opacity: 0
    }
}

@-webkit-keyframes tracking-out-expand-fwd-bottom {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }

    60% {
        opacity: .8
    }

    to {
        letter-spacing: 1em !important;
        -webkit-transform: translateZ(300px) translateY(200px) !important;
        transform: translateZ(300px) translateY(200px) !important;
        opacity: 0
    }
}

@keyframes tracking-out-expand-fwd-bottom {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }

    60% {
        opacity: .8
    }

    to {
        letter-spacing: 1em !important;
        -webkit-transform: translateZ(300px) translateY(200px) !important;
        transform: translateZ(300px) translateY(200px) !important;
        opacity: 0
    }
}

@-webkit-keyframes tracking-out-contract {
    0%,50% {
        opacity: 1
    }

    to {
        letter-spacing: -.5em !important;
        opacity: 0
    }
}

@keyframes tracking-out-contract {
    0%,50% {
        opacity: 1
    }

    to {
        letter-spacing: -.5em !important;
        opacity: 0
    }
}

@-webkit-keyframes tracking-out-contract-bck {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }

    60% {
        opacity: 1
    }

    to {
        letter-spacing: -.5em !important;
        -webkit-transform: translateZ(-500px) !important;
        transform: translateZ(-500px) !important;
        opacity: 0
    }
}

@keyframes tracking-out-contract-bck {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        opacity: 1
    }

    60% {
        opacity: 1
    }

    to {
        letter-spacing: -.5em !important;
        -webkit-transform: translateZ(-500px) !important;
        transform: translateZ(-500px) !important;
        opacity: 0
    }
}

@-webkit-keyframes tracking-out-contract-bck-top {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }

    60% {
        opacity: 1
    }

    to {
        letter-spacing: -.5em !important;
        -webkit-transform: translateZ(-500px) translateY(-300px) !important;
        transform: translateZ(-500px) translateY(-300px) !important;
        opacity: 0
    }
}

@keyframes tracking-out-contract-bck-top {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }

    60% {
        opacity: 1
    }

    to {
        letter-spacing: -.5em !important;
        -webkit-transform: translateZ(-500px) translateY(-300px) !important;
        transform: translateZ(-500px) translateY(-300px) !important;
        opacity: 0
    }
}

@-webkit-keyframes tracking-out-contract-bck-bottom {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }

    60% {
        opacity: 1
    }

    to {
        letter-spacing: -.5em !important;
        -webkit-transform: translateZ(-500px) translateY(300px) !important;
        transform: translateZ(-500px) translateY(300px) !important;
        opacity: 0
    }
}

@keyframes tracking-out-contract-bck-bottom {
    0% {
        -webkit-transform: translateZ(0) translateY(0) !important;
        transform: translateZ(0) translateY(0) !important;
        opacity: 1
    }

    60% {
        opacity: 1
    }

    to {
        letter-spacing: -.5em !important;
        -webkit-transform: translateZ(-500px) translateY(300px) !important;
        transform: translateZ(-500px) translateY(300px) !important;
        opacity: 0
    }
}

@-webkit-keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px) !important;
        filter: blur(12px) !important;
        opacity: 0
    }

    to {
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px) !important;
        filter: blur(12px) !important;
        opacity: 0
    }

    to {
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes focus-in-contract-bck {
    0% {
        letter-spacing: 1em !important;
        -webkit-transform: translateZ(300px) !important;
        transform: translateZ(300px) !important;
        -webkit-filter: blur(12px) !important;
        filter: blur(12px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(12px) !important;
        transform: translateZ(12px) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes focus-in-contract-bck {
    0% {
        letter-spacing: 1em !important;
        -webkit-transform: translateZ(300px) !important;
        transform: translateZ(300px) !important;
        -webkit-filter: blur(12px) !important;
        filter: blur(12px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(12px) !important;
        transform: translateZ(12px) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes focus-in-contract {
    0% {
        letter-spacing: 1em !important;
        -webkit-filter: blur(12px) !important;
        filter: blur(12px) !important;
        opacity: 0
    }

    to {
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes focus-in-contract {
    0% {
        letter-spacing: 1em !important;
        -webkit-filter: blur(12px) !important;
        filter: blur(12px) !important;
        opacity: 0
    }

    to {
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes focus-in-expand-fwd {
    0% {
        letter-spacing: -.5em !important;
        -webkit-transform: translateZ(-800px) !important;
        transform: translateZ(-800px) !important;
        -webkit-filter: blur(12px) !important;
        filter: blur(12px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes focus-in-expand-fwd {
    0% {
        letter-spacing: -.5em !important;
        -webkit-transform: translateZ(-800px) !important;
        transform: translateZ(-800px) !important;
        -webkit-filter: blur(12px) !important;
        filter: blur(12px) !important;
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes focus-in-expand {
    0% {
        letter-spacing: -.5em !important;
        -webkit-filter: blur(12px) !important;
        filter: blur(12px) !important;
        opacity: 0
    }

    to {
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@keyframes focus-in-expand {
    0% {
        letter-spacing: -.5em !important;
        -webkit-filter: blur(12px) !important;
        filter: blur(12px) !important;
        opacity: 0
    }

    to {
        -webkit-filter: blur(0) !important;
        filter: blur(0) !important;
        opacity: 1
    }
}

@-webkit-keyframes text-blur-out {
    0% {
        -webkit-filter: blur(.01) !important;
        filter: blur(.01)
    }

    to {
        -webkit-filter: blur(12px) opacity(0%) !important;
        filter: blur(12px) opacity(0%)
    }
}

@keyframes text-blur-out {
    0% {
        -webkit-filter: blur(.01) !important;
        filter: blur(.01)
    }

    to {
        -webkit-filter: blur(12px) opacity(0%) !important;
        filter: blur(12px) opacity(0%)
    }
}

@-webkit-keyframes blur-out-contract-bck {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-filter: blur(.01) !important;
        filter: blur(.01)
    }

    to {
        letter-spacing: -.5em !important;
        -webkit-transform: translateZ(-500px) !important;
        transform: translateZ(-500px) !important;
        -webkit-filter: blur(12px) opacity(0%) !important;
        filter: blur(12px) opacity(0%)
    }
}

@keyframes blur-out-contract-bck {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-filter: blur(.01) !important;
        filter: blur(.01)
    }

    to {
        letter-spacing: -.5em !important;
        -webkit-transform: translateZ(-500px) !important;
        transform: translateZ(-500px) !important;
        -webkit-filter: blur(12px) opacity(0%) !important;
        filter: blur(12px) opacity(0%)
    }
}

@-webkit-keyframes blur-out-contract {
    0% {
        -webkit-filter: blur(.01) !important;
        filter: blur(.01)
    }

    to {
        letter-spacing: -.5em !important;
        -webkit-filter: blur(12px) opacity(0%) !important;
        filter: blur(12px) opacity(0%)
    }
}

@keyframes blur-out-contract {
    0% {
        -webkit-filter: blur(.01) !important;
        filter: blur(.01)
    }

    to {
        letter-spacing: -.5em !important;
        -webkit-filter: blur(12px) opacity(0%) !important;
        filter: blur(12px) opacity(0%)
    }
}

@-webkit-keyframes blur-out-expand-fwd {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-filter: blur(.01) !important;
        filter: blur(.01)
    }

    to {
        letter-spacing: 1em !important;
        -webkit-transform: translateZ(300px) !important;
        transform: translateZ(300px) !important;
        -webkit-filter: blur(12px) opacity(0%) !important;
        filter: blur(12px) opacity(0%)
    }
}

@keyframes blur-out-expand-fwd {
    0% {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        -webkit-filter: blur(.01) !important;
        filter: blur(.01)
    }

    to {
        letter-spacing: 1em !important;
        -webkit-transform: translateZ(300px) !important;
        transform: translateZ(300px) !important;
        -webkit-filter: blur(12px) opacity(0%) !important;
        filter: blur(12px) opacity(0%)
    }
}

@-webkit-keyframes blur-out-expand {
    0% {
        -webkit-filter: blur(.01) !important;
        filter: blur(.01)
    }

    to {
        letter-spacing: 1em !important;
        -webkit-filter: blur(12px) opacity(0%) !important;
        filter: blur(12px) opacity(0%)
    }
}

@keyframes blur-out-expand {
    0% {
        -webkit-filter: blur(.01) !important;
        filter: blur(.01)
    }

    to {
        letter-spacing: 1em !important;
        -webkit-filter: blur(12px) opacity(0%) !important;
        filter: blur(12px) opacity(0%)
    }
}

@-webkit-keyframes text-pop-up-top {
    0% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: none
    }

    to {
        -webkit-transform: translateY(-50px) !important;
        transform: translateY(-50px) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: 0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}

@keyframes text-pop-up-top {
    0% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: none
    }

    to {
        -webkit-transform: translateY(-50px) !important;
        transform: translateY(-50px) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: 0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}

@-webkit-keyframes text-pop-up-tr {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: none
    }

    to {
        -webkit-transform: translateY(-50px) translateX(50px) !important;
        transform: translateY(-50px) translateX(50px) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: 0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}

@keyframes text-pop-up-tr {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: none
    }

    to {
        -webkit-transform: translateY(-50px) translateX(50px) !important;
        transform: translateY(-50px) translateX(50px) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: 0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}

@-webkit-keyframes text-pop-up-right {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: none
    }

    to {
        -webkit-transform: translateX(50px) !important;
        transform: translateX(50px) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: 0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}

@keyframes text-pop-up-right {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: none
    }

    to {
        -webkit-transform: translateX(50px) !important;
        transform: translateX(50px) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: 0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}

@-webkit-keyframes text-pop-up-br {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: none
    }

    to {
        -webkit-transform: translateY(50px) translateX(50px) !important;
        transform: translateY(50px) translateX(50px) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: 0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}

@keyframes text-pop-up-br {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: none
    }

    to {
        -webkit-transform: translateY(50px) translateX(50px) !important;
        transform: translateY(50px) translateX(50px) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: 0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}

@-webkit-keyframes text-pop-up-bottom {
    0% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: none
    }

    to {
        -webkit-transform: translateY(50px) !important;
        transform: translateY(50px) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: 0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}

@keyframes text-pop-up-bottom {
    0% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: none
    }

    to {
        -webkit-transform: translateY(50px) !important;
        transform: translateY(50px) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: 0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}

@-webkit-keyframes text-pop-up-bl {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: none
    }

    to {
        -webkit-transform: translateY(50px) translateX(-50px) !important;
        transform: translateY(50px) translateX(-50px) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: 0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}

@keyframes text-pop-up-bl {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: none
    }

    to {
        -webkit-transform: translateY(50px) translateX(-50px) !important;
        transform: translateY(50px) translateX(-50px) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: 0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}

@-webkit-keyframes text-pop-up-left {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: none
    }

    to {
        -webkit-transform: translateX(-50px) !important;
        transform: translateX(-50px) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: 0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}

@keyframes text-pop-up-left {
    0% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: none
    }

    to {
        -webkit-transform: translateX(-50px) !important;
        transform: translateX(-50px) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: 0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}

@-webkit-keyframes text-pop-up-tl {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: none
    }

    to {
        -webkit-transform: translateY(-50px) translateX(-50px) !important;
        transform: translateY(-50px) translateX(-50px) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: 0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}

@keyframes text-pop-up-tl {
    0% {
        -webkit-transform: translateY(0) translateX(0) !important;
        transform: translateY(0) translateX(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: none
    }

    to {
        -webkit-transform: translateY(-50px) translateX(-50px) !important;
        transform: translateY(-50px) translateX(-50px) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50% !important;
        text-shadow: 0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}

@-webkit-keyframes text-shadow-drop-bl {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: -6px 6px 18px rgba(0,0,0,.35)
    }
}

@keyframes text-shadow-drop-bl {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: -6px 6px 18px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes text-shadow-drop-bottom {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: 0 6px 18px rgba(0,0,0,.35)
    }
}

@keyframes text-shadow-drop-bottom {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: 0 6px 18px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes text-shadow-drop-br {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: 6px 6px 18px rgba(0,0,0,.35)
    }
}

@keyframes text-shadow-drop-br {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: 6px 6px 18px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes text-shadow-drop-center {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: 0 0 18px rgba(0,0,0,.35)
    }
}

@keyframes text-shadow-drop-center {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: 0 0 18px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes text-shadow-drop-left {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: -6px 0 18px rgba(0,0,0,.35)
    }
}

@keyframes text-shadow-drop-left {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: -6px 0 18px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes text-shadow-drop-right {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: 6px 0 18px rgba(0,0,0,.35)
    }
}

@keyframes text-shadow-drop-right {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: 6px 0 18px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes text-shadow-drop-tl {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: -6px -6px 18px rgba(0,0,0,.35)
    }
}

@keyframes text-shadow-drop-tl {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: -6px -6px 18px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes text-shadow-drop-top {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: 0 -6px 18px rgba(0,0,0,.35)
    }
}

@keyframes text-shadow-drop-top {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: 0 -6px 18px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes text-shadow-drop-tr {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: 6px -6px 18px rgba(0,0,0,.35)
    }
}

@keyframes text-shadow-drop-tr {
    0% {
        text-shadow: 0 0 0 transparent
    }

    to {
        text-shadow: 6px -6px 18px rgba(0,0,0,.35)
    }
}

@-webkit-keyframes text-shadow-pop-bl {
    0% {
        text-shadow: 0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555 !important;
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0)
    }

    to {
        text-shadow: -1px 1px #555,-2px 2px #555,-3px 3px #555,-4px 4px #555,-5px 5px #555,-6px 6px #555,-7px 7px #555,-8px 8px #555 !important;
        -webkit-transform: translateX(8px) translateY(-8px) !important;
        transform: translateX(8px) translateY(-8px)
    }
}

@keyframes text-shadow-pop-bl {
    0% {
        text-shadow: 0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555 !important;
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0)
    }

    to {
        text-shadow: -1px 1px #555,-2px 2px #555,-3px 3px #555,-4px 4px #555,-5px 5px #555,-6px 6px #555,-7px 7px #555,-8px 8px #555 !important;
        -webkit-transform: translateX(8px) translateY(-8px) !important;
        transform: translateX(8px) translateY(-8px)
    }
}

@-webkit-keyframes text-shadow-pop-bottom {
    0% {
        text-shadow: 0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555 !important;
        -webkit-transform: translateY(0) !important;
        transform: translateY(0)
    }

    to {
        text-shadow: 0 1px #555,0 2px #555,0 3px #555,0 4px #555,0 5px #555,0 6px #555,0 7px #555,0 8px #555 !important;
        -webkit-transform: translateY(-8px) !important;
        transform: translateY(-8px)
    }
}

@keyframes text-shadow-pop-bottom {
    0% {
        text-shadow: 0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555 !important;
        -webkit-transform: translateY(0) !important;
        transform: translateY(0)
    }

    to {
        text-shadow: 0 1px #555,0 2px #555,0 3px #555,0 4px #555,0 5px #555,0 6px #555,0 7px #555,0 8px #555 !important;
        -webkit-transform: translateY(-8px) !important;
        transform: translateY(-8px)
    }
}

@-webkit-keyframes text-shadow-pop-br {
    0% {
        text-shadow: 0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555 !important;
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0)
    }

    to {
        text-shadow: 1px 1px #555,2px 2px #555,3px 3px #555,4px 4px #555,5px 5px #555,6px 6px #555,7px 7px #555,8px 8px #555 !important;
        -webkit-transform: translateX(-8px) translateY(-8px) !important;
        transform: translateX(-8px) translateY(-8px)
    }
}

@keyframes text-shadow-pop-br {
    0% {
        text-shadow: 0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555 !important;
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0)
    }

    to {
        text-shadow: 1px 1px #555,2px 2px #555,3px 3px #555,4px 4px #555,5px 5px #555,6px 6px #555,7px 7px #555,8px 8px #555 !important;
        -webkit-transform: translateX(-8px) translateY(-8px) !important;
        transform: translateX(-8px) translateY(-8px)
    }
}

@-webkit-keyframes text-shadow-pop-left {
    0% {
        text-shadow: 0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555 !important;
        -webkit-transform: translateX(0) !important;
        transform: translateX(0)
    }

    to {
        text-shadow: -1px 0 #555,-2px 0 #555,-3px 0 #555,-4px 0 #555,-5px 0 #555,-6px 0 #555,-7px 0 #555,-8px 0 #555 !important;
        -webkit-transform: translateX(8px) !important;
        transform: translateX(8px)
    }
}

@keyframes text-shadow-pop-left {
    0% {
        text-shadow: 0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555 !important;
        -webkit-transform: translateX(0) !important;
        transform: translateX(0)
    }

    to {
        text-shadow: -1px 0 #555,-2px 0 #555,-3px 0 #555,-4px 0 #555,-5px 0 #555,-6px 0 #555,-7px 0 #555,-8px 0 #555 !important;
        -webkit-transform: translateX(8px) !important;
        transform: translateX(8px)
    }
}

@-webkit-keyframes text-shadow-pop-right {
    0% {
        text-shadow: 0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555 !important;
        -webkit-transform: translateX(0) !important;
        transform: translateX(0)
    }

    to {
        text-shadow: 1px 0 #555,2px 0 #555,3px 0 #555,4px 0 #555,5px 0 #555,6px 0 #555,7px 0 #555,8px 0 #555 !important;
        -webkit-transform: translateX(-8px) !important;
        transform: translateX(-8px)
    }
}

@keyframes text-shadow-pop-right {
    0% {
        text-shadow: 0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555 !important;
        -webkit-transform: translateX(0) !important;
        transform: translateX(0)
    }

    to {
        text-shadow: 1px 0 #555,2px 0 #555,3px 0 #555,4px 0 #555,5px 0 #555,6px 0 #555,7px 0 #555,8px 0 #555 !important;
        -webkit-transform: translateX(-8px) !important;
        transform: translateX(-8px)
    }
}

@-webkit-keyframes text-shadow-pop-tl {
    0% {
        text-shadow: 0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555 !important;
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0)
    }

    to {
        text-shadow: -1px -1px #555,-2px -2px #555,-3px -3px #555,-4px -4px #555,-5px -5px #555,-6px -6px #555,-7px -7px #555,-8px -8px #555 !important;
        -webkit-transform: translateX(8px) translateY(8px) !important;
        transform: translateX(8px) translateY(8px)
    }
}

@keyframes text-shadow-pop-tl {
    0% {
        text-shadow: 0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555 !important;
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0)
    }

    to {
        text-shadow: -1px -1px #555,-2px -2px #555,-3px -3px #555,-4px -4px #555,-5px -5px #555,-6px -6px #555,-7px -7px #555,-8px -8px #555 !important;
        -webkit-transform: translateX(8px) translateY(8px) !important;
        transform: translateX(8px) translateY(8px)
    }
}

@-webkit-keyframes text-shadow-pop-top {
    0% {
        text-shadow: 0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555 !important;
        -webkit-transform: translateY(0) !important;
        transform: translateY(0)
    }

    to {
        text-shadow: 0 -1px #555,0 -2px #555,0 -3px #555,0 -4px #555,0 -5px #555,0 -6px #555,0 -7px #555,0 -8px #555 !important;
        -webkit-transform: translateY(8px) !important;
        transform: translateY(8px)
    }
}

@keyframes text-shadow-pop-top {
    0% {
        text-shadow: 0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555 !important;
        -webkit-transform: translateY(0) !important;
        transform: translateY(0)
    }

    to {
        text-shadow: 0 -1px #555,0 -2px #555,0 -3px #555,0 -4px #555,0 -5px #555,0 -6px #555,0 -7px #555,0 -8px #555 !important;
        -webkit-transform: translateY(8px) !important;
        transform: translateY(8px)
    }
}

@-webkit-keyframes text-shadow-pop-tr {
    0% {
        text-shadow: 0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555 !important;
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0)
    }

    to {
        text-shadow: 1px -1px #555,2px -2px #555,3px -3px #555,4px -4px #555,5px -5px #555,6px -6px #555,7px -7px #555,8px -8px #555 !important;
        -webkit-transform: translateX(-8px) translateY(8px) !important;
        transform: translateX(-8px) translateY(8px)
    }
}

@keyframes text-shadow-pop-tr {
    0% {
        text-shadow: 0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555 !important;
        -webkit-transform: translateX(0) translateY(0) !important;
        transform: translateX(0) translateY(0)
    }

    to {
        text-shadow: 1px -1px #555,2px -2px #555,3px -3px #555,4px -4px #555,5px -5px #555,6px -6px #555,7px -7px #555,8px -8px #555 !important;
        -webkit-transform: translateX(-8px) translateY(8px) !important;
        transform: translateX(-8px) translateY(8px)
    }
}

@-webkit-keyframes text-flicker-in-glow {
    0% {
        opacity: 0
    }

    10%,10.2%,20%,20.6%,30%,30.6%,45%,55.1%,57%,60.1%,65%,75.1%,77%,85.1%,86% {
        opacity: 0 !important;
        text-shadow: none
    }

    10.1% {
        opacity: 1 !important;
        text-shadow: none
    }

    20.1% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.25)
    }

    30.1%,30.5%,45.1%,50%,55% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
    }

    57.1%,60% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
    }

    65.1%,75% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
    }

    77.1%,85% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
    }

    86.1%,to {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
    }
}

@keyframes text-flicker-in-glow {
    0% {
        opacity: 0
    }

    10%,10.2%,20%,20.6%,30%,30.6%,45%,55.1%,57%,60.1%,65%,75.1%,77%,85.1%,86% {
        opacity: 0 !important;
        text-shadow: none
    }

    10.1% {
        opacity: 1 !important;
        text-shadow: none
    }

    20.1% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.25)
    }

    30.1%,30.5%,45.1%,50%,55% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
    }

    57.1%,60% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
    }

    65.1%,75% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
    }

    77.1%,85% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
    }

    86.1%,to {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
    }
}

@-webkit-keyframes text-flicker-out-glow {
    0%,13.9% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
    }

    14%,14.9%,23%,24.9%,35%,39.9%,43%,44.9%,55%,69.4%,70%,79.4%,80%,89.8%,90% {
        opacity: 0 !important;
        text-shadow: none
    }

    15%,22.9% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
    }

    25%,34.9% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
    }

    40%,42.9% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
    }

    45%,50%,54.9%,69.5%,69.9% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
    }

    79.9% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.25)
    }

    89.9% {
        opacity: 1 !important;
        text-shadow: none
    }

    to {
        opacity: 0
    }
}

@keyframes text-flicker-out-glow {
    0%,13.9% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
    }

    14%,14.9%,23%,24.9%,35%,39.9%,43%,44.9%,55%,69.4%,70%,79.4%,80%,89.8%,90% {
        opacity: 0 !important;
        text-shadow: none
    }

    15%,22.9% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
    }

    25%,34.9% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
    }

    40%,42.9% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
    }

    45%,50%,54.9%,69.5%,69.9% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
    }

    79.9% {
        opacity: 1 !important;
        text-shadow: 0 0 30px rgba(255,255,255,.25)
    }

    89.9% {
        opacity: 1 !important;
        text-shadow: none
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes blink-1 {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes blink-1 {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@-webkit-keyframes blink-2 {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .2
    }
}

@keyframes blink-2 {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .2
    }
}

@-webkit-keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-45px) !important;
        transform: translateY(-45px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-24px) !important;
        transform: translateY(-24px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateY(-12px) !important;
        transform: translateY(-12px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateY(-6px) !important;
        transform: translateY(-6px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateY(-4px) !important;
        transform: translateY(-4px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }
}

@keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-45px) !important;
        transform: translateY(-45px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-24px) !important;
        transform: translateY(-24px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateY(-12px) !important;
        transform: translateY(-12px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateY(-6px) !important;
        transform: translateY(-6px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateY(-4px) !important;
        transform: translateY(-4px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }
}

@-webkit-keyframes bounce-right {
    0% {
        -webkit-transform: translateX(48px) !important;
        transform: translateX(48px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateX(26px) !important;
        transform: translateX(26px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateX(13px) !important;
        transform: translateX(13px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateX(6.5px) !important;
        transform: translateX(6.5px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateX(4px) !important;
        transform: translateX(4px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87%,98% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }
}

@keyframes bounce-right {
    0% {
        -webkit-transform: translateX(48px) !important;
        transform: translateX(48px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateX(26px) !important;
        transform: translateX(26px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateX(13px) !important;
        transform: translateX(13px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateX(6.5px) !important;
        transform: translateX(6.5px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateX(4px) !important;
        transform: translateX(4px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87%,98% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }
}

@-webkit-keyframes bounce-bottom {
    0% {
        -webkit-transform: translateY(45px) !important;
        transform: translateY(45px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(24px) !important;
        transform: translateY(24px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateY(12px) !important;
        transform: translateY(12px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateY(6px) !important;
        transform: translateY(6px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateY(4px) !important;
        transform: translateY(4px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }
}

@keyframes bounce-bottom {
    0% {
        -webkit-transform: translateY(45px) !important;
        transform: translateY(45px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(24px) !important;
        transform: translateY(24px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateY(12px) !important;
        transform: translateY(12px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateY(6px) !important;
        transform: translateY(6px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateY(4px) !important;
        transform: translateY(4px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87% {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }
}

@-webkit-keyframes bounce-left {
    0% {
        -webkit-transform: translateX(-48px) !important;
        transform: translateX(-48px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateX(-26px) !important;
        transform: translateX(-26px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateX(-13px) !important;
        transform: translateX(-13px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateX(-6.5px) !important;
        transform: translateX(-6.5px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateX(-4px) !important;
        transform: translateX(-4px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87%,98% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }
}

@keyframes bounce-left {
    0% {
        -webkit-transform: translateX(-48px) !important;
        transform: translateX(-48px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in !important;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateX(-26px) !important;
        transform: translateX(-26px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateX(-13px) !important;
        transform: translateX(-13px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateX(-6.5px) !important;
        transform: translateX(-6.5px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateX(-4px) !important;
        transform: translateX(-4px) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87%,98% {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out !important;
        opacity: 1
    }
}

@-webkit-keyframes flicker-1 {
    0%,41.99%,43.01%,47.99%,49.01%,to {
        opacity: 1
    }

    42%,43%,48%,49% {
        opacity: 0
    }
}

@keyframes flicker-1 {
    0%,41.99%,43.01%,47.99%,49.01%,to {
        opacity: 1
    }

    42%,43%,48%,49% {
        opacity: 0
    }
}

@-webkit-keyframes flicker-2 {
    0%,41.99%,43.01%,45.99%,46.91%,51.99%,52.81%,to {
        opacity: 1
    }

    42%,43%,46%,46.9%,52%,52.8% {
        opacity: 0
    }
}

@keyframes flicker-2 {
    0%,41.99%,43.01%,45.99%,46.91%,51.99%,52.81%,to {
        opacity: 1
    }

    42%,43%,46%,46.9%,52%,52.8% {
        opacity: 0
    }
}

@-webkit-keyframes flicker-3 {
    0%,32.98%,34.02%,34.98%,35.92%,38.98%,39.82%,83.98%,84.92%,to {
        opacity: 1
    }

    33%,34%,35%,35.9%,39%,39.8%,84%,84.9% {
        opacity: 0
    }
}

@keyframes flicker-3 {
    0%,32.98%,34.02%,34.98%,35.92%,38.98%,39.82%,83.98%,84.92%,to {
        opacity: 1
    }

    33%,34%,35%,35.9%,39%,39.8%,84%,84.9% {
        opacity: 0
    }
}

@-webkit-keyframes flicker-4 {
    0%,31.98%,32.82%,34.98%,35.72%,36.98%,37.62%,67.98%,68.42%,95.98%,96.72%,98.98%,99.62%,to {
        opacity: 1
    }

    32%,32.8%,35%,35.7%,37%,37.6%,68%,68.4%,96%,96.7%,99%,99.6% {
        opacity: 0
    }
}

@keyframes flicker-4 {
    0%,31.98%,32.82%,34.98%,35.72%,36.98%,37.62%,67.98%,68.42%,95.98%,96.72%,98.98%,99.62%,to {
        opacity: 1
    }

    32%,32.8%,35%,35.7%,37%,37.6%,68%,68.4%,96%,96.7%,99%,99.6% {
        opacity: 0
    }
}

@-webkit-keyframes flicker-5 {
    -.02%,0%,1%,1.02%,101%,101.02%,14.98%,15.18%,15.48%,15.82%,16.02%,16.22%,16.98%,17%,17.8%,17.82%,20.48%,20.98%,21%,21.32%,22%,22.02%,39.98%,40%,40.48%,41%,41.02%,41.42%,41.98%,42%,42.8%,42.82%,59.98%,60%,60.18%,60.78%,61.02%,61.38%,61.62%,61.78%,61.8%,62.22%,62.8%,62.82%,75.98%,76%,77%,77.02%,77.98%,78.82%,78.98%,79%,8.98%,80%,80.02%,9.48%,9.5%,9.6%,9.62%,9.82%,99.98%,to {
        opacity: 1
    }

    61.4%,62.2%,9%,9.8% {
        opacity: 0
    }

    15%,15.5%,15.8%,16.2% {
        opacity: .5
    }

    15.2%,16%,78%,78.8% {
        opacity: .7
    }

    20.5%,21.3% {
        opacity: .9
    }

    40.5%,41.4% {
        opacity: .6
    }

    60.2%,61% {
        opacity: .2
    }

    60.8%,61.6% {
        opacity: .4
    }
}

@keyframes flicker-5 {
    -.02%,0%,1%,1.02%,101%,101.02%,14.98%,15.18%,15.48%,15.82%,16.02%,16.22%,16.98%,17%,17.8%,17.82%,20.48%,20.98%,21%,21.32%,22%,22.02%,39.98%,40%,40.48%,41%,41.02%,41.42%,41.98%,42%,42.8%,42.82%,59.98%,60%,60.18%,60.78%,61.02%,61.38%,61.62%,61.78%,61.8%,62.22%,62.8%,62.82%,75.98%,76%,77%,77.02%,77.98%,78.82%,78.98%,79%,8.98%,80%,80.02%,9.48%,9.5%,9.6%,9.62%,9.82%,99.98%,to {
        opacity: 1
    }

    61.4%,62.2%,9%,9.8% {
        opacity: 0
    }

    15%,15.5%,15.8%,16.2% {
        opacity: .5
    }

    15.2%,16%,78%,78.8% {
        opacity: .7
    }

    20.5%,21.3% {
        opacity: .9
    }

    40.5%,41.4% {
        opacity: .6
    }

    60.2%,61% {
        opacity: .2
    }

    60.8%,61.6% {
        opacity: .4
    }
}

@-webkit-keyframes jello-horizontal {
    0%,to {
        -webkit-transform: scale3d(1,1,1) !important;
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1) !important;
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1) !important;
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1) !important;
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1) !important;
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1) !important;
        transform: scale3d(1.05,.95,1)
    }
}

@keyframes jello-horizontal {
    0%,to {
        -webkit-transform: scale3d(1,1,1) !important;
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1) !important;
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1) !important;
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1) !important;
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1) !important;
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1) !important;
        transform: scale3d(1.05,.95,1)
    }
}

@-webkit-keyframes jello-vertical {
    0%,to {
        -webkit-transform: scale3d(1,1,1) !important;
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(.75,1.25,1) !important;
        transform: scale3d(.75,1.25,1)
    }

    40% {
        -webkit-transform: scale3d(1.25,.75,1) !important;
        transform: scale3d(1.25,.75,1)
    }

    50% {
        -webkit-transform: scale3d(.85,1.15,1) !important;
        transform: scale3d(.85,1.15,1)
    }

    65% {
        -webkit-transform: scale3d(1.05,.95,1) !important;
        transform: scale3d(1.05,.95,1)
    }

    75% {
        -webkit-transform: scale3d(.95,1.05,1) !important;
        transform: scale3d(.95,1.05,1)
    }
}

@keyframes jello-vertical {
    0%,to {
        -webkit-transform: scale3d(1,1,1) !important;
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(.75,1.25,1) !important;
        transform: scale3d(.75,1.25,1)
    }

    40% {
        -webkit-transform: scale3d(1.25,.75,1) !important;
        transform: scale3d(1.25,.75,1)
    }

    50% {
        -webkit-transform: scale3d(.85,1.15,1) !important;
        transform: scale3d(.85,1.15,1)
    }

    65% {
        -webkit-transform: scale3d(1.05,.95,1) !important;
        transform: scale3d(1.05,.95,1)
    }

    75% {
        -webkit-transform: scale3d(.95,1.05,1) !important;
        transform: scale3d(.95,1.05,1)
    }
}

@-webkit-keyframes jello-diagonal-1 {
    0%,to {
        -webkit-transform: skew(0deg 0deg) !important;
        transform: skew(0deg 0deg)
    }

    30% {
        -webkit-transform: skew(25deg 25deg) !important;
        transform: skew(25deg 25deg)
    }

    40% {
        -webkit-transform: skew(-15deg,-15deg) !important;
        transform: skew(-15deg,-15deg)
    }

    50% {
        -webkit-transform: skew(15deg,15deg) !important;
        transform: skew(15deg,15deg)
    }

    65% {
        -webkit-transform: skew(-5deg,-5deg) !important;
        transform: skew(-5deg,-5deg)
    }

    75% {
        -webkit-transform: skew(5deg,5deg) !important;
        transform: skew(5deg,5deg)
    }
}

@keyframes jello-diagonal-1 {
    0%,to {
        -webkit-transform: skew(0deg 0deg) !important;
        transform: skew(0deg 0deg)
    }

    30% {
        -webkit-transform: skew(25deg 25deg) !important;
        transform: skew(25deg 25deg)
    }

    40% {
        -webkit-transform: skew(-15deg,-15deg) !important;
        transform: skew(-15deg,-15deg)
    }

    50% {
        -webkit-transform: skew(15deg,15deg) !important;
        transform: skew(15deg,15deg)
    }

    65% {
        -webkit-transform: skew(-5deg,-5deg) !important;
        transform: skew(-5deg,-5deg)
    }

    75% {
        -webkit-transform: skew(5deg,5deg) !important;
        transform: skew(5deg,5deg)
    }
}

@-webkit-keyframes jello-diagonal-2 {
    0%,to {
        -webkit-transform: skew(0deg 0deg) !important;
        transform: skew(0deg 0deg)
    }

    30% {
        -webkit-transform: skew(-25deg -25deg) !important;
        transform: skew(-25deg -25deg)
    }

    40% {
        -webkit-transform: skew(15deg,15deg) !important;
        transform: skew(15deg,15deg)
    }

    50% {
        -webkit-transform: skew(-15deg,-15deg) !important;
        transform: skew(-15deg,-15deg)
    }

    65% {
        -webkit-transform: skew(5deg,5deg) !important;
        transform: skew(5deg,5deg)
    }

    75% {
        -webkit-transform: skew(-5deg,-5deg) !important;
        transform: skew(-5deg,-5deg)
    }
}

@keyframes jello-diagonal-2 {
    0%,to {
        -webkit-transform: skew(0deg 0deg) !important;
        transform: skew(0deg 0deg)
    }

    30% {
        -webkit-transform: skew(-25deg -25deg) !important;
        transform: skew(-25deg -25deg)
    }

    40% {
        -webkit-transform: skew(15deg,15deg) !important;
        transform: skew(15deg,15deg)
    }

    50% {
        -webkit-transform: skew(-15deg,-15deg) !important;
        transform: skew(-15deg,-15deg)
    }

    65% {
        -webkit-transform: skew(5deg,5deg) !important;
        transform: skew(5deg,5deg)
    }

    75% {
        -webkit-transform: skew(-5deg,-5deg) !important;
        transform: skew(-5deg,-5deg)
    }
}

@-webkit-keyframes pulsate-bck {
    0%,to {
        -webkit-transform: scale(1) !important;
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.9) !important;
        transform: scale(.9)
    }
}

@keyframes pulsate-bck {
    0%,to {
        -webkit-transform: scale(1) !important;
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.9) !important;
        transform: scale(.9)
    }
}

@-webkit-keyframes pulsate-fwd {
    0%,to {
        -webkit-transform: scale(1) !important;
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1) !important;
        transform: scale(1.1)
    }
}

@keyframes pulsate-fwd {
    0%,to {
        -webkit-transform: scale(1) !important;
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1) !important;
        transform: scale(1.1)
    }
}

@-webkit-keyframes ping {
    0% {
        -webkit-transform: scale(.2) !important;
        transform: scale(.2) !important;
        opacity: .8
    }

    80% {
        -webkit-transform: scale(1.2) !important;
        transform: scale(1.2) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(2.2) !important;
        transform: scale(2.2) !important;
        opacity: 0
    }
}

@keyframes ping {
    0% {
        -webkit-transform: scale(.2) !important;
        transform: scale(.2) !important;
        opacity: .8
    }

    80% {
        -webkit-transform: scale(1.2) !important;
        transform: scale(1.2) !important;
        opacity: 0
    }

    to {
        -webkit-transform: scale(2.2) !important;
        transform: scale(2.2) !important;
        opacity: 0
    }
}

@-webkit-keyframes heartbeat {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: center center !important;
        transform-origin: center center !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    10% {
        -webkit-transform: scale(.91) !important;
        transform: scale(.91) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    17% {
        -webkit-transform: scale(.98) !important;
        transform: scale(.98) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    33% {
        -webkit-transform: scale(.87) !important;
        transform: scale(.87) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    45% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }
}

@keyframes heartbeat {
    0% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-transform-origin: center center !important;
        transform-origin: center center !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    10% {
        -webkit-transform: scale(.91) !important;
        transform: scale(.91) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    17% {
        -webkit-transform: scale(.98) !important;
        transform: scale(.98) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }

    33% {
        -webkit-transform: scale(.87) !important;
        transform: scale(.87) !important;
        -webkit-animation-timing-function: ease-in !important;
        animation-timing-function: ease-in
    }

    45% {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        -webkit-animation-timing-function: ease-out !important;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes shake-bl {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100%
    }

    10%,90% {
        -webkit-transform: rotate(2deg) !important;
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg) !important;
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg) !important;
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg) !important;
        transform: rotate(-2deg)
    }
}

@keyframes shake-bl {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 0 100% !important;
        transform-origin: 0 100%
    }

    10%,90% {
        -webkit-transform: rotate(2deg) !important;
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg) !important;
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg) !important;
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg) !important;
        transform: rotate(-2deg)
    }
}

@-webkit-keyframes shake-br {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    10%,90% {
        -webkit-transform: rotate(2deg) !important;
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg) !important;
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg) !important;
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg) !important;
        transform: rotate(-2deg)
    }
}

@keyframes shake-br {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 100% 100% !important;
        transform-origin: 100% 100%
    }

    10%,90% {
        -webkit-transform: rotate(2deg) !important;
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg) !important;
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg) !important;
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg) !important;
        transform: rotate(-2deg)
    }
}

@-webkit-keyframes shake-horizontal {
    0%,to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0)
    }

    10%,30%,50%,70% {
        -webkit-transform: translateX(-10px) !important;
        transform: translateX(-10px)
    }

    20%,40%,60% {
        -webkit-transform: translateX(10px) !important;
        transform: translateX(10px)
    }

    80% {
        -webkit-transform: translateX(8px) !important;
        transform: translateX(8px)
    }

    90% {
        -webkit-transform: translateX(-8px) !important;
        transform: translateX(-8px)
    }
}

@keyframes shake-horizontal {
    0%,to {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0)
    }

    10%,30%,50%,70% {
        -webkit-transform: translateX(-10px) !important;
        transform: translateX(-10px)
    }

    20%,40%,60% {
        -webkit-transform: translateX(10px) !important;
        transform: translateX(10px)
    }

    80% {
        -webkit-transform: translateX(8px) !important;
        transform: translateX(8px)
    }

    90% {
        -webkit-transform: translateX(-8px) !important;
        transform: translateX(-8px)
    }
}

@-webkit-keyframes shake-left {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50%
    }

    10%,90% {
        -webkit-transform: rotate(2deg) !important;
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg) !important;
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg) !important;
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg) !important;
        transform: rotate(-2deg)
    }
}

@keyframes shake-left {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50%
    }

    10%,90% {
        -webkit-transform: rotate(2deg) !important;
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg) !important;
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg) !important;
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg) !important;
        transform: rotate(-2deg)
    }
}

@-webkit-keyframes shake-top {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 50% 0 !important;
        transform-origin: 50% 0
    }

    10%,90% {
        -webkit-transform: rotate(2deg) !important;
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg) !important;
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg) !important;
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg) !important;
        transform: rotate(-2deg)
    }
}

@keyframes shake-top {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 50% 0 !important;
        transform-origin: 50% 0
    }

    10%,90% {
        -webkit-transform: rotate(2deg) !important;
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg) !important;
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg) !important;
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg) !important;
        transform: rotate(-2deg)
    }
}

@-webkit-keyframes shake-bottom {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }

    10%,90% {
        -webkit-transform: rotate(2deg) !important;
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg) !important;
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg) !important;
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg) !important;
        transform: rotate(-2deg)
    }
}

@keyframes shake-bottom {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 50% 100% !important;
        transform-origin: 50% 100%
    }

    10%,90% {
        -webkit-transform: rotate(2deg) !important;
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg) !important;
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg) !important;
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg) !important;
        transform: rotate(-2deg)
    }
}

@-webkit-keyframes shake-lr {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    10%,90% {
        -webkit-transform: rotate(8deg) !important;
        transform: rotate(8deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-10deg) !important;
        transform: rotate(-10deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(10deg) !important;
        transform: rotate(10deg)
    }

    80% {
        -webkit-transform: rotate(-8deg) !important;
        transform: rotate(-8deg)
    }
}

@keyframes shake-lr {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    10%,90% {
        -webkit-transform: rotate(8deg) !important;
        transform: rotate(8deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-10deg) !important;
        transform: rotate(-10deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(10deg) !important;
        transform: rotate(10deg)
    }

    80% {
        -webkit-transform: rotate(-8deg) !important;
        transform: rotate(-8deg)
    }
}

@-webkit-keyframes shake-right {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }

    10%,90% {
        -webkit-transform: rotate(2deg) !important;
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg) !important;
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg) !important;
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg) !important;
        transform: rotate(-2deg)
    }
}

@keyframes shake-right {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 100% 50% !important;
        transform-origin: 100% 50%
    }

    10%,90% {
        -webkit-transform: rotate(2deg) !important;
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg) !important;
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg) !important;
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg) !important;
        transform: rotate(-2deg)
    }
}

@-webkit-keyframes shake-tl {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0
    }

    10%,90% {
        -webkit-transform: rotate(2deg) !important;
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg) !important;
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg) !important;
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg) !important;
        transform: rotate(-2deg)
    }
}

@keyframes shake-tl {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 0 0 !important;
        transform-origin: 0 0
    }

    10%,90% {
        -webkit-transform: rotate(2deg) !important;
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg) !important;
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg) !important;
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg) !important;
        transform: rotate(-2deg)
    }
}

@-webkit-keyframes shake-tr {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 100% 0 !important;
        transform-origin: 100% 0
    }

    10%,90% {
        -webkit-transform: rotate(2deg) !important;
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg) !important;
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg) !important;
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg) !important;
        transform: rotate(-2deg)
    }
}

@keyframes shake-tr {
    0%,to {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -webkit-transform-origin: 100% 0 !important;
        transform-origin: 100% 0
    }

    10%,90% {
        -webkit-transform: rotate(2deg) !important;
        transform: rotate(2deg)
    }

    20%,40%,60% {
        -webkit-transform: rotate(-4deg) !important;
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg) !important;
        transform: rotate(4deg)
    }

    80% {
        -webkit-transform: rotate(-2deg) !important;
        transform: rotate(-2deg)
    }
}

@-webkit-keyframes shake-vertical {
    0%,to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0)
    }

    10%,30%,50%,70% {
        -webkit-transform: translateY(-8px) !important;
        transform: translateY(-8px)
    }

    20%,40%,60% {
        -webkit-transform: translateY(8px) !important;
        transform: translateY(8px)
    }

    80% {
        -webkit-transform: translateY(6.4px) !important;
        transform: translateY(6.4px)
    }

    90% {
        -webkit-transform: translateY(-6.4px) !important;
        transform: translateY(-6.4px)
    }
}

@keyframes shake-vertical {
    0%,to {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0)
    }

    10%,30%,50%,70% {
        -webkit-transform: translateY(-8px) !important;
        transform: translateY(-8px)
    }

    20%,40%,60% {
        -webkit-transform: translateY(8px) !important;
        transform: translateY(8px)
    }

    80% {
        -webkit-transform: translateY(6.4px) !important;
        transform: translateY(6.4px)
    }

    90% {
        -webkit-transform: translateY(-6.4px) !important;
        transform: translateY(-6.4px)
    }
}

@-webkit-keyframes vibrate-1 {
    0%,to {
        -webkit-transform: translate(0) !important;
        transform: translate(0)
    }

    20% {
        -webkit-transform: translate(-2px,2px) !important;
        transform: translate(-2px,2px)
    }

    40% {
        -webkit-transform: translate(-2px,-2px) !important;
        transform: translate(-2px,-2px)
    }

    60% {
        -webkit-transform: translate(2px,2px) !important;
        transform: translate(2px,2px)
    }

    80% {
        -webkit-transform: translate(2px,-2px) !important;
        transform: translate(2px,-2px)
    }
}

@keyframes vibrate-1 {
    0%,to {
        -webkit-transform: translate(0) !important;
        transform: translate(0)
    }

    20% {
        -webkit-transform: translate(-2px,2px) !important;
        transform: translate(-2px,2px)
    }

    40% {
        -webkit-transform: translate(-2px,-2px) !important;
        transform: translate(-2px,-2px)
    }

    60% {
        -webkit-transform: translate(2px,2px) !important;
        transform: translate(2px,2px)
    }

    80% {
        -webkit-transform: translate(2px,-2px) !important;
        transform: translate(2px,-2px)
    }
}

@-webkit-keyframes vibrate-2 {
    0%,to {
        -webkit-transform: translate(0) !important;
        transform: translate(0)
    }

    20% {
        -webkit-transform: translate(2px,-2px) !important;
        transform: translate(2px,-2px)
    }

    40% {
        -webkit-transform: translate(2px,2px) !important;
        transform: translate(2px,2px)
    }

    60% {
        -webkit-transform: translate(-2px,2px) !important;
        transform: translate(-2px,2px)
    }

    80% {
        -webkit-transform: translate(-2px,-2px) !important;
        transform: translate(-2px,-2px)
    }
}

@keyframes vibrate-2 {
    0%,to {
        -webkit-transform: translate(0) !important;
        transform: translate(0)
    }

    20% {
        -webkit-transform: translate(2px,-2px) !important;
        transform: translate(2px,-2px)
    }

    40% {
        -webkit-transform: translate(2px,2px) !important;
        transform: translate(2px,2px)
    }

    60% {
        -webkit-transform: translate(-2px,2px) !important;
        transform: translate(-2px,2px)
    }

    80% {
        -webkit-transform: translate(-2px,-2px) !important;
        transform: translate(-2px,-2px)
    }
}

@-webkit-keyframes vibrate-3 {
    0%,to {
        -webkit-transform: translate(0) !important;
        transform: translate(0)
    }

    10%,50%,80% {
        -webkit-transform: translate(-2px,-2px) !important;
        transform: translate(-2px,-2px)
    }

    20%,60%,90% {
        -webkit-transform: translate(2px,-2px) !important;
        transform: translate(2px,-2px)
    }

    30%,70% {
        -webkit-transform: translate(-2px,2px) !important;
        transform: translate(-2px,2px)
    }

    40% {
        -webkit-transform: translate(2px,2px) !important;
        transform: translate(2px,2px)
    }
}

@keyframes vibrate-3 {
    0%,to {
        -webkit-transform: translate(0) !important;
        transform: translate(0)
    }

    10%,50%,80% {
        -webkit-transform: translate(-2px,-2px) !important;
        transform: translate(-2px,-2px)
    }

    20%,60%,90% {
        -webkit-transform: translate(2px,-2px) !important;
        transform: translate(2px,-2px)
    }

    30%,70% {
        -webkit-transform: translate(-2px,2px) !important;
        transform: translate(-2px,2px)
    }

    40% {
        -webkit-transform: translate(2px,2px) !important;
        transform: translate(2px,2px)
    }
}

@-webkit-keyframes wobble-hor-bottom {
    0%,to {
        -webkit-transform: translateX(0%) !important;
        transform: translateX(0%) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateX(-30px) rotate(-6deg) !important;
        transform: translateX(-30px) rotate(-6deg)
    }

    30% {
        -webkit-transform: translateX(15px) rotate(6deg) !important;
        transform: translateX(15px) rotate(6deg)
    }

    45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg) !important;
        transform: translateX(-15px) rotate(-3.6deg)
    }

    60% {
        -webkit-transform: translateX(9px) rotate(2.4deg) !important;
        transform: translateX(9px) rotate(2.4deg)
    }

    75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg) !important;
        transform: translateX(-6px) rotate(-1.2deg)
    }
}

@keyframes wobble-hor-bottom {
    0%,to {
        -webkit-transform: translateX(0%) !important;
        transform: translateX(0%) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateX(-30px) rotate(-6deg) !important;
        transform: translateX(-30px) rotate(-6deg)
    }

    30% {
        -webkit-transform: translateX(15px) rotate(6deg) !important;
        transform: translateX(15px) rotate(6deg)
    }

    45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg) !important;
        transform: translateX(-15px) rotate(-3.6deg)
    }

    60% {
        -webkit-transform: translateX(9px) rotate(2.4deg) !important;
        transform: translateX(9px) rotate(2.4deg)
    }

    75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg) !important;
        transform: translateX(-6px) rotate(-1.2deg)
    }
}

@-webkit-keyframes wobble-hor-top {
    0%,to {
        -webkit-transform: translateX(0%) !important;
        transform: translateX(0%) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateX(-30px) rotate(6deg) !important;
        transform: translateX(-30px) rotate(6deg)
    }

    30% {
        -webkit-transform: translateX(15px) rotate(-6deg) !important;
        transform: translateX(15px) rotate(-6deg)
    }

    45% {
        -webkit-transform: translateX(-15px) rotate(3.6deg) !important;
        transform: translateX(-15px) rotate(3.6deg)
    }

    60% {
        -webkit-transform: translateX(9px) rotate(-2.4deg) !important;
        transform: translateX(9px) rotate(-2.4deg)
    }

    75% {
        -webkit-transform: translateX(-6px) rotate(1.2deg) !important;
        transform: translateX(-6px) rotate(1.2deg)
    }
}

@keyframes wobble-hor-top {
    0%,to {
        -webkit-transform: translateX(0%) !important;
        transform: translateX(0%) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateX(-30px) rotate(6deg) !important;
        transform: translateX(-30px) rotate(6deg)
    }

    30% {
        -webkit-transform: translateX(15px) rotate(-6deg) !important;
        transform: translateX(15px) rotate(-6deg)
    }

    45% {
        -webkit-transform: translateX(-15px) rotate(3.6deg) !important;
        transform: translateX(-15px) rotate(3.6deg)
    }

    60% {
        -webkit-transform: translateX(9px) rotate(-2.4deg) !important;
        transform: translateX(9px) rotate(-2.4deg)
    }

    75% {
        -webkit-transform: translateX(-6px) rotate(1.2deg) !important;
        transform: translateX(-6px) rotate(1.2deg)
    }
}

@-webkit-keyframes wobble-ver-left {
    0%,to {
        -webkit-transform: translateY(0) rotate(0) !important;
        transform: translateY(0) rotate(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateY(-30px) rotate(-6deg) !important;
        transform: translateY(-30px) rotate(-6deg)
    }

    30% {
        -webkit-transform: translateY(15px) rotate(6deg) !important;
        transform: translateY(15px) rotate(6deg)
    }

    45% {
        -webkit-transform: translateY(-15px) rotate(-3.6deg) !important;
        transform: translateY(-15px) rotate(-3.6deg)
    }

    60% {
        -webkit-transform: translateY(9px) rotate(2.4deg) !important;
        transform: translateY(9px) rotate(2.4deg)
    }

    75% {
        -webkit-transform: translateY(-6px) rotate(-1.2deg) !important;
        transform: translateY(-6px) rotate(-1.2deg)
    }
}

@keyframes wobble-ver-left {
    0%,to {
        -webkit-transform: translateY(0) rotate(0) !important;
        transform: translateY(0) rotate(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateY(-30px) rotate(-6deg) !important;
        transform: translateY(-30px) rotate(-6deg)
    }

    30% {
        -webkit-transform: translateY(15px) rotate(6deg) !important;
        transform: translateY(15px) rotate(6deg)
    }

    45% {
        -webkit-transform: translateY(-15px) rotate(-3.6deg) !important;
        transform: translateY(-15px) rotate(-3.6deg)
    }

    60% {
        -webkit-transform: translateY(9px) rotate(2.4deg) !important;
        transform: translateY(9px) rotate(2.4deg)
    }

    75% {
        -webkit-transform: translateY(-6px) rotate(-1.2deg) !important;
        transform: translateY(-6px) rotate(-1.2deg)
    }
}

@-webkit-keyframes wobble-ver-right {
    0%,to {
        -webkit-transform: translateY(0) rotate(0) !important;
        transform: translateY(0) rotate(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateY(-30px) rotate(6deg) !important;
        transform: translateY(-30px) rotate(6deg)
    }

    30% {
        -webkit-transform: translateY(15px) rotate(-6deg) !important;
        transform: translateY(15px) rotate(-6deg)
    }

    45% {
        -webkit-transform: translateY(-15px) rotate(3.6deg) !important;
        transform: translateY(-15px) rotate(3.6deg)
    }

    60% {
        -webkit-transform: translateY(9px) rotate(-2.4deg) !important;
        transform: translateY(9px) rotate(-2.4deg)
    }

    75% {
        -webkit-transform: translateY(-6px) rotate(1.2deg) !important;
        transform: translateY(-6px) rotate(1.2deg)
    }
}

@keyframes wobble-ver-right {
    0%,to {
        -webkit-transform: translateY(0) rotate(0) !important;
        transform: translateY(0) rotate(0) !important;
        -webkit-transform-origin: 50% 50% !important;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateY(-30px) rotate(6deg) !important;
        transform: translateY(-30px) rotate(6deg)
    }

    30% {
        -webkit-transform: translateY(15px) rotate(-6deg) !important;
        transform: translateY(15px) rotate(-6deg)
    }

    45% {
        -webkit-transform: translateY(-15px) rotate(3.6deg) !important;
        transform: translateY(-15px) rotate(3.6deg)
    }

    60% {
        -webkit-transform: translateY(9px) rotate(-2.4deg) !important;
        transform: translateY(9px) rotate(-2.4deg)
    }

    75% {
        -webkit-transform: translateY(-6px) rotate(1.2deg) !important;
        transform: translateY(-6px) rotate(1.2deg)
    }
}

@-webkit-keyframes kenburns-bottom-left {
    0% {
        -webkit-transform: scale(1) translate(0,0) !important;
        transform: scale(1) translate(0,0) !important;
        -webkit-transform-origin: 16% 84% !important;
        transform-origin: 16% 84%
    }

    to {
        -webkit-transform: scale(1.25) translate(-20px,15px) !important;
        transform: scale(1.25) translate(-20px,15px) !important;
        -webkit-transform-origin: left bottom !important;
        transform-origin: left bottom
    }
}

@keyframes kenburns-bottom-left {
    0% {
        -webkit-transform: scale(1) translate(0,0) !important;
        transform: scale(1) translate(0,0) !important;
        -webkit-transform-origin: 16% 84% !important;
        transform-origin: 16% 84%
    }

    to {
        -webkit-transform: scale(1.25) translate(-20px,15px) !important;
        transform: scale(1.25) translate(-20px,15px) !important;
        -webkit-transform-origin: left bottom !important;
        transform-origin: left bottom
    }
}

@-webkit-keyframes kenburns-bottom-right {
    0% {
        -webkit-transform: scale(1) translate(0,0) !important;
        transform: scale(1) translate(0,0) !important;
        -webkit-transform-origin: 84% 84% !important;
        transform-origin: 84% 84%
    }

    to {
        -webkit-transform: scale(1.25) translate(20px,15px) !important;
        transform: scale(1.25) translate(20px,15px) !important;
        -webkit-transform-origin: right bottom !important;
        transform-origin: right bottom
    }
}

@keyframes kenburns-bottom-right {
    0% {
        -webkit-transform: scale(1) translate(0,0) !important;
        transform: scale(1) translate(0,0) !important;
        -webkit-transform-origin: 84% 84% !important;
        transform-origin: 84% 84%
    }

    to {
        -webkit-transform: scale(1.25) translate(20px,15px) !important;
        transform: scale(1.25) translate(20px,15px) !important;
        -webkit-transform-origin: right bottom !important;
        transform-origin: right bottom
    }
}

@-webkit-keyframes kenburns-bottom {
    0% {
        -webkit-transform: scale(1) translateY(0) !important;
        transform: scale(1) translateY(0) !important;
        -webkit-transform-origin: 50% 84% !important;
        transform-origin: 50% 84%
    }

    to {
        -webkit-transform: scale(1.25) translateY(15px) !important;
        transform: scale(1.25) translateY(15px) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }
}

@keyframes kenburns-bottom {
    0% {
        -webkit-transform: scale(1) translateY(0) !important;
        transform: scale(1) translateY(0) !important;
        -webkit-transform-origin: 50% 84% !important;
        transform-origin: 50% 84%
    }

    to {
        -webkit-transform: scale(1.25) translateY(15px) !important;
        transform: scale(1.25) translateY(15px) !important;
        -webkit-transform-origin: bottom !important;
        transform-origin: bottom
    }
}

@-webkit-keyframes kenburns-left {
    0% {
        -webkit-transform: scale(1) translate(0,0) !important;
        transform: scale(1) translate(0,0) !important;
        -webkit-transform-origin: 16% 50% !important;
        transform-origin: 16% 50%
    }

    to {
        -webkit-transform: scale(1.25) translate(-20px,15px) !important;
        transform: scale(1.25) translate(-20px,15px) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }
}

@keyframes kenburns-left {
    0% {
        -webkit-transform: scale(1) translate(0,0) !important;
        transform: scale(1) translate(0,0) !important;
        -webkit-transform-origin: 16% 50% !important;
        transform-origin: 16% 50%
    }

    to {
        -webkit-transform: scale(1.25) translate(-20px,15px) !important;
        transform: scale(1.25) translate(-20px,15px) !important;
        -webkit-transform-origin: left !important;
        transform-origin: left
    }
}

@-webkit-keyframes kenburns-right {
    0% {
        -webkit-transform: scale(1) translate(0,0) !important;
        transform: scale(1) translate(0,0) !important;
        -webkit-transform-origin: 84% 50% !important;
        transform-origin: 84% 50%
    }

    to {
        -webkit-transform: scale(1.25) translateX(20px) !important;
        transform: scale(1.25) translateX(20px) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }
}

@keyframes kenburns-right {
    0% {
        -webkit-transform: scale(1) translate(0,0) !important;
        transform: scale(1) translate(0,0) !important;
        -webkit-transform-origin: 84% 50% !important;
        transform-origin: 84% 50%
    }

    to {
        -webkit-transform: scale(1.25) translateX(20px) !important;
        transform: scale(1.25) translateX(20px) !important;
        -webkit-transform-origin: right !important;
        transform-origin: right
    }
}

@-webkit-keyframes kenburns-top-left {
    0% {
        -webkit-transform: scale(1) translate(0,0) !important;
        transform: scale(1) translate(0,0) !important;
        -webkit-transform-origin: 16% 16% !important;
        transform-origin: 16% 16%
    }

    to {
        -webkit-transform: scale(1.25) translate(-20px,-15px) !important;
        transform: scale(1.25) translate(-20px,-15px) !important;
        -webkit-transform-origin: top left !important;
        transform-origin: top left
    }
}

@keyframes kenburns-top-left {
    0% {
        -webkit-transform: scale(1) translate(0,0) !important;
        transform: scale(1) translate(0,0) !important;
        -webkit-transform-origin: 16% 16% !important;
        transform-origin: 16% 16%
    }

    to {
        -webkit-transform: scale(1.25) translate(-20px,-15px) !important;
        transform: scale(1.25) translate(-20px,-15px) !important;
        -webkit-transform-origin: top left !important;
        transform-origin: top left
    }
}

@-webkit-keyframes kenburns-top-right {
    0% {
        -webkit-transform: scale(1) translate(0,0) !important;
        transform: scale(1) translate(0,0) !important;
        -webkit-transform-origin: 84% 16% !important;
        transform-origin: 84% 16%
    }

    to {
        -webkit-transform: scale(1.25) translate(20px,-15px) !important;
        transform: scale(1.25) translate(20px,-15px) !important;
        -webkit-transform-origin: right top !important;
        transform-origin: right top
    }
}

@keyframes kenburns-top-right {
    0% {
        -webkit-transform: scale(1) translate(0,0) !important;
        transform: scale(1) translate(0,0) !important;
        -webkit-transform-origin: 84% 16% !important;
        transform-origin: 84% 16%
    }

    to {
        -webkit-transform: scale(1.25) translate(20px,-15px) !important;
        transform: scale(1.25) translate(20px,-15px) !important;
        -webkit-transform-origin: right top !important;
        transform-origin: right top
    }
}

@-webkit-keyframes kenburns-top {
    0% {
        -webkit-transform: scale(1) translateY(0) !important;
        transform: scale(1) translateY(0) !important;
        -webkit-transform-origin: 50% 16% !important;
        transform-origin: 50% 16%
    }

    to {
        -webkit-transform: scale(1.25) translateY(-15px) !important;
        transform: scale(1.25) translateY(-15px) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }
}

@keyframes kenburns-top {
    0% {
        -webkit-transform: scale(1) translateY(0) !important;
        transform: scale(1) translateY(0) !important;
        -webkit-transform-origin: 50% 16% !important;
        transform-origin: 50% 16%
    }

    to {
        -webkit-transform: scale(1.25) translateY(-15px) !important;
        transform: scale(1.25) translateY(-15px) !important;
        -webkit-transform-origin: top !important;
        transform-origin: top
    }
}

@-webkit-keyframes bg-pan-bl {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: 0 100%
    }
}

@keyframes bg-pan-bl {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: 0 100%
    }
}

@-webkit-keyframes bg-pan-bottom {
    0% {
        background-position: 50% 0
    }

    to {
        background-position: 50% 100%
    }
}

@keyframes bg-pan-bottom {
    0% {
        background-position: 50% 0
    }

    to {
        background-position: 50% 100%
    }
}

@-webkit-keyframes bg-pan-br {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 100% 100%
    }
}

@keyframes bg-pan-br {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 100% 100%
    }
}

@-webkit-keyframes bg-pan-left {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes bg-pan-left {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@-webkit-keyframes bg-pan-right {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

@keyframes bg-pan-right {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

@-webkit-keyframes bg-pan-tl {
    0% {
        background-position: 100% 100%
    }

    to {
        background-position: 0 0
    }
}

@keyframes bg-pan-tl {
    0% {
        background-position: 100% 100%
    }

    to {
        background-position: 0 0
    }
}

@-webkit-keyframes bg-pan-top {
    0% {
        background-position: 50% 100%
    }

    to {
        background-position: 50% 0
    }
}

@keyframes bg-pan-top {
    0% {
        background-position: 50% 100%
    }

    to {
        background-position: 50% 0
    }
}

@-webkit-keyframes bg-pan-tr {
    0% {
        background-position: 0 100%
    }

    to {
        background-position: 100% 0
    }
}

@keyframes bg-pan-tr {
    0% {
        background-position: 0 100%
    }

    to {
        background-position: 100% 0
    }
}

@-webkit-keyframes color-change-2x {
    0% {
        background: #19dcea
    }

    to {
        background: #b22cff
    }
}

@keyframes color-change-2x {
    0% {
        background: #19dcea
    }

    to {
        background: #b22cff
    }
}

@-webkit-keyframes color-change-3x {
    0% {
        background: #19dcea
    }

    50% {
        background: #b22cff
    }

    to {
        background: #ea2222
    }
}

@keyframes color-change-3x {
    0% {
        background: #19dcea
    }

    50% {
        background: #b22cff
    }

    to {
        background: #ea2222
    }
}

@-webkit-keyframes color-change-4x {
    0% {
        background: #19dcea
    }

    33.3333% {
        background: #b22cff
    }

    66.666% {
        background: #ea2222
    }

    to {
        background: #f5be10
    }
}

@keyframes color-change-4x {
    0% {
        background: #19dcea
    }

    33.3333% {
        background: #b22cff
    }

    66.666% {
        background: #ea2222
    }

    to {
        background: #f5be10
    }
}

@-webkit-keyframes color-change-5x {
    0% {
        background: #19dcea
    }

    25% {
        background: #b22cff
    }

    50% {
        background: #ea2222
    }

    75% {
        background: #f5be10
    }

    to {
        background: #3bd80d
    }
}

@keyframes color-change-5x {
    0% {
        background: #19dcea
    }

    25% {
        background: #b22cff
    }

    50% {
        background: #ea2222
    }

    75% {
        background: #f5be10
    }

    to {
        background: #3bd80d
    }
}