[class~=slideDown] {
    animation-name: slideDown
}

[class~=slideDown] {
    -webkit-animation-name: slideDown
}

[class~=slideDown] {
    animation-duration: 1s
}

[class~=slideDown] {
    -webkit-animation-duration: 1s
}

[class~=slideDown] {
    animation-timing-function: ease
}

[class~=slideDown] {
    -webkit-animation-timing-function: ease
}

[class~=slideDown] {
    visibility: visible!important
}

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

    50% {
        transform: translateY(8%)
    }

    65% {
        transform: translateY(-4%)
    }

    80% {
        transform: translateY(4%)
    }

    95% {
        transform: translateY(-2%)
    }

    100% {
        transform: translateY(0%)
    }
}

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

    50% {
        -webkit-transform: translateY(8%)
    }

    65% {
        -webkit-transform: translateY(-4%)
    }

    80% {
        -webkit-transform: translateY(4%)
    }

    95% {
        -webkit-transform: translateY(-2%)
    }

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

[class~=slideUp] {
    animation-name: slideUp
}

[class~=slideUp] {
    -webkit-animation-name: slideUp
}

[class~=slideUp] {
    animation-duration: 1s
}

[class~=slideUp] {
    -webkit-animation-duration: 1s
}

[class~=slideUp] {
    animation-timing-function: ease
}

[class~=slideUp] {
    -webkit-animation-timing-function: ease
}

[class~=slideUp] {
    visibility: visible!important
}

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

    50% {
        transform: translateY(-8%)
    }

    65% {
        transform: translateY(4%)
    }

    80% {
        transform: translateY(-4%)
    }

    95% {
        transform: translateY(2%)
    }

    100% {
        transform: translateY(0%)
    }
}

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

    50% {
        -webkit-transform: translateY(-8%)
    }

    65% {
        -webkit-transform: translateY(4%)
    }

    80% {
        -webkit-transform: translateY(-4%)
    }

    95% {
        -webkit-transform: translateY(2%)
    }

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

[class~=slideLeft] {
    animation-name: slideLeft
}

[class~=slideLeft] {
    -webkit-animation-name: slideLeft
}

[class~=slideLeft] {
    animation-duration: 1s
}

[class~=slideLeft] {
    -webkit-animation-duration: 1s
}

[class~=slideLeft] {
    animation-timing-function: ease-in-out
}

[class~=slideLeft] {
    -webkit-animation-timing-function: ease-in-out
}

[class~=slideLeft] {
    visibility: visible!important
}

@keyframes slideLeft {
    0% {
        transform: translateX(150%)
    }

    50% {
        transform: translateX(-8%)
    }

    65% {
        transform: translateX(4%)
    }

    80% {
        transform: translateX(-4%)
    }

    95% {
        transform: translateX(2%)
    }

    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translateX(150%)
    }

    50% {
        -webkit-transform: translateX(-8%)
    }

    65% {
        -webkit-transform: translateX(4%)
    }

    80% {
        -webkit-transform: translateX(-4%)
    }

    95% {
        -webkit-transform: translateX(2%)
    }

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

.slideRight {
    animation-name: slideRight
}

.slideRight {
    -webkit-animation-name: slideRight
}

.slideRight {
    animation-duration: 1s
}

.slideRight {
    -webkit-animation-duration: 1s
}

.slideRight {
    animation-timing-function: ease-in-out
}

.slideRight {
    -webkit-animation-timing-function: ease-in-out
}

.slideRight {
    visibility: visible!important
}

@keyframes slideRight {
    0% {
        transform: translateX(-150%)
    }

    50% {
        transform: translateX(8%)
    }

    65% {
        transform: translateX(-4%)
    }

    80% {
        transform: translateX(4%)
    }

    95% {
        transform: translateX(-2%)
    }

    100% {
        transform: translateX(0%)
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-150%)
    }

    50% {
        -webkit-transform: translateX(8%)
    }

    65% {
        -webkit-transform: translateX(-4%)
    }

    80% {
        -webkit-transform: translateX(4%)
    }

    95% {
        -webkit-transform: translateX(-2%)
    }

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

[class~=slideExpandUp] {
    animation-name: slideExpandUp
}

[class~=slideExpandUp] {
    -webkit-animation-name: slideExpandUp
}

[class~=slideExpandUp] {
    animation-duration: 1.6s
}

[class~=slideExpandUp] {
    -webkit-animation-duration: 1.6s
}

[class~=slideExpandUp] {
    animation-timing-function: ease-out
}

[class~=slideExpandUp] {
    -webkit-animation-timing-function: ease -out
}

[class~=slideExpandUp] {
    visibility: visible!important
}

@keyframes slideExpandUp {
    0% {
        transform: translateY(100%) scaleX(.5)
    }

    30% {
        transform: translateY(-8%) scaleX(.5)
    }

    40% {
        transform: translateY(2%) scaleX(.5)
    }

    50% {
        transform: translateY(0%) scaleX(1.1)
    }

    60% {
        transform: translateY(0%) scaleX(.9)
    }

    70% {
        transform: translateY(0%) scaleX(1.05)
    }

    80% {
        transform: translateY(0%) scaleX(.95)
    }

    90% {
        transform: translateY(0%) scaleX(1.02)
    }

    100% {
        transform: translateY(0%) scaleX(1)
    }
}

@-webkit-keyframes slideExpandUp {
    0% {
        -webkit-transform: translateY(100%) scaleX(.5)
    }

    30% {
        -webkit-transform: translateY(-8%) scaleX(.5)
    }

    40% {
        -webkit-transform: translateY(2%) scaleX(.5)
    }

    50% {
        -webkit-transform: translateY(0%) scaleX(1.1)
    }

    60% {
        -webkit-transform: translateY(0%) scaleX(.9)
    }

    70% {
        -webkit-transform: translateY(0%) scaleX(1.05)
    }

    80% {
        -webkit-transform: translateY(0%) scaleX(.95)
    }

    90% {
        -webkit-transform: translateY(0%) scaleX(1.02)
    }

    100% {
        -webkit-transform: translateY(0%) scaleX(1)
    }
}

[class~=expandUp] {
    animation-name: expandUp
}

[class~=expandUp] {
    -webkit-animation-name: expandUp
}

[class~=expandUp] {
    animation-duration: .7s
}

[class~=expandUp] {
    -webkit-animation-duration: .7s
}

[class~=expandUp] {
    animation-timing-function: ease
}

[class~=expandUp] {
    -webkit-animation-timing-function: ease
}

[class~=expandUp] {
    visibility: visible!important
}

@keyframes expandUp {
    0% {
        transform: translateY(100%) scale(.6) scaleY(.5)
    }

    60% {
        transform: translateY(-7%) scaleY(1.12)
    }

    75% {
        transform: translateY(3%)
    }

    100% {
        transform: translateY(0%) scale(1) scaleY(1)
    }
}

@-webkit-keyframes expandUp {
    0% {
        -webkit-transform: translateY(100%) scale(.6) scaleY(.5)
    }

    60% {
        -webkit-transform: translateY(-7%) scaleY(1.12)
    }

    75% {
        -webkit-transform: translateY(3%)
    }

    100% {
        -webkit-transform: translateY(0%) scale(1) scaleY(1)
    }
}

[class~=fadeIn] {
    animation-name: fadeIn
}

[class~=fadeIn] {
    -webkit-animation-name: fadeIn
}

[class~=fadeIn] {
    animation-duration: 1.5s
}

[class~=fadeIn] {
    -webkit-animation-duration: 1.5s
}

[class~=fadeIn] {
    animation-timing-function: ease-in-out
}

[class~=fadeIn] {
    -webkit-animation-timing-function: ease-in-out
}

[class~=fadeIn] {
    visibility: visible!important
}

@keyframes fadeIn {
    0% {
        transform: scale(0);
        opacity: 0
    }

    60% {
        transform: scale(1.1)
    }

    80% {
        transform: scale(.9);
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(1.1)
    }

    80% {
        -webkit-transform: scale(.9);
        opacity: 1
    }

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

[class~=expandOpen] {
    animation-name: expandOpen
}

[class~=expandOpen] {
    -webkit-animation-name: expandOpen
}

[class~=expandOpen] {
    animation-duration: 1.2s
}

[class~=expandOpen] {
    -webkit-animation-duration: 1.2s
}

[class~=expandOpen] {
    animation-timing-function: ease-out
}

[class~=expandOpen] {
    -webkit-animation-timing-function: ease-out
}

[class~=expandOpen] {
    visibility: visible!important
}

@keyframes expandOpen {
    0% {
        transform: scale(1.8)
    }

    50% {
        transform: scale(.95)
    }

    80% {
        transform: scale(1.05)
    }

    90% {
        transform: scale(.98)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes expandOpen {
    0% {
        -webkit-transform: scale(1.8)
    }

    50% {
        -webkit-transform: scale(.95)
    }

    80% {
        -webkit-transform: scale(1.05)
    }

    90% {
        -webkit-transform: scale(.98)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

[class~=bigEntrance] {
    animation-name: bigEntrance
}

[class~=bigEntrance] {
    -webkit-animation-name: bigEntrance
}

[class~=bigEntrance] {
    animation-duration: 1.6s
}

[class~=bigEntrance] {
    -webkit-animation-duration: 1.6s
}

[class~=bigEntrance] {
    animation-timing-function: ease-out
}

[class~=bigEntrance] {
    -webkit-animation-timing-function: ease-out
}

[class~=bigEntrance] {
    visibility: visible!important
}

@keyframes bigEntrance {
    0% {
        transform: scale(.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: .2
    }

    30% {
        transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1
    }

    45% {
        transform: scale(.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    60% {
        transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    75% {
        transform: scale(.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    90% {
        transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    100% {
        transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }
}

@-webkit-keyframes bigEntrance {
    0% {
        -webkit-transform: scale(.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: .2
    }

    30% {
        -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1
    }

    45% {
        -webkit-transform: scale(.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1
    }

    90% {
        -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1
    }

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

.hatch {
    animation-name: hatch
}

.hatch {
    -webkit-animation-name: hatch
}

.hatch {
    animation-duration: 2s
}

.hatch {
    -webkit-animation-duration: 2s
}

.hatch {
    animation-timing-function: ease-in-out
}

.hatch {
    -webkit-animation-timing-function: ease-in-out
}

.hatch {
    transform-origin: 50% 100%
}

.hatch {
    -ms-transform-origin: 50% 100%
}

.hatch {
    -webkit-transform-origin: 50% 100%
}

.hatch {
    visibility: visible!important
}

@keyframes hatch {
    0% {
        transform: rotate(0deg) scaleY(.6)
    }

    20% {
        transform: rotate(-2deg) scaleY(1.05)
    }

    35% {
        transform: rotate(2deg) scaleY(1)
    }

    50% {
        transform: rotate(-2deg)
    }

    65% {
        transform: rotate(1deg)
    }

    80% {
        transform: rotate(-1deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes hatch {
    0% {
        -webkit-transform: rotate(0deg) scaleY(.6)
    }

    20% {
        -webkit-transform: rotate(-2deg) scaleY(1.05)
    }

    35% {
        -webkit-transform: rotate(2deg) scaleY(1)
    }

    50% {
        -webkit-transform: rotate(-2deg)
    }

    65% {
        -webkit-transform: rotate(1deg)
    }

    80% {
        -webkit-transform: rotate(-1deg)
    }

    100% {
        -webkit-transform: rotate(0deg)
    }
}

[class~=bounce] {
    animation-name: bounce
}

[class~=bounce] {
    -webkit-animation-name: bounce
}

[class~=bounce] {
    animation-duration: 1.6s
}

[class~=bounce] {
    -webkit-animation-duration: 1.6s
}

[class~=bounce] {
    animation-timing-function: ease
}

[class~=bounce] {
    -webkit-animation-timing-function: ease
}

[class~=bounce] {
    transform-origin: 50% 100%
}

[class~=bounce] {
    -ms-transform-origin: 50% 100%
}

[class~=bounce] {
    -webkit-transform-origin: 50% 100%
}

@keyframes bounce {
    0% {
        transform: translateY(0%) scaleY(.6)
    }

    60% {
        transform: translateY(-100%) scaleY(1.1)
    }

    70% {
        transform: translateY(0%) scaleY(.95) scaleX(1.05)
    }

    80% {
        transform: translateY(0%) scaleY(1.05) scaleX(1)
    }

    90% {
        transform: translateY(0%) scaleY(.95) scaleX(1)
    }

    100% {
        transform: translateY(0%) scaleY(1) scaleX(1)
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0%) scaleY(.6)
    }

    60% {
        -webkit-transform: translateY(-100%) scaleY(1.1)
    }

    70% {
        -webkit-transform: translateY(0%) scaleY(.95) scaleX(1.05)
    }

    80% {
        -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1)
    }

    90% {
        -webkit-transform: translateY(0%) scaleY(.95) scaleX(1)
    }

    100% {
        -webkit-transform: translateY(0%) scaleY(1) scaleX(1)
    }
}

[class~=pulse] {
    animation-name: pulse
}

[class~=pulse] {
    -webkit-animation-name: pulse
}

[class~=pulse] {
    animation-duration: 1.5s
}

[class~=pulse] {
    -webkit-animation-duration: 1.5s
}

[class~=pulse] {
    animation-iteration-count: infinite
}

[class~=pulse] {
    -webkit-animation-iteration-count: infinite
}

@keyframes pulse {
    0% {
        transform: scale(.9);
        opacity: .7
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.9);
        opacity: .7
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.95);
        opacity: .7
    }

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

    100% {
        -webkit-transform: scale(.95);
        opacity: .7
    }
}

[class~=floating] {
    animation-name: floating
}

[class~=floating] {
    -webkit-animation-name: floating
}

[class~=floating] {
    animation-duration: 1.5s
}

[class~=floating] {
    -webkit-animation-duration: 1.5s
}

[class~=floating] {
    animation-iteration-count: infinite
}

[class~=floating] {
    -webkit-animation-iteration-count: infinite
}

@keyframes floating {
    0% {
        transform: translateY(0%)
    }

    50% {
        transform: translateY(8%)
    }

    100% {
        transform: translateY(0%)
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%)
    }

    50% {
        -webkit-transform: translateY(8%)
    }

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

.pullUp {
    animation-name: pullUp
}

.pullUp {
    -webkit-animation-name: pullUp
}

.pullUp {
    animation-duration: 1.1s
}

.pullUp {
    -webkit-animation-duration: 1.1s
}

.pullUp {
    animation-timing-function: ease-out
}

.pullUp {
    -webkit-animation-timing-function: ease-out
}

.pullUp {
    transform-origin: 50% 100%
}

.pullUp {
    -ms-transform-origin: 50% 100%
}

.pullUp {
    -webkit-transform-origin: 50% 100%
}

@keyframes pullUp {
    0% {
        transform: scaleY(.1)
    }

    40% {
        transform: scaleY(1.02)
    }

    60% {
        transform: scaleY(.98)
    }

    80% {
        transform: scaleY(1.01)
    }

    100% {
        transform: scaleY(.98)
    }

    80% {
        transform: scaleY(1.01)
    }

    100% {
        transform: scaleY(1)
    }
}

@-webkit-keyframes pullUp {
    0% {
        -webkit-transform: scaleY(.1)
    }

    40% {
        -webkit-transform: scaleY(1.02)
    }

    60% {
        -webkit-transform: scaleY(.98)
    }

    80% {
        -webkit-transform: scaleY(1.01)
    }

    100% {
        -webkit-transform: scaleY(.98)
    }

    80% {
        -webkit-transform: scaleY(1.01)
    }

    100% {
        -webkit-transform: scaleY(1)
    }
}

.pullDown {
    animation-name: pullDown
}

.pullDown {
    -webkit-animation-name: pullDown
}

.pullDown {
    animation-duration: 1.1s
}

.pullDown {
    -webkit-animation-duration: 1.1s
}

.pullDown {
    animation-timing-function: ease-out
}

.pullDown {
    -webkit-animation-timing-function: ease-out
}

.pullDown {
    transform-origin: 50% 0%
}

.pullDown {
    -ms-transform-origin: 50% 0%
}

.pullDown {
    -webkit-transform-origin: 50% 0%
}

@keyframes pullDown {
    0% {
        transform: scaleY(.1)
    }

    40% {
        transform: scaleY(1.02)
    }

    60% {
        transform: scaleY(.98)
    }

    80% {
        transform: scaleY(1.01)
    }

    100% {
        transform: scaleY(.98)
    }

    80% {
        transform: scaleY(1.01)
    }

    100% {
        transform: scaleY(1)
    }
}

@-webkit-keyframes pullDown {
    0% {
        -webkit-transform: scaleY(.1)
    }

    40% {
        -webkit-transform: scaleY(1.02)
    }

    60% {
        -webkit-transform: scaleY(.98)
    }

    80% {
        -webkit-transform: scaleY(1.01)
    }

    100% {
        -webkit-transform: scaleY(.98)
    }

    80% {
        -webkit-transform: scaleY(1.01)
    }

    100% {
        -webkit-transform: scaleY(1)
    }
}

[class~=stretchLeft] {
    animation-name: stretchLeft
}

[class~=stretchLeft] {
    -webkit-animation-name: stretchLeft
}

[class~=stretchLeft] {
    animation-duration: 1.5s
}

[class~=stretchLeft] {
    -webkit-animation-duration: 1.5s
}

[class~=stretchLeft] {
    animation-timing-function: ease-out
}

[class~=stretchLeft] {
    -webkit-animation-timing-function: ease-out
}

[class~=stretchLeft] {
    transform-origin: 100% 0%
}

[class~=stretchLeft] {
    -ms-transform-origin: 100% 0%
}

[class~=stretchLeft] {
    -webkit-transform-origin: 100% 0%
}

@keyframes stretchLeft {
    0% {
        transform: scaleX(.3)
    }

    40% {
        transform: scaleX(1.02)
    }

    60% {
        transform: scaleX(.98)
    }

    80% {
        transform: scaleX(1.01)
    }

    100% {
        transform: scaleX(.98)
    }

    80% {
        transform: scaleX(1.01)
    }

    100% {
        transform: scaleX(1)
    }
}

@-webkit-keyframes stretchLeft {
    0% {
        -webkit-transform: scaleX(.3)
    }

    40% {
        -webkit-transform: scaleX(1.02)
    }

    60% {
        -webkit-transform: scaleX(.98)
    }

    80% {
        -webkit-transform: scaleX(1.01)
    }

    100% {
        -webkit-transform: scaleX(.98)
    }

    80% {
        -webkit-transform: scaleX(1.01)
    }

    100% {
        -webkit-transform: scaleX(1)
    }
}

.stretchRight {
    animation-name: stretchRight
}

.stretchRight {
    -webkit-animation-name: stretchRight
}

.stretchRight {
    animation-duration: 1.5s
}

.stretchRight {
    -webkit-animation-duration: 1.5s
}

.stretchRight {
    animation-timing-function: ease-out
}

.stretchRight {
    -webkit-animation-timing-function: ease-out
}

.stretchRight {
    transform-origin: 0% 0%
}

.stretchRight {
    -ms-transform-origin: 0% 0%
}

.stretchRight {
    -webkit-transform-origin: 0% 0%
}

@keyframes stretchRight {
    0% {
        transform: scaleX(.3)
    }

    40% {
        transform: scaleX(1.02)
    }

    60% {
        transform: scaleX(.98)
    }

    80% {
        transform: scaleX(1.01)
    }

    100% {
        transform: scaleX(.98)
    }

    80% {
        transform: scaleX(1.01)
    }

    100% {
        transform: scaleX(1)
    }
}

@-webkit-keyframes stretchRight {
    0% {
        -webkit-transform: scaleX(.3)
    }

    40% {
        -webkit-transform: scaleX(1.02)
    }

    60% {
        -webkit-transform: scaleX(.98)
    }

    80% {
        -webkit-transform: scaleX(1.01)
    }

    100% {
        -webkit-transform: scaleX(.98)
    }

    80% {
        -webkit-transform: scaleX(1.01)
    }

    100% {
        -webkit-transform: scaleX(1)
    }
}