.sz-slider {
    margin: auto;
    display: none;
    overflow: hidden !important;
    height: 550px !important;
}

.sz-slider[data-type=slider][data-height=auto] {
    transition: height .35s ease;
    -webkit-transition: height .35s ease
}

.sz-slider .carousel-indicators {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    z-index: 15;
    width: 110px;
    height: 29px;
    font-size: 0;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    overflow: hidden;
    list-style: none;
    position: absolute;
    text-align: center;
    justify-content: unset;
    background: transparent;
    border: 0 solid transparent
}

.sz-slider .carousel-indicators li {
    flex: none;
    opacity: 1;
    width: 30px;
    height: 3px;
    border: none;
    color: #717375;
    display: block;
    text-indent: 0;
    font-size: 16px;
    margin-left: 3px;
    margin-right: 3px;
    position: absolute;
    background-clip: unset;
    background-color: #717375;
    transform: translate(0);
    -webkit-transform: translate(0);
    transition-property: transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity
}

@media (prefers-reduced-motion: reduce) {
    .sz-slider .carousel-indicators li {
        transition: none;
        -webkit-transition: none
    }
}

.sz-slider .carousel-indicators .active {
    opacity: 1;
    border: none;
    background-color: #1a73e8;
    transition: transform 0 ease;
    -webkit-transition: -webkit-transform 0 ease
}

.sz-slider[data-ind-type=relative] .carousel-indicators {
    background: #fff
}

.sz-slider .carousel-indicators {
    top: auto
}

.sz-slider[data-type=carousel] .carousel-indicators {
    width: 170px;
    height: 14px;
    padding: 2px 0 0;
    margin: 0 auto 15px
}

.sz-slider[data-type=carousel][data-ind-direction=x][data-ind-position=top] .carousel-indicators {
    top: 0;
    bottom: auto;
    margin: 15px auto 0
}

.sz-slider[data-type=carousel][data-ind-type=relative] .carousel-indicators {
    margin: 0 auto
}

.sz-slider[data-type=carousel][data-ind-direction=y] .carousel-indicators {
    top: 0;
    bottom: 0;
    left: auto;
    width: 16px;
    height: 170px;
    padding: 0 0 0 2px;
    text-align: center;
    margin: auto 7px auto 0
}

.sz-slider[data-type=carousel][data-ind-direction=y][data-ind-position=left] .carousel-indicators {
    top: 0;
    bottom: 0;
    right: auto;
    margin: auto 0 auto 7px
}

.sz-slider[data-type=carousel][data-ind-direction=y][data-ind-type=relative] .carousel-indicators {
    margin: auto 0
}

.sz-slider[data-type=carousel] .carousel-indicators > li {
    padding: 0;
    opacity: 1;
    width: 10px;
    height: 10px;
    border: none;
    margin: 0 2px;
    border-radius: 100%;
    -webkit-border-radius: 100%
}

.sz-slider[data-type=carousel][data-ind-direction=y] .carousel-indicators > li {
    margin: 2px 0
}

.sz-slider[data-type=slider] .carousel-indicators {
    height: 3px;
    width: 182px;
    margin: 0 auto 30px
}

.sz-slider[data-type=slider][data-ind-direction=x][data-ind-position=top] .carousel-indicators {
    top: 0;
    bottom: auto;
    margin: 30px auto 0
}

.sz-slider[data-type=slider][data-ind-type=relative][data-ind-direction=x][data-ind-position=top] .carousel-indicators, .sz-slider[data-type=slider][data-ind-type=relative] .carousel-indicators {
    margin: 0 auto
}

.sz-slider[data-type=slider][data-ind-direction=y] .carousel-indicators {
    top: 0;
    bottom: 0;
    left: auto;
    width: 33px;
    height: 50%;
    padding: 0 0 0 2px;
    margin: auto 7px auto 0
}

.sz-slider[data-type=slider][data-ind-direction=y][data-ind-position=left] .carousel-indicators {
    top: 0;
    bottom: 0;
    right: auto;
    margin: auto 0 auto 7px
}

.sz-slider[data-type=slider][data-ind-direction=y][data-ind-type=relative] .carousel-indicators {
    margin: auto 0
}

.sz-slider[data-type=slider] .carousel-indicators > li {
    padding: 0;
    opacity: 1;
    width: 30px;
    height: 3px;
    border: none;
    margin: 0 3px;
    border-radius: 0;
    -webkit-border-radius: 0
}

.sz-slider[data-type=slider][data-ind-direction=y] .carousel-indicators > li {
    margin: 3px 0
}

.sz-slider > .carousel-indicators.sz-thumbnails li {
    opacity: 1;
    width: 150px;
    height: auto;
    display: block;
    overflow: hidden;
    background: transparent;
    border: 2px solid #f0f2f4;
    border-radius: 4px;
    -webkit-border-radius: 4px
}

.sz-slider > .carousel-indicators.sz-thumbnails li img {
    width: 100%;
    display: block
}

.sz-slider > .carousel-indicators.sz-thumbnails li.active {
    border: 2px solid #1a73e8
}

.sz-slider[data-ind-direction=x] > .carousel-indicators.sz-thumbnails {
    width: 100%;
    height: 66px;
    padding: 2px;
    margin: 0 auto 5px
}

.sz-slider[data-ind-direction=x][data-ind-position=top] .carousel-indicators.sz-thumbnails {
    margin: 5px auto 0
}

.sz-slider[data-ind-type=relative][data-ind-direction=x] .carousel-indicators.sz-thumbnails {
    margin: 0 auto
}

.sz-slider[data-ind-direction=y] > .carousel-indicators.sz-thumbnails {
    width: 158px;
    height: 100%
}

.sz-slider .carousel-inner {
    margin: 0;
    padding: 0;
    font-size: 0;
    overflow: hidden !important;
    transition-property: transform;
    -webkit-transition-property: -webkit-transform
}

.sz-slider[data-type=slider][data-height=auto] .carousel-inner {
    transition-property: transform, height;
    -webkit-transition-property: -webkit-transform, height
}

.sz-slider:not([data-animation=fade]) > .carousel-inner > .item {
    margin: 0;
    padding: 0;
    float: left;
    overflow: hidden !important;
    transition: transform 0 ease;
    -webkit-transition: -webkit-transform 0 ease
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .sz-slider:not([data-animation=fade]) > .carousel-inner > .item {
        transform: none;
        -webkit-transform: none;
        transition: transform 0 ease;
        -webkit-transition: -webkit-transform 0 ease;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        perspective: none;
        -webkit-perspective: none
    }

    .sz-slider:not([data-animation=fade]) > .carousel-inner > .item.next, .sz-slider:not([data-animation=fade]) > .carousel-inner > .item.active.right {
        transform: none;
        -webkit-transform: none;
        left: unset
    }

    .sz-slider:not([data-animation=fade]) > .carousel-inner > .item.prev, .sz-slider:not([data-animation=fade]) > .carousel-inner > .item.active.left {
        transform: none;
        -webkit-transform: none;
        left: unset
    }

    .sz-slider:not([data-animation=fade]) > .carousel-inner > .item.next.left, .sz-slider:not([data-animation=fade]) > .carousel-inner > .item.prev.right, .sz-slider:not([data-animation=fade]) > .carousel-inner > .item.active {
        transform: none;
        -webkit-transform: none;
        left: unset
    }
}

.sz-slider:not([data-animation=fade]) > .carousel-inner > .item.active, .sz-slider:not([data-animation=fade]) > .carousel-inner > .next, .sz-slider:not([data-animation=fade]) > .carousel-inner > .prev {
    display: block
}

.sz-slider:not([data-animation=fade]) > .carousel-inner > .item.active {
    left: unset
}

.sz-slider:not([data-animation=fade]) > .carousel-inner > .next, .sz-slider:not([data-animation=fade]) > .carousel-inner > .prev {
    position: relative;
    top: unset;
    width: 100%
}

.sz-slider:not([data-animation=fade]) > .carousel-inner > .next {
    left: unset
}

.sz-slider:not([data-animation=fade]) > .carousel-inner > .prev {
    left: unset
}

.sz-slider:not([data-animation=fade]) > .carousel-inner > .next.left, .sz-slider:not([data-animation=fade]) > .carousel-inner > .prev.right {
    left: unset
}

.sz-slider:not([data-animation=fade]) > .carousel-inner > .active.left {
    left: unset
}

.sz-slider:not([data-animation=fade]) > .carousel-inner > .active.right {
    left: unset
}

.sz-slider[data-type=slider][data-animation=fade] .item {
    opacity: 0;
    z-index: 0;
    position: absolute;
    display: inline-block;
    overflow: hidden !important;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    transition-property: opacity, z-index;
    -webkit-transition-property: opacity, z-index
}

.sz-slider[data-animation=fade] .item.active {
    opacity: 1;
    z-index: 1
}

.sz-slider .sz-links, .sz-slider .sz-wrapper {
    width: 100%;
    height: 100%;
    display: block
}

.sz-slider[data-type=carousel] .carousel-inner > .item .sz-wrapper > img, .sz-slider[data-type=carousel] .carousel-inner > .item .sz-links > img {
    width: 100%;
    height: 100%;
    margin: auto;
    display: block
}

.sz-slider:not([data-animation=fade]) > .carousel-inner > .carousel-item {
    margin: 0;
    padding: 0;
    float: left;
    overflow: hidden !important;
    transform: none;
    -webkit-transform: none;
    transition-property: transform;
    -webkit-transition-property: -webkit-transform
}

.sz-slider[data-type=slider]:not([data-background=image]) > .carousel-inner > .item {
    background-repeat: no-repeat;
    background-position: top center
}

.sz-slider[data-type=slider]:not([data-background=image]) > .carousel-inner > .carousel-item {
    background-repeat: no-repeat;
    background-position: top center
}

.sz-slider[data-type=slider][data-animation=fade] .carousel-item {
    opacity: 0;
    z-index: 0;
    position: absolute;
    display: inline-block;
    overflow: hidden !important;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    transition-property: opacity, z-index;
    -webkit-transition-property: opacity, z-index
}

.sz-slider[data-animation=fade] .carousel-item.active {
    opacity: 1;
    z-index: 1
}

.sz-slider[data-type=slider][data-animation=class] .carousel-inner {
    perspective: 200px;
    -webkit-perspective: 200px;
    perspective-origin: calc(50% + 120px) 50%;
    -webkit-perspective-origin: calc(50% + 120px) 50%
}

.sz-slider[data-type=slider][data-animation=class] .item {
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 0;
    float: none;
    position: absolute;
    display: inline-block;
    overflow: hidden !important;
    transform: none;
    -webkit-transform: none;
    transition: none;
    -webkit-transition: none;
    transition-property: opacity, z-index;
    -webkit-transition-property: opacity, z-index;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.sz-slider[data-type=slider][data-animation=class] .carousel-item {
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 0;
    float: none;
    position: absolute;
    display: inline-block;
    overflow: hidden !important;
    transform: none;
    -webkit-transform: none;
    transition: none;
    -webkit-transition: none;
    transition-property: opacity, z-index;
    -webkit-transition-property: opacity, z-index;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.sz-slider[data-animation=class] .item.active {
    opacity: 1;
    z-index: 1
}

.sz-slider[data-animation=class] .carousel-item.active {
    opacity: 1;
    z-index: 1
}

.sz-slider[data-type=carousel] .carousel-inner > .carousel-item .sz-wrapper > img, .sz-slider[data-type=carousel] .carousel-inner > .carousel-item .sz-links > img {
    width: 100%;
    height: 100%;
    margin: auto;
    display: block
}

.sz-slider .sr-only {
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap
}

.sz-slider .sr-only-focusable:active, .sz-slider .sr-only-focusable:focus {
    clip: auto;
    width: auto;
    height: auto;
    position: static;
    overflow: visible;
    white-space: normal
}

.sz-slider .carousel-control {
    opacity: 1;
    width: 35px;
    height: 35px;
    margin: auto 25px;
    text-shadow: none;
    background: transparent
}

.sz-slider .carousel-control > span {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #000;
    width: 35px;
    height: 35px;
    margin: auto;
    background: transparent
}

.sz-slider .carousel-control > span:hover, .sz-slider .carousel-control > span:focus {
    color: #1a73e8
}

.sz-slider.carousel[data-animation=swipeY] .left.carousel-control, .sz-slider.carousel[data-animation=swipeCoverY] .left.carousel-control, .sz-slider.carousel[data-animation=swipeCover2Y] .left.carousel-control, .sz-slider.carousel[data-animation=swipeCover3Y] .left.carousel-control, .sz-slider.carousel[data-animation=swipeCover4Y] .left.carousel-control, .sz-slider.carousel[data-animation=dragY] .left.carousel-control, .sz-slider.carousel[data-animation=dragCoverY] .left.carousel-control, .sz-slider.carousel[data-animation=dragCover2Y] .left.carousel-control, .sz-slider.carousel[data-animation=dragCover3Y] .left.carousel-control, .sz-slider.carousel[data-animation=dragCover4Y] .left.carousel-control {
    right: 0;
    margin: 25px auto auto;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.sz-slider.carousel[data-animation=swipeY] .right.carousel-control, .sz-slider.carousel[data-animation=swipeCoverY] .right.carousel-control, .sz-slider.carousel[data-animation=swipeCover2Y] .right.carousel-control, .sz-slider.carousel[data-animation=swipeCover3Y] .right.carousel-control, .sz-slider.carousel[data-animation=swipeCover4Y] .right.carousel-control, .sz-slider.carousel[data-animation=dragY] .right.carousel-control, .sz-slider.carousel[data-animation=dragCoverY] .right.carousel-control, .sz-slider.carousel[data-animation=dragCover2Y] .right.carousel-control, .sz-slider.carousel[data-animation=dragCover3Y] .right.carousel-control, .sz-slider.carousel[data-animation=dragCover4Y] .right.carousel-control {
    left: 0;
    margin: auto auto 25px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.sz-slider .carousel-control-btn {
    width: 35px;
    height: 35px;
    margin: auto 25px;
    text-decoration: none
}

.sz-slider.carousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.sz-slider.carousel .carousel-control-btn:hover .carousel-control-prev-icon, .sz-slider.carousel .carousel-control-btn:focus .carousel-control-prev-icon, .sz-slider.carousel .carousel-control-prev-icon:hover, .sz-slider.carousel .carousel-control-prev-icon:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%231a73e8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.sz-slider.carousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.sz-slider.carousel .carousel-control-btn:hover .carousel-control-next-icon, .sz-slider.carousel .carousel-control-btn:focus .carousel-control-next-icon, .sz-slider.carousel .carousel-control-next-icon:hover, .sz-slider.carousel .carousel-control-next-icon:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%231a73e8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.sz-slider.carousel[data-animation=swipeY] .carousel-control-prev.carousel-control-btn, .sz-slider.carousel[data-animation=swipeCoverY] .carousel-control-prev.carousel-control-btn, .sz-slider.carousel[data-animation=swipeCover2Y] .carousel-control-prev.carousel-control-btn, .sz-slider.carousel[data-animation=swipeCover3Y] .carousel-control-prev.carousel-control-btn, .sz-slider.carousel[data-animation=swipeCover4Y] .carousel-control-prev.carousel-control-btn, .sz-slider.carousel[data-animation=dragY] .carousel-control-prev.carousel-control-btn, .sz-slider.carousel[data-animation=dragCoverY] .carousel-control-prev.carousel-control-btn, .sz-slider.carousel[data-animation=dragCover2Y] .carousel-control-prev.carousel-control-btn, .sz-slider.carousel[data-animation=dragCover3Y] .carousel-control-prev.carousel-control-btn, .sz-slider.carousel[data-animation=dragCover4Y] .carousel-control-prev.carousel-control-btn {
    right: 0;
    margin: 25px auto auto;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.sz-slider.carousel[data-animation=swipeY] .carousel-control-next.carousel-control-btn, .sz-slider.carousel[data-animation=swipeCoverY] .carousel-control-next.carousel-control-btn, .sz-slider.carousel[data-animation=swipeCover2Y] .carousel-control-next.carousel-control-btn, .sz-slider.carousel[data-animation=swipeCover3Y] .carousel-control-next.carousel-control-btn, .sz-slider.carousel[data-animation=swipeCover4Y] .carousel-control-next.carousel-control-btn, .sz-slider.carousel[data-animation=dragY] .carousel-control-next.carousel-control-btn, .sz-slider.carousel[data-animation=dragCoverY] .carousel-control-next.carousel-control-btn, .sz-slider.carousel[data-animation=dragCover2Y] .carousel-control-next.carousel-control-btn, .sz-slider.carousel[data-animation=dragCover3Y] .carousel-control-next.carousel-control-btn, .sz-slider.carousel[data-animation=dragCover4Y] .carousel-control-next.carousel-control-btn {
    left: 0;
    margin: auto auto 25px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.carousel-control-prev-image {
    top: 15px;
    left: 15px;
    width: 200px;
    height: 98px;
    margin: auto 0;
    display: block;
    overflow: hidden;
    position: absolute;
    background-size: 100%;
    border: 2px solid #fff;
    animation-duration: .3s;
    -webkit-animation-duration: .3s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.carousel-control-next-image {
    top: 15px;
    right: 15px;
    width: 200px;
    height: 98px;
    margin: auto 0;
    display: block;
    overflow: hidden;
    position: absolute;
    background-size: 100%;
    border: 2px solid #fff;
    animation-duration: .3s;
    -webkit-animation-duration: .3s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.sz-slider .carousel-item-number {
    left: 0;
    right: 0;
    top: 10px;
    color: #000;
    width: 75px;
    margin: auto;
    z-index: 100000;
    font-size: 24px;
    position: absolute;
    text-align: center
}

.sz-slider > .sz-ind-animated.carousel-indicators > .active {
    background-color: #717375
}

.sz-ind-animated.carousel-indicators > li {
    overflow: hidden
}

.sz-slider .sz-slide-bar-wrap {
    top: 0;
    margin: 0;
    opacity: 0;
    width: 100%;
    height: 5px;
    display: block;
    position: absolute;
    background: #717375
}

.sz-slider .item.active .sz-slide-bar-wrap, .sz-slider .carousel-item.active .sz-slide-bar-wrap {
    opacity: 1
}

.sz-slider .sz-slide-bar-wrap > .sz-slide-bar, .sz-ind-animated.carousel-indicators > li > span {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: #1a73e8;
    animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1)
}

.sz-slider .sz-slide-bar-wrap > .sz-slide-bar.animPly, .sz-ind-animated.carousel-indicators > li > span.animPly {
    animation-name: prgrsBrMve;
    -webkit-animation-name: prgrsBrMve;
    animation-play-state: play;
    -webkit-animation-play-state: play
}

.sz-slider .sz-slide-bar-wrap > .sz-slide-bar.animPuse, .sz-ind-animated.carousel-indicators > li > span.animPuse {
    animation-name: prgrsBrMve;
    -webkit-animation-name: prgrsBrMve;
    animation-play-state: paused;
    -webkit-animation-play-state: paused
}

@keyframes prgrsBrMve {
    from {
        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0)
    }
    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes prgrsBrMve {
    from {
        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0)
    }
    to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0)
    }
}

.carousel-scroll-down {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    width: 75px;
    height: 40px;
    display: block;
    cursor: pointer;
    font-size: 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    margin: auto auto 30px
}

.bg-parallax {
    transition: background-position 100ms ease;
    -webkit-transition: background-position 100ms ease
}

.sz-slider:hover {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.sz-slider:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}

[data-cursor=default]:hover {
    cursor: default
}

[data-cursor=default]:active {
    cursor: default
}

[data-cursor=default-1]:hover {
    cursor: default
}

[data-cursor=default-1]:active {
    cursor: pointer
}

[data-cursor=move]:hover {
    cursor: move
}

[data-cursor=move]:active {
    cursor: move
}

[data-cursor=row-resize]:hover {
    cursor: row-resize
}

[data-cursor=row-resize]:active {
    cursor: row-resize
}

[data-cursor=col-resize]:hover {
    cursor: col-resize
}

[data-cursor=col-resize]:active {
    cursor: col-resize
}

[data-cursor=crosshair]:hover {
    cursor: crosshair
}

[data-cursor=crosshair]:active {
    cursor: crosshair
}

[data-cursor=e-resize]:hover {
    cursor: e-resize
}

[data-cursor=e-resize]:active {
    cursor: e-resize
}

[data-cursor=n-resize]:hover {
    cursor: n-resize
}

[data-cursor=n-resize]:active {
    cursor: n-resize
}

[data-cursor=pointer]:hover {
    cursor: pointer
}

[data-cursor=pointer]:active {
    cursor: pointer
}


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

@-webkit-keyframes loader-circle {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

.sz-pre-loader-dots {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 70px;
    height: 20px;
    margin: auto;
    font-size: 0;
    display: block;
    text-align: center;
    position: absolute
}

.sz-pre-loader-dots > div {
    width: 16px;
    height: 16px;
    margin: 0 2px 0 0;
    display: inline-block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    animation: loader-dots 1.4s infinite ease-in-out both;
    -webkit-animation: loader-dots 1.4s infinite ease-in-out both
}

.sz-pre-loader-dots .bounce1 {
    animation-delay: -.32s;
    -webkit-animation-delay: -.32s
}

.sz-pre-loader-dots .bounce2 {
    animation-delay: -.16s;
    -webkit-animation-delay: -.16s
}

@keyframes loader-dots {
    0%, 80%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}

@-webkit-keyframes loader-dots {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

.sz-pre-loader-scale {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    font-size: 0;
    margin: auto;
    display: block;
    position: absolute
}

.sz-pre-loader-scale > div {
    opacity: 0;
    width: 60px;
    height: 60px;
    position: absolute;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -webkit-animation: loader-scale 1s 0 linear infinite;
    animation: loader-scale 1s 0 linear infinite
}

.sz-pre-loader-scale div:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sz-pre-loader-scale div:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

@keyframes loader-scale {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes loader-scale {
    0% {
        opacity: 0;
        -webkit-transform: scale(0)
    }
    5% {
        opacity: .75
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1)
    }
}

.sz-pre-loader-box {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    display: block;
    position: absolute;
    text-align: center;
    animation: loader-box 1.2s infinite ease-in-out;
    -webkit-animation: loader-box 1.2s infinite ease-in-out
}

@keyframes loader-box {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@-webkit-keyframes loader-box {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.sz-pre-loader-bars {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 40px;
    margin: auto;
    display: block;
    font-size: 10px;
    position: absolute;
    text-align: center
}

.sz-pre-loader-bars > div {
    width: 6px;
    height: 100%;
    margin: 0 3px 0 0;
    display: inline-block;
    animation: loader-bars 1.2s infinite ease-in-out;
    -webkit-animation: loader-bars 1.2s infinite ease-in-out
}

.sz-pre-loader-bars .bar2 {
    animation-delay: -1.1s;
    -webkit-animation-delay: -1.1s
}

.sz-pre-loader-bars .bar3 {
    animation-delay: -1s;
    -webkit-animation-delay: -1s
}

.sz-pre-loader-bars .bar4 {
    animation-delay: -.9s;
    -webkit-animation-delay: -.9s
}

.sz-pre-loader-bars .bar5 {
    animation-delay: -.8s;
    -webkit-animation-delay: -.8s
}

@keyframes loader-bars {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4)
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0)
    }
}

@-webkit-keyframes loader-bars {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes glowingBr {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(1.5);
        -webkit-transform: scale(1.5)
    }
}

@-webkit-keyframes glowingBr {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(1.5);
        -webkit-transform: scale(1.5)
    }
}

.sz-media-btn {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 23px;
    height: 23px;
    border: none;
    outline: none;
    display: block;
    cursor: pointer;
    position: absolute;
    background: transparent;
    margin: auto auto 20px 20px
}

.sz-media-btn.sz-play-btn {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='22' height='22' viewBox='0 0 230 230'%3e%3cpath d='M179.07,105L30.93,210V0L179.07,105z'/%3e%3c/svg%3e")
}

.sz-media-btn.sz-pause-btn {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='23' height='19' viewBox='34 0 300 300'%3e%3cpath d='M41.064,353.562h109.014V0H41.064V353.562z'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='23' height='19' viewBox='32 0 300 300'%3e%3cpath d='M203.482,0v353.562h109.017V0H203.482z'/%3e%3c/svg%3e")
}

.sz-speaker-btn {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 23px;
    height: 23px;
    border: none;
    outline: none;
    display: block;
    cursor: pointer;
    position: absolute;
    background: transparent;
    margin: auto 20px 20px auto
}

.sz-speaker-btn.sz-mute-btn {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='23' height='19' viewBox='0 0 511.999 511.999'%3e%3cpath d='M262.781,57.853c-5.043-2.556-11.093-2.058-15.652,1.284L130.59,144.6H15c-8.285,0-15,6.716-15,15v192.801 c0,8.284,6.715,15,15,15h115.59l116.54,85.461c2.622,1.924,5.737,2.904,8.872,2.904c2.312,0,4.636-0.535,6.779-1.62 c5.041-2.555,8.219-7.728,8.219-13.38V71.233C271,65.581,267.822,60.408,262.781,57.853z'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='23' height='19' viewBox='0 0 511.999 511.999'%3e%3cpath d='M445.912,256.004l61.693-61.693c5.859-5.857,5.859-15.355,0-21.213c-5.857-5.857-15.353-5.857-21.213,0l-61.693,61.693 l-61.693-61.693c-5.858-5.857-15.354-5.857-21.213,0c-5.857,5.857-5.857,15.355,0,21.213l61.693,61.693l-61.693,61.693 c-5.857,5.857-5.857,15.355,0,21.213c2.93,2.929,6.768,4.393,10.607,4.393c3.838,0,7.678-1.465,10.605-4.393l61.693-61.693 l61.693,61.693c2.93,2.929,6.768,4.393,10.607,4.393c3.838,0,7.678-1.465,10.605-4.393c5.859-5.858,5.859-15.355,0-21.213 L445.912,256.004z'/%3e%3c/svg%3e")
}

.sz-speaker-btn.sz-unmute-btn {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='23' height='19' viewBox='0 0 511.999 511.999'%3e%3cpath d='M278.944,17.577c-5.568-2.656-12.128-1.952-16.928,1.92L106.368,144.009H32c-17.632,0-32,14.368-32,32v128 c0,17.664,14.368,32,32,32h74.368l155.616,124.512c2.912,2.304,6.464,3.488,10.016,3.488c2.368,0,4.736-0.544,6.944-1.6 c5.536-2.656,9.056-8.256,9.056-14.4v-416C288,25.865,284.48,20.265,278.944,17.577z'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='23' height='19' viewBox='0 0 511.999 511.999'%3e%3cpath d='M368.992,126.857c-6.304-6.208-16.416-6.112-22.624,0.128c-6.208,6.304-6.144,16.416,0.128,22.656 C370.688,173.513,384,205.609,384,240.009s-13.312,66.496-37.504,90.368c-6.272,6.176-6.336,16.32-0.128,22.624 c3.136,3.168,7.264,4.736,11.36,4.736c4.064,0,8.128-1.536,11.264-4.64C399.328,323.241,416,283.049,416,240.009 S399.328,156.777,368.992,126.857z'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='23' height='19' viewBox='0 0 511.999 511.999'%3e%3cpath d='M414.144,81.769c-6.304-6.24-16.416-6.176-22.656,0.096c-6.208,6.272-6.144,16.416,0.096,22.624 C427.968,140.553,448,188.681,448,240.009s-20.032,99.424-56.416,135.488c-6.24,6.24-6.304,16.384-0.096,22.656 c3.168,3.136,7.264,4.704,11.36,4.704c4.064,0,8.16-1.536,11.296-4.64C456.64,356.137,480,299.945,480,240.009 S456.64,123.881,414.144,81.769z'/%3e%3c/svg%3e")
}

.sz-media-btn:focus, .sz-speaker-btn:focus {
    border: none;
    outline: none
}

.linear {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important
}

.ease {
    -webkit-transition-timing-function: ease !important;
    transition-timing-function: ease !important
}

.easein {
    -webkit-transition-timing-function: ease-in !important;
    transition-timing-function: ease-in !important
}

.easeout {
    -webkit-transition-timing-function: ease-out !important;
    transition-timing-function: ease-out !important
}

.easeinout {
    -webkit-transition-timing-function: ease-in-out !important;
    transition-timing-function: ease-in-out !important
}

.easeinsine {
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715) !important;
    transition-timing-function: cubic-bezier(.47, 0, .745, .715) !important
}

.easeoutsine {
    -webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1) !important;
    transition-timing-function: cubic-bezier(.39, .575, .565, 1) !important
}

.easeinoutsine {
    -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95) !important;
    transition-timing-function: cubic-bezier(.445, .05, .55, .95) !important
}

.easeinquad {
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53) !important;
    transition-timing-function: cubic-bezier(.55, .085, .68, .53) !important
}

.easeoutquad {
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94) !important;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94) !important
}

.easeinoutquad {
    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955) !important;
    transition-timing-function: cubic-bezier(.455, .03, .515, .955) !important
}

.easeincubic {
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19) !important;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19) !important
}

.easeoutcubic {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1) !important;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1) !important
}

.easeinoutcubic {
    -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1) !important;
    transition-timing-function: cubic-bezier(.645, .045, .355, 1) !important
}

.easeinquart {
    -webkit-transition-timing-function: cubic-bezier(.895, .03, .685, .22) !important;
    transition-timing-function: cubic-bezier(.895, .03, .685, .22) !important
}

.easeoutquart {
    -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1) !important;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1) !important
}

.easeinoutquart {
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1) !important;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1) !important
}

.easeinquint {
    -webkit-transition-timing-function: cubic-bezier(.755, .05, .855, .06) !important;
    transition-timing-function: cubic-bezier(.755, .05, .855, .06) !important
}

.easeoutquint {
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1) !important;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1) !important
}

.easeinoutquint {
    -webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1) !important;
    transition-timing-function: cubic-bezier(.86, 0, .07, 1) !important
}

.easeinexpo {
    -webkit-transition-timing-function: cubic-bezier(.95, .05, .795, .035) !important;
    transition-timing-function: cubic-bezier(.95, .05, .795, .035) !important
}

.easeoutexpo {
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1) !important;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1) !important
}

.easeinoutexpo {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1) !important;
    transition-timing-function: cubic-bezier(1, 0, 0, 1) !important
}

.easeincirc {
    -webkit-transition-timing-function: cubic-bezier(.6, .04, .98, .335) !important;
    transition-timing-function: cubic-bezier(.6, .04, .98, .335) !important
}

.easeoutcirc {
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1) !important;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1) !important
}

.easeinoutcirc {
    -webkit-transition-timing-function: cubic-bezier(.785, .135, .15, .86) !important;
    transition-timing-function: cubic-bezier(.785, .135, .15, .86) !important
}

.easeinback {
    -webkit-transition-timing-function: cubic-bezier(.6, -.28, .735, .045) !important;
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045) !important
}

.easeoutback {
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275) !important;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275) !important
}

.easeinoutback {
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55) !important;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55) !important
}

.speedy {
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0, 1) !important;
    transition-timing-function: cubic-bezier(0, 1, 0, 1) !important
}

.slowspeedy {
    -webkit-transition-timing-function: cubic-bezier(0.3, 1, 0, 1) !important;
    transition-timing-function: cubic-bezier(0.3, 1, 0, 1) !important
}

.easeoutincubic {
    -webkit-transition-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) !important;
    transition-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99) !important
}

.swing {
    -webkit-transition-timing-function: cubic-bezier(.02, .01, .47, 1) !important;
    transition-timing-function: cubic-bezier(.02, .01, .47, 1) !important
}

.animLinear {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.animEase {
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.animEasein {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.animEaseout {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

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

.animEaseinsine {
    -webkit-animation-timing-function: cubic-bezier(.47, 0, .745, .715);
    animation-timing-function: cubic-bezier(.47, 0, .745, .715)
}

.animEaseoutsine {
    -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    animation-timing-function: cubic-bezier(.39, .575, .565, 1)
}

.animEaseinoutsine {
    -webkit-animation-timing-function: cubic-bezier(.445, .05, .55, .95);
    animation-timing-function: cubic-bezier(.445, .05, .55, .95)
}

.animEaseinquad {
    -webkit-animation-timing-function: cubic-bezier(.55, .085, .68, .53);
    animation-timing-function: cubic-bezier(.55, .085, .68, .53)
}

.animEaseoutquad {
    -webkit-animation-timing-function: cubic-bezier(.25, .46, .45, .94);
    animation-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.animEaseinoutquad {
    -webkit-animation-timing-function: cubic-bezier(.455, .03, .515, .955);
    animation-timing-function: cubic-bezier(.455, .03, .515, .955)
}

.animEaseincubic {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.animEaseoutcubic {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.animEaseinoutcubic {
    -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    animation-timing-function: cubic-bezier(.645, .045, .355, 1)
}

.animEaseinquart {
    -webkit-animation-timing-function: cubic-bezier(.895, .03, .685, .22);
    animation-timing-function: cubic-bezier(.895, .03, .685, .22)
}

.animEaseoutquart {
    -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1);
    animation-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.animEaseinoutquart {
    -webkit-animation-timing-function: cubic-bezier(.77, 0, .175, 1);
    animation-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.animEaseinquint {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.animEaseoutquint {
    -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.animEaseinoutquint {
    -webkit-animation-timing-function: cubic-bezier(.86, 0, .07, 1);
    animation-timing-function: cubic-bezier(.86, 0, .07, 1)
}

.animEaseinexpo {
    -webkit-animation-timing-function: cubic-bezier(.95, .05, .795, .035);
    animation-timing-function: cubic-bezier(.95, .05, .795, .035)
}

.animEaseoutexpo {
    -webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    animation-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.animEaseinoutexpo {
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1)
}

.animEaseincirc {
    -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .335);
    animation-timing-function: cubic-bezier(.6, .04, .98, .335)
}

.animEaseoutcirc {
    -webkit-animation-timing-function: cubic-bezier(.075, .82, .165, 1);
    animation-timing-function: cubic-bezier(.075, .82, .165, 1)
}

.animEaseinoutcirc {
    -webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    animation-timing-function: cubic-bezier(.785, .135, .15, .86)
}

.animEaseinback {
    -webkit-animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
    animation-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

.animEaseoutback {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

.animEaseinoutback {
    -webkit-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.animSpeedy {
    -webkit-animation-timing-function: cubic-bezier(0, 1, 0, 1);
    animation-timing-function: cubic-bezier(0, 1, 0, 1)
}

.animSlowspeedy {
    -webkit-animation-timing-function: cubic-bezier(0.3, 1, 0, 1);
    animation-timing-function: cubic-bezier(0.3, 1, 0, 1)
}

.animEaseoutincubic {
    -webkit-animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99);
    animation-timing-function: cubic-bezier(0.22, 0.81, 0.01, 0.99)
}

.animSwing {
    -webkit-animation-timing-function: cubic-bezier(.02, .01, .47, 1);
    animation-timing-function: cubic-bezier(.02, .01, .47, 1)
}

.sz-animated {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

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

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

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

@-webkit-keyframes boOutDwn {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
        transform: perspective(800px) rotateX(0deg) rotateY(0deg)
    }
    20% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(10deg);
        transform: perspective(800px) rotateX(0deg) rotateY(10deg)
    }
    30% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
        transform: perspective(800px) rotateX(0deg) rotateY(0deg)
    }
    40% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(10deg) rotateY(10deg);
        transform: perspective(800px) rotateX(10deg) rotateY(10deg)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg);
        transform: perspective(800px) rotateX(90deg) rotateY(0deg)
    }
}

@keyframes boOutDwn {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
        transform: perspective(800px) rotateX(0deg) rotateY(0deg)
    }
    20% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(10deg);
        transform: perspective(800px) rotateX(0deg) rotateY(10deg)
    }
    30% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
        transform: perspective(800px) rotateX(0deg) rotateY(0deg)
    }
    40% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(10deg) rotateY(10deg);
        transform: perspective(800px) rotateX(10deg) rotateY(10deg)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg);
        transform: perspective(800px) rotateX(90deg) rotateY(0deg)
    }
}

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

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

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

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

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

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

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

@-webkit-keyframes folshIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotate(360deg);
        transform: scale(0, 0) rotate(360deg)
    }
    20% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -webkit-transform-origin: 0;
        transform-origin: 0;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotate(0deg);
        transform: scale(1, 1) rotate(0deg)
    }
}

@keyframes folshIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotate(360deg);
        transform: scale(0, 0) rotate(360deg)
    }
    20% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -webkit-transform-origin: 0;
        transform-origin: 0;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotate(0deg);
        transform: scale(1, 1) rotate(0deg)
    }
}

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

@-webkit-keyframes folshOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotate(360deg);
        transform: scale(1, 1) rotate(360deg)
    }
    20% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -webkit-transform-origin: 0;
        transform-origin: 0;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotate(0deg);
        transform: scale(0, 0) rotate(0deg)
    }
}

@keyframes folshOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotate(360deg);
        transform: scale(1, 1) rotate(360deg)
    }
    20% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg)
    }
    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg)
    }
    60% {
        opacity: 1;
        -webkit-transform-origin: 0;
        transform-origin: 0;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg)
    }
    80% {
        opacity: 1;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
        transform: scale(0.5, 0.5) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotate(0deg);
        transform: scale(0, 0) rotate(0deg)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes sclInTr {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
}

@keyframes sclInTr {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes sclInBr {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@keyframes sclInBr {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes sclInBl {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
}

@keyframes sclInBl {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes sclInTl {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes sclInTl {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

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

@-webkit-keyframes sclInX {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
}

@keyframes sclInX {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
}

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

@-webkit-keyframes sclInXLft {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes sclInXLft {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

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

@-webkit-keyframes sclInXRgt {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@keyframes sclInXRgt {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes rotInTp {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1
    }
}

@keyframes rotInTp {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1
    }
}

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

@-webkit-keyframes rotInTr {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        opacity: 1
    }
}

@keyframes rotInTr {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        opacity: 1
    }
}

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

@-webkit-keyframes rotInRgt {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1
    }
}

@keyframes rotInRgt {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1
    }
}

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

@-webkit-keyframes rotInBr {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        opacity: 1
    }
}

@keyframes rotInBr {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        opacity: 1
    }
}

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

@-webkit-keyframes rotInBtm {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 1
    }
}

@keyframes rotInBtm {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 1
    }
}

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

@-webkit-keyframes rotInBl {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        opacity: 1
    }
}

@keyframes rotInBl {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        opacity: 1
    }
}

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

@-webkit-keyframes rotInLft {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1
    }
}

@keyframes rotInLft {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1
    }
}

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

@-webkit-keyframes rotInTl {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        opacity: 1
    }
}

@keyframes rotInTl {
    0% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        opacity: 1
    }
}

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

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

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

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

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

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

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

@-webkit-keyframes rotInRgtDgnl {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, -360deg);
        transform: rotate3d(1, 1, 0, -360deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
}

@keyframes rotInRgtDgnl {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, -360deg);
        transform: rotate3d(1, 1, 0, -360deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes rotInLftDgnl {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, -360deg);
        transform: rotate3d(-1, 1, 0, -360deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate3d(-1, 1, 0, 0deg);
        transform: rotate3d(-1, 1, 0, 0deg);
        opacity: 1
    }
}

@keyframes rotInLftDgnl {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, -360deg);
        transform: rotate3d(-1, 1, 0, -360deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate3d(-1, 1, 0, 0deg);
        transform: rotate3d(-1, 1, 0, 0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes rotInCw {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotInCw {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotInCcw {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotInCcw {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotInTrCw {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
}

@keyframes rotInTrCw {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
}

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

@-webkit-keyframes rotInTrCcw {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
}

@keyframes rotInTrCcw {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
}

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

@-webkit-keyframes rotInBrCw {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@keyframes rotInBrCw {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

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

@-webkit-keyframes rotInBrCcw {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@keyframes rotInBrCcw {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

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

@-webkit-keyframes rotInBlCw {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
}

@keyframes rotInBlCw {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
}

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

@-webkit-keyframes rotInBlCcw {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
}

@keyframes rotInBlCcw {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
}

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

@-webkit-keyframes rotInTlCw {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes rotInTlCw {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

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

@-webkit-keyframes rotInTlCcw {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes rotInTlCcw {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

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

@-webkit-keyframes swInF {
    0% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1
    }
}

@keyframes swInF {
    0% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1
    }
}

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

@-webkit-keyframes swInB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1
    }
}

@keyframes swInB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1
    }
}

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

@-webkit-keyframes swInTpF {
    0% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 1
    }
}

@keyframes swInTpF {
    0% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 1
    }
}

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

@-webkit-keyframes swInTpB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 1
    }
}

@keyframes swInTpB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes swInTrB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
}

@keyframes swInTrB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
}

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

@-webkit-keyframes swInRgtF {
    0% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 1
    }
}

@keyframes swInRgtF {
    0% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 1
    }
}

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

@-webkit-keyframes swInRgtB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 1
    }
}

@keyframes swInRgtB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes swInBrB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@keyframes swInBrB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

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

@-webkit-keyframes swInBtmF {
    0% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
}

@keyframes swInBtmF {
    0% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
}

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

@-webkit-keyframes swInBtmB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
}

@keyframes swInBtmB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes swInBlB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
}

@keyframes swInBlB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
}

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

@-webkit-keyframes swInLftF {
    0% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 1
    }
}

@keyframes swInLftF {
    0% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 1
    }
}

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

@-webkit-keyframes swInLftB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 1
    }
}

@keyframes swInLftB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 1
    }
}

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

@-webkit-keyframes swInTlB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes swInTlB {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes flpInXBtm {
    0% {
        -webkit-transform: rotateX(80deg);
        transform: rotateX(80deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes flpInXBtm {
    0% {
        -webkit-transform: rotateX(80deg);
        transform: rotateX(80deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

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

@-webkit-keyframes flpInXTp {
    0% {
        -webkit-transform: rotateX(-80deg);
        transform: rotateX(-80deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes flpInXTp {
    0% {
        -webkit-transform: rotateX(-80deg);
        transform: rotateX(-80deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

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

@-webkit-keyframes flpInYRgt {
    0% {
        -webkit-transform: rotateY(-80deg);
        transform: rotateY(-80deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1
    }
}

@keyframes flpInYRgt {
    0% {
        -webkit-transform: rotateY(-80deg);
        transform: rotateY(-80deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1
    }
}

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

@-webkit-keyframes flpInYLft {
    0% {
        -webkit-transform: rotateY(80deg);
        transform: rotateY(80deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1
    }
}

@keyframes flpInYLft {
    0% {
        -webkit-transform: rotateY(80deg);
        transform: rotateY(80deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1
    }
}

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

@-webkit-keyframes flpInDgnlTr {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, -80deg);
        transform: rotate3d(1, 1, 0, -80deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
}

@keyframes flpInDgnlTr {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, -80deg);
        transform: rotate3d(1, 1, 0, -80deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes flpInDgnlBl {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 80deg);
        transform: rotate3d(1, 1, 0, 80deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
}

@keyframes flpInDgnlBl {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 80deg);
        transform: rotate3d(1, 1, 0, 80deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes flpInDgnlTl {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, 80deg);
        transform: rotate3d(-1, 1, 0, 80deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
}

@keyframes flpInDgnlTl {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, 80deg);
        transform: rotate3d(-1, 1, 0, 80deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes flpInDgnlBr {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, -80deg);
        transform: rotate3d(-1, 1, 0, -80deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
}

@keyframes flpInDgnlBr {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, -80deg);
        transform: rotate3d(-1, 1, 0, -80deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes sltInY {
    0% {
        -webkit-transform: translateZ(-800px) rotateY(90deg);
        transform: translateZ(-800px) rotateY(90deg);
        opacity: 0
    }
    54% {
        -webkit-transform: translateZ(-160px) rotateY(87deg);
        transform: translateZ(-160px) rotateY(87deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(0) rotateY(0);
        transform: translateZ(0) rotateY(0)
    }
}

@keyframes sltInY {
    0% {
        -webkit-transform: translateZ(-800px) rotateY(90deg);
        transform: translateZ(-800px) rotateY(90deg);
        opacity: 0
    }
    54% {
        -webkit-transform: translateZ(-160px) rotateY(87deg);
        transform: translateZ(-160px) rotateY(87deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(0) rotateY(0);
        transform: translateZ(0) rotateY(0)
    }
}

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

@-webkit-keyframes sltInX {
    0% {
        -webkit-transform: translateZ(-800px) rotateX(90deg);
        transform: translateZ(-800px) rotateX(90deg);
        opacity: 0
    }
    54% {
        -webkit-transform: translateZ(-160px) rotateX(87deg);
        transform: translateZ(-160px) rotateX(87deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(0) rotateX(0);
        transform: translateZ(0) rotateX(0)
    }
}

@keyframes sltInX {
    0% {
        -webkit-transform: translateZ(-800px) rotateX(90deg);
        transform: translateZ(-800px) rotateX(90deg);
        opacity: 0
    }
    54% {
        -webkit-transform: translateZ(-160px) rotateX(87deg);
        transform: translateZ(-160px) rotateX(87deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(0) rotateX(0);
        transform: translateZ(0) rotateX(0)
    }
}

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

@-webkit-keyframes sltInDgnlLft {
    0% {
        -webkit-transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        opacity: 0
    }
    54% {
        -webkit-transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(0) rotate3d(1, 1, 0, 0);
        transform: translateZ(0) rotate3d(1, 1, 0, 0)
    }
}

@keyframes sltInDgnlLft {
    0% {
        -webkit-transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        opacity: 0
    }
    54% {
        -webkit-transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(0) rotate3d(1, 1, 0, 0);
        transform: translateZ(0) rotate3d(1, 1, 0, 0)
    }
}

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

@-webkit-keyframes sltInDgnlRgt {
    0% {
        -webkit-transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
        transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
        opacity: 0
    }
    54% {
        -webkit-transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
        transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(0) rotate3d(-1, 1, 0, 0);
        transform: translateZ(0) rotate3d(-1, 1, 0, 0)
    }
}

@keyframes sltInDgnlRgt {
    0% {
        -webkit-transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
        transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
        opacity: 0
    }
    54% {
        -webkit-transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
        transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(0) rotate3d(-1, 1, 0, 0);
        transform: translateZ(0) rotate3d(-1, 1, 0, 0)
    }
}

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

@-webkit-keyframes sldInTop {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes sldInTop {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sldInTr {
    0% {
        -webkit-transform: translateY(-1000px) translateX(1000px);
        transform: translateY(-1000px) translateX(1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        opacity: 1
    }
}

@keyframes sldInTr {
    0% {
        -webkit-transform: translateY(-1000px) translateX(1000px);
        transform: translateY(-1000px) translateX(1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sldInRight {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes sldInRight {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sldInBr {
    0% {
        -webkit-transform: translateY(1000px) translateX(1000px);
        transform: translateY(1000px) translateX(1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        opacity: 1
    }
}

@keyframes sldInBr {
    0% {
        -webkit-transform: translateY(1000px) translateX(1000px);
        transform: translateY(1000px) translateX(1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sldInBottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes sldInBottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sldInBl {
    0% {
        -webkit-transform: translateY(1000px) translateX(-1000px);
        transform: translateY(1000px) translateX(-1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        opacity: 1
    }
}

@keyframes sldInBl {
    0% {
        -webkit-transform: translateY(1000px) translateX(-1000px);
        transform: translateY(1000px) translateX(-1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sldInLeft {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes sldInLeft {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sldInTl {
    0% {
        -webkit-transform: translateY(-1000px) translateX(-1000px);
        transform: translateY(-1000px) translateX(-1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        opacity: 1
    }
}

@keyframes sldInTl {
    0% {
        -webkit-transform: translateY(-1000px) translateX(-1000px);
        transform: translateY(-1000px) translateX(-1000px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sldInBlrTp {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes sldInBlrTp {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sldInBlrTr {
    0% {
        -webkit-transform: translate(1000px, -1000px) skew(-80deg, -10deg);
        transform: translate(1000px, -1000px) skew(-80deg, -10deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0, 0) skew(0deg, 0deg);
        transform: translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes sldInBlrTr {
    0% {
        -webkit-transform: translate(1000px, -1000px) skew(-80deg, -10deg);
        transform: translate(1000px, -1000px) skew(-80deg, -10deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0, 0) skew(0deg, 0deg);
        transform: translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sldInBlrRgt {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes sldInBlrRgt {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sldInBlrBr {
    0% {
        -webkit-transform: translate(1000px, 1000px) skew(80deg, 10deg);
        transform: translate(1000px, 1000px) skew(80deg, 10deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0, 0) skew(0deg, 0deg);
        transform: translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes sldInBlrBr {
    0% {
        -webkit-transform: translate(1000px, 1000px) skew(80deg, 10deg);
        transform: translate(1000px, 1000px) skew(80deg, 10deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0, 0) skew(0deg, 0deg);
        transform: translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sldInBlrBtm {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes sldInBlrBtm {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sldInBlrBl {
    0% {
        -webkit-transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
        transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0, 0) skew(0deg, 0deg);
        transform: translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes sldInBlrBl {
    0% {
        -webkit-transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
        transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0, 0) skew(0deg, 0deg);
        transform: translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sldInBlrLft {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes sldInBlrLft {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sldInBlrTl {
    0% {
        -webkit-transform: translate(-1000px, -1000px) skew(80deg, 10deg);
        transform: translate(-1000px, -1000px) skew(80deg, 10deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0, 0) skew(0deg, 0deg);
        transform: translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes sldInBlrTl {
    0% {
        -webkit-transform: translate(-1000px, -1000px) skew(80deg, 10deg);
        transform: translate(-1000px, -1000px) skew(80deg, 10deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0, 0) skew(0deg, 0deg);
        transform: translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sldInElptTpF {
    0% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1
    }
}

@keyframes sldInElptTpF {
    0% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1
    }
}

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

@-webkit-keyframes sldInElptTpB {
    0% {
        -webkit-transform: translateY(-600px) rotateX(30deg) scale(6.5);
        transform: translateY(-600px) rotateX(30deg) scale(6.5);
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% -500px;
        transform-origin: 50% -500px;
        opacity: 1
    }
}

@keyframes sldInElptTpB {
    0% {
        -webkit-transform: translateY(-600px) rotateX(30deg) scale(6.5);
        transform: translateY(-600px) rotateX(30deg) scale(6.5);
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% -500px;
        transform-origin: 50% -500px;
        opacity: 1
    }
}

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

@-webkit-keyframes sldInElptRgtF {
    0% {
        -webkit-transform: translateX(800px) rotateY(-30deg) scale(0);
        transform: translateX(800px) rotateY(-30deg) scale(0);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: -1800px 50%;
        transform-origin: -1800px 50%;
        opacity: 1
    }
}

@keyframes sldInElptRgtF {
    0% {
        -webkit-transform: translateX(800px) rotateY(-30deg) scale(0);
        transform: translateX(800px) rotateY(-30deg) scale(0);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: -1800px 50%;
        transform-origin: -1800px 50%;
        opacity: 1
    }
}

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

@-webkit-keyframes sldInElptRgtB {
    0% {
        -webkit-transform: translateX(800px) rotateY(30deg) scale(6.5);
        transform: translateX(800px) rotateY(30deg) scale(6.5);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 600px 50%;
        transform-origin: 600px 50%;
        opacity: 1
    }
}

@keyframes sldInElptRgtB {
    0% {
        -webkit-transform: translateX(800px) rotateY(30deg) scale(6.5);
        transform: translateX(800px) rotateY(30deg) scale(6.5);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 600px 50%;
        transform-origin: 600px 50%;
        opacity: 1
    }
}

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

@-webkit-keyframes sldInElptBtmF {
    0% {
        -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
        transform: translateY(600px) rotateX(30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% -1400px;
        transform-origin: 50% -1400px;
        opacity: 1
    }
}

@keyframes sldInElptBtmF {
    0% {
        -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
        transform: translateY(600px) rotateX(30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% -1400px;
        transform-origin: 50% -1400px;
        opacity: 1
    }
}

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

@-webkit-keyframes sldInElptBtmB {
    0% {
        -webkit-transform: translateY(600px) rotateX(-30deg) scale(6.5);
        transform: translateY(600px) rotateX(-30deg) scale(6.5);
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 500px;
        transform-origin: 50% 500px;
        opacity: 1
    }
}

@keyframes sldInElptBtmB {
    0% {
        -webkit-transform: translateY(600px) rotateX(-30deg) scale(6.5);
        transform: translateY(600px) rotateX(-30deg) scale(6.5);
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 500px;
        transform-origin: 50% 500px;
        opacity: 1
    }
}

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

@-webkit-keyframes sldInElptLftF {
    0% {
        -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
        transform: translateX(-800px) rotateY(30deg) scale(0);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 1800px 50%;
        transform-origin: 1800px 50%;
        opacity: 1
    }
}

@keyframes sldInElptLftF {
    0% {
        -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
        transform: translateX(-800px) rotateY(30deg) scale(0);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 1800px 50%;
        transform-origin: 1800px 50%;
        opacity: 1
    }
}

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

@-webkit-keyframes sldInElptLftB {
    0% {
        -webkit-transform: translateX(-800px) rotateY(-30deg) scale(6.5);
        transform: translateX(-800px) rotateY(-30deg) scale(6.5);
        -webkit-transform-origin: 200% 50%;
        transform-origin: 200% 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: -600px 50%;
        transform-origin: -600px 50%;
        opacity: 1
    }
}

@keyframes sldInElptLftB {
    0% {
        -webkit-transform: translateX(-800px) rotateY(-30deg) scale(6.5);
        transform: translateX(-800px) rotateY(-30deg) scale(6.5);
        -webkit-transform-origin: 200% 50%;
        transform-origin: 200% 50%;
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: -600px 50%;
        transform-origin: -600px 50%;
        opacity: 1
    }
}

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

@-webkit-keyframes boncInTp {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    55% {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px)
    }
    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    81% {
        -webkit-transform: translateY(-28px);
        transform: translateY(-28px)
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    95% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes boncInTp {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    55% {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px)
    }
    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    81% {
        -webkit-transform: translateY(-28px);
        transform: translateY(-28px)
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    95% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes boncInRgt {
    0% {
        -webkit-transform: translateX(600px);
        transform: translateX(600px);
        opacity: 0
    }
    38% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    55% {
        -webkit-transform: translateX(68px);
        transform: translateX(68px)
    }
    72% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    81% {
        -webkit-transform: translateX(32px);
        transform: translateX(32px)
    }
    90% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    95% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes boncInRgt {
    0% {
        -webkit-transform: translateX(600px);
        transform: translateX(600px);
        opacity: 0
    }
    38% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    55% {
        -webkit-transform: translateX(68px);
        transform: translateX(68px)
    }
    72% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    81% {
        -webkit-transform: translateX(32px);
        transform: translateX(32px)
    }
    90% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    95% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes boncInBtm {
    0% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    55% {
        -webkit-transform: translateY(65px);
        transform: translateY(65px)
    }
    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    81% {
        -webkit-transform: translateY(28px);
        transform: translateY(28px)
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    95% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes boncInBtm {
    0% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    55% {
        -webkit-transform: translateY(65px);
        transform: translateY(65px)
    }
    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    81% {
        -webkit-transform: translateY(28px);
        transform: translateY(28px)
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    95% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes boncInLft {
    0% {
        -webkit-transform: translateX(-600px);
        transform: translateX(-600px);
        opacity: 0
    }
    38% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    55% {
        -webkit-transform: translateX(-68px);
        transform: translateX(-68px)
    }
    72% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    81% {
        -webkit-transform: translateX(-28px);
        transform: translateX(-28px)
    }
    90% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    95% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes boncInLft {
    0% {
        -webkit-transform: translateX(-600px);
        transform: translateX(-600px);
        opacity: 0
    }
    38% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    55% {
        -webkit-transform: translateX(-68px);
        transform: translateX(-68px)
    }
    72% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    81% {
        -webkit-transform: translateX(-28px);
        transform: translateX(-28px)
    }
    90% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    95% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes boncInFwd {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    38% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    55% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }
    72% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    81% {
        -webkit-transform: scale(0.84);
        transform: scale(0.84)
    }
    89% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    95% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes boncInFwd {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    38% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    55% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }
    72% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    81% {
        -webkit-transform: scale(0.84);
        transform: scale(0.84)
    }
    89% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    95% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

@-webkit-keyframes boncInBck {
    0% {
        -webkit-transform: scale(7);
        transform: scale(7);
        opacity: 0
    }
    38% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    55% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    72% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    81% {
        -webkit-transform: scale(1.24);
        transform: scale(1.24)
    }
    89% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    95% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes boncInBck {
    0% {
        -webkit-transform: scale(7);
        transform: scale(7);
        opacity: 0
    }
    38% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    55% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    72% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    81% {
        -webkit-transform: scale(1.24);
        transform: scale(1.24)
    }
    89% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    95% {
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

@-webkit-keyframes rolInLft {
    0% {
        -webkit-transform: translateX(-800px) rotate(-540deg);
        transform: translateX(-800px) rotate(-540deg);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        opacity: 1
    }
}

@keyframes rolInLft {
    0% {
        -webkit-transform: translateX(-800px) rotate(-540deg);
        transform: translateX(-800px) rotate(-540deg);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes rolInTp {
    0% {
        -webkit-transform: translateY(-800px) rotate(-540deg);
        transform: translateY(-800px) rotate(-540deg);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        opacity: 1
    }
}

@keyframes rolInTp {
    0% {
        -webkit-transform: translateY(-800px) rotate(-540deg);
        transform: translateY(-800px) rotate(-540deg);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes rolInRgt {
    0% {
        -webkit-transform: translateX(800px) rotate(540deg);
        transform: translateX(800px) rotate(540deg);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        opacity: 1
    }
}

@keyframes rolInRgt {
    0% {
        -webkit-transform: translateX(800px) rotate(540deg);
        transform: translateX(800px) rotate(540deg);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes rolInBtm {
    0% {
        -webkit-transform: translateY(800px) rotate(540deg);
        transform: translateY(800px) rotate(540deg);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        opacity: 1
    }
}

@keyframes rolInBtm {
    0% {
        -webkit-transform: translateY(800px) rotate(540deg);
        transform: translateY(800px) rotate(540deg);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes rolInBlrLft {
    0% {
        -webkit-transform: translateX(-1000px) rotate(-720deg);
        transform: translateX(-1000px) rotate(-720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes rolInBlrLft {
    0% {
        -webkit-transform: translateX(-1000px) rotate(-720deg);
        transform: translateX(-1000px) rotate(-720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rolInBlrTp {
    0% {
        -webkit-transform: translateY(-800px) rotate(-720deg);
        transform: translateY(-800px) rotate(-720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes rolInBlrTp {
    0% {
        -webkit-transform: translateY(-800px) rotate(-720deg);
        transform: translateY(-800px) rotate(-720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rolInBlrRgt {
    0% {
        -webkit-transform: translateX(1000px) rotate(720deg);
        transform: translateX(1000px) rotate(720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes rolInBlrRgt {
    0% {
        -webkit-transform: translateX(1000px) rotate(720deg);
        transform: translateX(1000px) rotate(720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rolInBlrBtm {
    0% {
        -webkit-transform: translateY(800px) rotate(720deg);
        transform: translateY(800px) rotate(720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        opacity: 1
    }
}

@keyframes rolInBlrBtm {
    0% {
        -webkit-transform: translateY(800px) rotate(720deg);
        transform: translateY(800px) rotate(720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes tltInTpLft {
    0% {
        -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
        transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1
    }
}

@keyframes tltInTpLft {
    0% {
        -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
        transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes tltInTpRgt {
    0% {
        -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
        transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1
    }
}

@keyframes tltInTpRgt {
    0% {
        -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
        transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes tltInTr {
    0% {
        -webkit-transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg);
        transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1
    }
}

@keyframes tltInTr {
    0% {
        -webkit-transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg);
        transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes tltInRgt {
    0% {
        -webkit-transform: rotateX(-30deg) translateX(300px) skewX(30deg);
        transform: rotateX(-30deg) translateX(300px) skewX(30deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
        transform: rotateX(0deg) translateX(0) skewX(0deg);
        opacity: 1
    }
}

@keyframes tltInRgt {
    0% {
        -webkit-transform: rotateX(-30deg) translateX(300px) skewX(30deg);
        transform: rotateX(-30deg) translateX(300px) skewX(30deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
        transform: rotateX(0deg) translateX(0) skewX(0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes tltInRgts {
    0% {
        -webkit-transform: rotateX(30deg) translateX(300px) skewX(-30deg);
        transform: rotateX(30deg) translateX(300px) skewX(-30deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
        transform: rotateX(0deg) translateX(0) skewX(0deg);
        opacity: 1
    }
}

@keyframes tltInRgts {
    0% {
        -webkit-transform: rotateX(30deg) translateX(300px) skewX(-30deg);
        transform: rotateX(30deg) translateX(300px) skewX(-30deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
        transform: rotateX(0deg) translateX(0) skewX(0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes tltInBr {
    0% {
        -webkit-transform: rotateY(-35deg) rotateX(-20deg) translate(250px, 250px) skew(12deg, 15deg);
        transform: rotateY(-35deg) rotateX(-20deg) translate(250px, 250px) skew(12deg, 15deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1
    }
}

@keyframes tltInBr {
    0% {
        -webkit-transform: rotateY(-35deg) rotateX(-20deg) translate(250px, 250px) skew(12deg, 15deg);
        transform: rotateY(-35deg) rotateX(-20deg) translate(250px, 250px) skew(12deg, 15deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes tltInBtmLft {
    0% {
        -webkit-transform: rotateY(30deg) translateY(300px) skewY(-30deg);
        transform: rotateY(30deg) translateY(300px) skewY(-30deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1
    }
}

@keyframes tltInBtmLft {
    0% {
        -webkit-transform: rotateY(30deg) translateY(300px) skewY(-30deg);
        transform: rotateY(30deg) translateY(300px) skewY(-30deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes tltInBtmRgt {
    0% {
        -webkit-transform: rotateY(-30deg) translateY(300px) skewY(30deg);
        transform: rotateY(-30deg) translateY(300px) skewY(30deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1
    }
}

@keyframes tltInBtmRgt {
    0% {
        -webkit-transform: rotateY(-30deg) translateY(300px) skewY(30deg);
        transform: rotateY(-30deg) translateY(300px) skewY(30deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes tltInBl {
    0% {
        -webkit-transform: rotateY(35deg) rotateX(-20deg) translate(-250px, 250px) skew(-12deg, -15deg);
        transform: rotateY(35deg) rotateX(-20deg) translate(-250px, 250px) skew(-12deg, -15deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1
    }
}

@keyframes tltInBl {
    0% {
        -webkit-transform: rotateY(35deg) rotateX(-20deg) translate(-250px, 250px) skew(-12deg, -15deg);
        transform: rotateY(35deg) rotateX(-20deg) translate(-250px, 250px) skew(-12deg, -15deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes tltInLft {
    0% {
        -webkit-transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
        transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
        transform: rotateX(0deg) translateX(0) skewX(0deg);
        opacity: 1
    }
}

@keyframes tltInLft {
    0% {
        -webkit-transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
        transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
        transform: rotateX(0deg) translateX(0) skewX(0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes tltInLfts {
    0% {
        -webkit-transform: rotateX(30deg) translateX(-300px) skewX(30deg);
        transform: rotateX(30deg) translateX(-300px) skewX(30deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
        transform: rotateX(0deg) translateX(0) skewX(0deg);
        opacity: 1
    }
}

@keyframes tltInLfts {
    0% {
        -webkit-transform: rotateX(30deg) translateX(-300px) skewX(30deg);
        transform: rotateX(30deg) translateX(-300px) skewX(30deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
        transform: rotateX(0deg) translateX(0) skewX(0deg);
        opacity: 1
    }
}

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

@-webkit-keyframes tltInTl {
    0% {
        -webkit-transform: rotateY(35deg) rotateX(20deg) translate(-250px, -250px) skew(12deg, 15deg);
        transform: rotateY(35deg) rotateX(20deg) translate(-250px, -250px) skew(12deg, 15deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1
    }
}

@keyframes tltInTl {
    0% {
        -webkit-transform: rotateY(35deg) rotateX(20deg) translate(-250px, -250px) skew(12deg, 15deg);
        transform: rotateY(35deg) rotateX(20deg) translate(-250px, -250px) skew(12deg, 15deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
        opacity: 1
    }
}

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

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

@keyframes fdIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

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

@-webkit-keyframes fdInTp {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fdInTp {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

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

@-webkit-keyframes fdInTr {
    0% {
        -webkit-transform: translateX(50px) translateY(-50px);
        transform: translateX(50px) translateY(-50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }
}

@keyframes fdInTr {
    0% {
        -webkit-transform: translateX(50px) translateY(-50px);
        transform: translateX(50px) translateY(-50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }
}

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

@-webkit-keyframes fdInRgt {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fdInRgt {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

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

@-webkit-keyframes fdInBr {
    0% {
        -webkit-transform: translateX(50px) translateY(50px);
        transform: translateX(50px) translateY(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }
}

@keyframes fdInBr {
    0% {
        -webkit-transform: translateX(50px) translateY(50px);
        transform: translateX(50px) translateY(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }
}

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

@-webkit-keyframes fdInBtm {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fdInBtm {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

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

@-webkit-keyframes fdInBl {
    0% {
        -webkit-transform: translateX(-50px) translateY(50px);
        transform: translateX(-50px) translateY(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }
}

@keyframes fdInBl {
    0% {
        -webkit-transform: translateX(-50px) translateY(50px);
        transform: translateX(-50px) translateY(50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }
}

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

@-webkit-keyframes fdInLft {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fdInLft {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

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

@-webkit-keyframes fdInTl {
    0% {
        -webkit-transform: translateX(-50px) translateY(-50px);
        transform: translateX(-50px) translateY(-50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }
}

@keyframes fdInTl {
    0% {
        -webkit-transform: translateX(-50px) translateY(-50px);
        transform: translateX(-50px) translateY(-50px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }
}

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

@-webkit-keyframes pufInCntr {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

@keyframes pufInCntr {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes pufInTp {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

@keyframes pufInTp {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes pufInTr {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

@keyframes pufInTr {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes pufInRgt {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

@keyframes pufInRgt {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes pufInBr {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

@keyframes pufInBr {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes pufInBtm {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

@keyframes pufInBtm {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes pufInBl {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

@keyframes pufInBl {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes pufInLft {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

@keyframes pufInLft {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes pufInTl {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

@keyframes pufInTl {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes pufInX {
    0% {
        -webkit-transform: scaleX(2);
        transform: scaleX(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

@keyframes pufInX {
    0% {
        -webkit-transform: scaleX(2);
        transform: scaleX(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes pufInY {
    0% {
        -webkit-transform: scaleY(2);
        transform: scaleY(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

@keyframes pufInY {
    0% {
        -webkit-transform: scaleY(2);
        transform: scaleY(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

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

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

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

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

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

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

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

@-webkit-keyframes sclOutTr {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
}

@keyframes sclOutTr {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes sclOutBr {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@keyframes sclOutBr {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes sclOutBl {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
}

@keyframes sclOutBl {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes sclOutTl {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes sclOutTl {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

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

@-webkit-keyframes sclOutX {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 1
    }
}

@keyframes sclOutX {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 1
    }
}

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

@-webkit-keyframes sclOutXLft {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes sclOutXLft {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

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

@-webkit-keyframes sclOutXRgt {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@keyframes sclOutXRgt {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes rotOutTp {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0
    }
}

@keyframes rotOutTp {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutTr {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        opacity: 0
    }
}

@keyframes rotOutTr {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutRgt {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }
}

@keyframes rotOutRgt {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutBr {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        opacity: 0
    }
}

@keyframes rotOutBr {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right;
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutBtm {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 0
    }
}

@keyframes rotOutBtm {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutBl {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        opacity: 0
    }
}

@keyframes rotOutBl {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutLft {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0
    }
}

@keyframes rotOutLft {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutTl {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        opacity: 0
    }
}

@keyframes rotOutTl {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        opacity: 0
    }
}

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

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

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

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

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

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

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

@-webkit-keyframes rotOutDgnlLft {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 360deg);
        transform: rotate3d(1, 1, 0, 360deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 0
    }
}

@keyframes rotOutDgnlLft {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 360deg);
        transform: rotate3d(1, 1, 0, 360deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutDgnlRgt {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, 360deg);
        transform: rotate3d(-1, 1, 0, 360deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate3d(-1, 1, 0, 0deg);
        transform: rotate3d(-1, 1, 0, 0deg);
        opacity: 0
    }
}

@keyframes rotOutDgnlRgt {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, 360deg);
        transform: rotate3d(-1, 1, 0, 360deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate3d(-1, 1, 0, 0deg);
        transform: rotate3d(-1, 1, 0, 0deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutCw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotOutCw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutCcw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotOutCcw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutTrCw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }
}

@keyframes rotOutTrCw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutTrCcw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }
}

@keyframes rotOutTrCcw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutBrCw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }
}

@keyframes rotOutBrCw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutBrCcw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }
}

@keyframes rotOutBrCcw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutBlCw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 0
    }
}

@keyframes rotOutBlCw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutBlCcw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 0
    }
}

@keyframes rotOutBlCcw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutTlCw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes rotOutTlCw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
}

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

@-webkit-keyframes rotOutTlCcw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes rotOutTlCcw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
}

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

@-webkit-keyframes swOutBck {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        opacity: 0
    }
}

@keyframes swOutBck {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        opacity: 0
    }
}

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

@-webkit-keyframes swOutFwd {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        opacity: 0
    }
}

@keyframes swOutFwd {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        opacity: 0
    }
}

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

@-webkit-keyframes swOutTpB {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }
}

@keyframes swOutTpB {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }
}

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

@-webkit-keyframes swOutTpF {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }
}

@keyframes swOutTpF {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }
}

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

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

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

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

@-webkit-keyframes swOutTrF {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }
}

@keyframes swOutTrF {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }
}

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

@-webkit-keyframes swOutRgtB {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@keyframes swOutRgtB {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0
    }
}

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

@-webkit-keyframes swOutRgtF {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@keyframes swOutRgtF {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0
    }
}

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

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

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

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

@-webkit-keyframes swOutBrF {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }
}

@keyframes swOutBrF {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }
}

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

@-webkit-keyframes swOutBtmB {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
}

@keyframes swOutBtmB {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
}

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

@-webkit-keyframes swOutBtmF {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
}

@keyframes swOutBtmF {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
}

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

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

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

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

@-webkit-keyframes swOutBlF {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 0
    }
}

@keyframes swOutBlF {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 0
    }
}

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

@-webkit-keyframes swOutLftB {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0
    }
}

@keyframes swOutLftB {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0
    }
}

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

@-webkit-keyframes swOutLftF {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0
    }
}

@keyframes swOutLftF {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0
    }
}

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

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

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

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

@-webkit-keyframes flpOutXTp {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateX(70deg);
        transform: rotateX(70deg);
        opacity: 0
    }
}

@keyframes flpOutXTp {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateX(70deg);
        transform: rotateX(70deg);
        opacity: 0
    }
}

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

@-webkit-keyframes flpOutXBtm {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateX(-70deg);
        transform: rotateX(-70deg);
        opacity: 0
    }
}

@keyframes flpOutXBtm {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateX(-70deg);
        transform: rotateX(-70deg);
        opacity: 0
    }
}

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

@-webkit-keyframes flpOutYLft {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateY(-70deg);
        transform: rotateY(-70deg);
        opacity: 0
    }
}

@keyframes flpOutYLft {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateY(-70deg);
        transform: rotateY(-70deg);
        opacity: 0
    }
}

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

@-webkit-keyframes flpOutYRgt {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateY(70deg);
        transform: rotateY(70deg);
        opacity: 0
    }
}

@keyframes flpOutYRgt {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: rotateY(70deg);
        transform: rotateY(70deg);
        opacity: 0
    }
}

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

@-webkit-keyframes flpOutDgnlTr {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, 70deg);
        transform: rotate3d(1, 1, 0, 70deg);
        opacity: 0
    }
}

@keyframes flpOutDgnlTr {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, 70deg);
        transform: rotate3d(1, 1, 0, 70deg);
        opacity: 0
    }
}

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

@-webkit-keyframes flpOutDgnlBl {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, -70deg);
        transform: rotate3d(1, 1, 0, -70deg);
        opacity: 0
    }
}

@keyframes flpOutDgnlBl {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, -70deg);
        transform: rotate3d(1, 1, 0, -70deg);
        opacity: 0
    }
}

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

@-webkit-keyframes flpOutDgnlTl {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate3d(-1, 1, 0, -70deg);
        transform: rotate3d(-1, 1, 0, -70deg);
        opacity: 0
    }
}

@keyframes flpOutDgnlTl {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate3d(-1, 1, 0, -70deg);
        transform: rotate3d(-1, 1, 0, -70deg);
        opacity: 0
    }
}

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

@-webkit-keyframes flpOutDgnlBr {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate3d(-1, 1, 0, 70deg);
        transform: rotate3d(-1, 1, 0, 70deg);
        opacity: 0
    }
}

@keyframes flpOutDgnlBr {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate3d(-1, 1, 0, 70deg);
        transform: rotate3d(-1, 1, 0, 70deg);
        opacity: 0
    }
}

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

@-webkit-keyframes sltOutY {
    0% {
        -webkit-transform: translateZ(0) rotateY(0);
        transform: translateZ(0) rotateY(0);
        opacity: 1
    }
    54% {
        -webkit-transform: translateZ(-160px) rotateY(87deg);
        transform: translateZ(-160px) rotateY(87deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(-800px) rotateY(90deg);
        transform: translateZ(-800px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes sltOutY {
    0% {
        -webkit-transform: translateZ(0) rotateY(0);
        transform: translateZ(0) rotateY(0);
        opacity: 1
    }
    54% {
        -webkit-transform: translateZ(-160px) rotateY(87deg);
        transform: translateZ(-160px) rotateY(87deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(-800px) rotateY(90deg);
        transform: translateZ(-800px) rotateY(90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes sltOutX {
    0% {
        -webkit-transform: translateZ(0) rotateX(0);
        transform: translateZ(0) rotateX(0);
        opacity: 1
    }
    54% {
        -webkit-transform: translateZ(-160px) rotateX(87deg);
        transform: translateZ(-160px) rotateX(87deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(-800px) rotateX(90deg);
        transform: translateZ(-800px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes sltOutX {
    0% {
        -webkit-transform: translateZ(0) rotateX(0);
        transform: translateZ(0) rotateX(0);
        opacity: 1
    }
    54% {
        -webkit-transform: translateZ(-160px) rotateX(87deg);
        transform: translateZ(-160px) rotateX(87deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(-800px) rotateX(90deg);
        transform: translateZ(-800px) rotateX(90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes sltOutDgnlLft {
    0% {
        -webkit-transform: translateZ(0) rotate3d(1, 1, 0, 0);
        transform: translateZ(0) rotate3d(1, 1, 0, 0);
        opacity: 1
    }
    54% {
        -webkit-transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes sltOutDgnlLft {
    0% {
        -webkit-transform: translateZ(0) rotate3d(1, 1, 0, 0);
        transform: translateZ(0) rotate3d(1, 1, 0, 0);
        opacity: 1
    }
    54% {
        -webkit-transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes sltOutDgnlRgt {
    0% {
        -webkit-transform: translateZ(0) rotate3d(-1, 1, 0, 0);
        transform: translateZ(0) rotate3d(-1, 1, 0, 0);
        opacity: 1
    }
    54% {
        -webkit-transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
        transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
        transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
        opacity: 0
    }
}

@keyframes sltOutDgnlRgt {
    0% {
        -webkit-transform: translateZ(0) rotate3d(-1, 1, 0, 0);
        transform: translateZ(0) rotate3d(-1, 1, 0, 0);
        opacity: 1
    }
    54% {
        -webkit-transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
        transform: translateZ(-160px) rotate3d(-1, 1, 0, -87deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
        transform: translateZ(-800px) rotate3d(-1, 1, 0, -90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutTp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }
}

@keyframes sldOutTp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutTr {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-1000px) translateX(1000px);
        transform: translateY(-1000px) translateX(1000px);
        opacity: 0
    }
}

@keyframes sldOutTr {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-1000px) translateX(1000px);
        transform: translateY(-1000px) translateX(1000px);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutRgt {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0
    }
}

@keyframes sldOutRgt {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutBr {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(1000px) translateX(1000px);
        transform: translateY(1000px) translateX(1000px);
        opacity: 0
    }
}

@keyframes sldOutBr {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(1000px) translateX(1000px);
        transform: translateY(1000px) translateX(1000px);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutBtm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
}

@keyframes sldOutBtm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutBl {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(1000px) translateX(-1000px);
        transform: translateY(1000px) translateX(-1000px);
        opacity: 0
    }
}

@keyframes sldOutBl {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(1000px) translateX(-1000px);
        transform: translateY(1000px) translateX(-1000px);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutLft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0
    }
}

@keyframes sldOutLft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutTl {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-1000px) translateX(-1000px);
        transform: translateY(-1000px) translateX(-1000px);
        opacity: 0
    }
}

@keyframes sldOutTl {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-1000px) translateX(-1000px);
        transform: translateY(-1000px) translateX(-1000px);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutBlrTp {
    0% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-1000px) scaleY(2) scaleX(0.2);
        transform: translateY(-1000px) scaleY(2) scaleX(0.2);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes sldOutBlrTp {
    0% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-1000px) scaleY(2) scaleX(0.2);
        transform: translateY(-1000px) scaleY(2) scaleX(0.2);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutBlrTr {
    0% {
        -webkit-transform: translate(0, 0) skew(0deg, 0deg);
        transform: translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate(1000px, -1000px) skew(-80deg, -10deg);
        transform: translate(1000px, -1000px) skew(-80deg, -10deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes sldOutBlrTr {
    0% {
        -webkit-transform: translate(0, 0) skew(0deg, 0deg);
        transform: translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate(1000px, -1000px) skew(-80deg, -10deg);
        transform: translate(1000px, -1000px) skew(-80deg, -10deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutBlrRgt {
    0% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1000px) scaleX(2) scaleY(0.2);
        transform: translateX(1000px) scaleX(2) scaleY(0.2);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes sldOutBlrRgt {
    0% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1000px) scaleX(2) scaleY(0.2);
        transform: translateX(1000px) scaleX(2) scaleY(0.2);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutBlrBr {
    0% {
        -webkit-transform: translate(0, 0) skew(0deg, 0deg);
        transform: translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate(1000px, 1000px) skew(80deg, 10deg);
        transform: translate(1000px, 1000px) skew(80deg, 10deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes sldOutBlrBr {
    0% {
        -webkit-transform: translate(0, 0) skew(0deg, 0deg);
        transform: translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate(1000px, 1000px) skew(80deg, 10deg);
        transform: translate(1000px, 1000px) skew(80deg, 10deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutBlrBl {
    0% {
        -webkit-transform: translate(0, 0) skew(0deg, 0deg);
        transform: translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
        transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes sldOutBlrBl {
    0% {
        -webkit-transform: translate(0, 0) skew(0deg, 0deg);
        transform: translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
        transform: translate(-1000px, 1000px) skew(-80deg, -10deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutBlrBtm {
    0% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(1000px) scaleY(2) scaleX(0.2);
        transform: translateY(1000px) scaleY(2) scaleX(0.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes sldOutBlrBtm {
    0% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(1000px) scaleY(2) scaleX(0.2);
        transform: translateY(1000px) scaleY(2) scaleX(0.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutBlrLft {
    0% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-1000px) scaleX(2) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes sldOutBlrLft {
    0% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-1000px) scaleX(2) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutBlrTl {
    0% {
        -webkit-transform: translate(0, 0) skew(0deg, 0deg);
        transform: translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate(-1000px, -1000px) skew(80deg, 10deg);
        transform: translate(-1000px, -1000px) skew(80deg, 10deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes sldOutBlrTl {
    0% {
        -webkit-transform: translate(0, 0) skew(0deg, 0deg);
        transform: translate(0, 0) skew(0deg, 0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate(-1000px, -1000px) skew(80deg, 10deg);
        transform: translate(-1000px, -1000px) skew(80deg, 10deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutElptTpB {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
}

@keyframes sldOutElptTpB {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
}

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

@-webkit-keyframes sldOutElptTpF {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% -500px;
        transform-origin: 50% -500px;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-600px) rotateX(20deg) scale(6);
        transform: translateY(-600px) rotateX(20deg) scale(6);
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        opacity: 0
    }
}

@keyframes sldOutElptTpF {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% -500px;
        transform-origin: 50% -500px;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-600px) rotateX(20deg) scale(6);
        transform: translateY(-600px) rotateX(20deg) scale(6);
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutElptRgtB {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: -1800px 50%;
        transform-origin: -1800px 50%;
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1000px) rotateY(-30deg) scale(0);
        transform: translateX(1000px) rotateY(-30deg) scale(0);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 1
    }
}

@keyframes sldOutElptRgtB {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: -1800px 50%;
        transform-origin: -1800px 50%;
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1000px) rotateY(-30deg) scale(0);
        transform: translateX(1000px) rotateY(-30deg) scale(0);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 1
    }
}

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

@-webkit-keyframes sldOutElptRgtF {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 600px 50%;
        transform-origin: 600px 50%;
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1000px) rotateY(20deg) scale(6);
        transform: translateX(1000px) rotateY(20deg) scale(6);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 0
    }
}

@keyframes sldOutElptRgtF {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 600px 50%;
        transform-origin: 600px 50%;
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1000px) rotateY(20deg) scale(6);
        transform: translateX(1000px) rotateY(20deg) scale(6);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutElptLftB {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 2000px 50%;
        transform-origin: 2000px 50%;
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-1000px) rotateY(30deg) scale(0);
        transform: translateX(-1000px) rotateY(30deg) scale(0);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 1
    }
}

@keyframes sldOutElptLftB {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 2000px 50%;
        transform-origin: 2000px 50%;
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-1000px) rotateY(30deg) scale(0);
        transform: translateX(-1000px) rotateY(30deg) scale(0);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 1
    }
}

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

@-webkit-keyframes sldOutElptLftF {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: -500px 50%;
        transform-origin: -500px 50%;
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-1000px) rotateY(-20deg) scale(6);
        transform: translateX(-1000px) rotateY(-20deg) scale(6);
        -webkit-transform-origin: 200% 50%;
        transform-origin: 200% 50%;
        opacity: 0
    }
}

@keyframes sldOutElptLftF {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: -500px 50%;
        transform-origin: -500px 50%;
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-1000px) rotateY(-20deg) scale(6);
        transform: translateX(-1000px) rotateY(-20deg) scale(6);
        -webkit-transform-origin: 200% 50%;
        transform-origin: 200% 50%;
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutElptBtmF {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 500px;
        transform-origin: 50% 500px;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(600px) rotateX(-20deg) scale(6);
        transform: translateY(600px) rotateX(-20deg) scale(6);
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        opacity: 0
    }
}

@keyframes sldOutElptBtmF {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 500px;
        transform-origin: 50% 500px;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(600px) rotateX(-20deg) scale(6);
        transform: translateY(600px) rotateX(-20deg) scale(6);
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        opacity: 0
    }
}

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

@-webkit-keyframes sldOutElptBtmB {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% -1400px;
        transform-origin: 50% -1400px;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
        transform: translateY(600px) rotateX(30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
}

@keyframes sldOutElptBtmB {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% -1400px;
        transform-origin: 50% -1400px;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
        transform: translateY(600px) rotateX(30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 1
    }
}

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

@-webkit-keyframes boncOutTp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    5% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    15% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(-38px);
        transform: translateY(-38px)
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    52% {
        -webkit-transform: translateY(-75px);
        transform: translateY(-75px)
    }
    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    85% {
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-800px);
        transform: translateY(-800px);
        opacity: 0
    }
}

@keyframes boncOutTp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    5% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    15% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(-38px);
        transform: translateY(-38px)
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    52% {
        -webkit-transform: translateY(-75px);
        transform: translateY(-75px)
    }
    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    85% {
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-800px);
        transform: translateY(-800px);
        opacity: 0
    }
}

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

@-webkit-keyframes boncOutRgt {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    5% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    15% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    25% {
        -webkit-transform: translateX(38px);
        transform: translateX(38px)
    }
    38% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    52% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }
    65% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    85% {
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0
    }
}

@keyframes boncOutRgt {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    5% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    15% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    25% {
        -webkit-transform: translateX(38px);
        transform: translateX(38px)
    }
    38% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    52% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }
    65% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    85% {
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0
    }
}

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

@-webkit-keyframes boncOutBtm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    5% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    15% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(38px);
        transform: translateY(38px)
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    52% {
        -webkit-transform: translateY(75px);
        transform: translateY(75px)
    }
    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    85% {
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(800px);
        transform: translateY(800px);
        opacity: 0
    }
}

@keyframes boncOutBtm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    5% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    15% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(38px);
        transform: translateY(38px)
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    52% {
        -webkit-transform: translateY(75px);
        transform: translateY(75px)
    }
    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    85% {
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(800px);
        transform: translateY(800px);
        opacity: 0
    }
}

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

@-webkit-keyframes boncOutLft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    5% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    15% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    25% {
        -webkit-transform: translateX(-38px);
        transform: translateX(-38px)
    }
    38% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    52% {
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px)
    }
    70% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    85% {
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0
    }
}

@keyframes boncOutLft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    5% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    15% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    25% {
        -webkit-transform: translateX(-38px);
        transform: translateX(-38px)
    }
    38% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    52% {
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px)
    }
    70% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    85% {
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0
    }
}

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

@-webkit-keyframes boncOutBck {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    5% {
        -webkit-transform: translateZ(-100px);
        transform: translateZ(-100px)
    }
    15% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    25% {
        -webkit-transform: translateZ(-110px);
        transform: translateZ(-110px)
    }
    38% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    52% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px)
    }
    70% {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }
    85% {
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(-900px) scale(0);
        transform: translateZ(-900px) scale(0);
        opacity: 0
    }
}

@keyframes boncOutBck {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    5% {
        -webkit-transform: translateZ(-100px);
        transform: translateZ(-100px)
    }
    15% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    25% {
        -webkit-transform: translateZ(-110px);
        transform: translateZ(-110px)
    }
    38% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    52% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px)
    }
    70% {
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }
    85% {
        opacity: 1
    }
    100% {
        -webkit-transform: translateZ(-900px) scale(0);
        transform: translateZ(-900px) scale(0);
        opacity: 0
    }
}

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

@-webkit-keyframes rolOutLft {
    0% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-1000px) rotate(-540deg);
        transform: translateX(-1000px) rotate(-540deg);
        opacity: 0
    }
}

@keyframes rolOutLft {
    0% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-1000px) rotate(-540deg);
        transform: translateX(-1000px) rotate(-540deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rolOutTp {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-800px) rotate(-540deg);
        transform: translateY(-800px) rotate(-540deg);
        opacity: 0
    }
}

@keyframes rolOutTp {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-800px) rotate(-540deg);
        transform: translateY(-800px) rotate(-540deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rolOutRgt {
    0% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1000px) rotate(540deg);
        transform: translateX(1000px) rotate(540deg);
        opacity: 0
    }
}

@keyframes rolOutRgt {
    0% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1000px) rotate(540deg);
        transform: translateX(1000px) rotate(540deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rolOutBtm {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(800px) rotate(540deg);
        transform: translateY(800px) rotate(540deg);
        opacity: 0
    }
}

@keyframes rolOutBtm {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(800px) rotate(540deg);
        transform: translateY(800px) rotate(540deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rolOutBlrLft {
    0% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-1000px) rotate(-720deg);
        transform: translateX(-1000px) rotate(-720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
}

@keyframes rolOutBlrLft {
    0% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-1000px) rotate(-720deg);
        transform: translateX(-1000px) rotate(-720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
}

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

@-webkit-keyframes rolOutBlrTp {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-800px) rotate(-720deg);
        transform: translateY(-800px) rotate(-720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
}

@keyframes rolOutBlrTp {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-800px) rotate(-720deg);
        transform: translateY(-800px) rotate(-720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
}

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

@-webkit-keyframes rolOutBlrRgt {
    0% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1000px) rotate(720deg);
        transform: translateX(1000px) rotate(720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
}

@keyframes rolOutBlrRgt {
    0% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1000px) rotate(720deg);
        transform: translateX(1000px) rotate(720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
}

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

@-webkit-keyframes rolOutBlrBtm {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(800px) rotate(720deg);
        transform: translateY(800px) rotate(720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
}

@keyframes rolOutBlrBtm {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(800px) rotate(720deg);
        transform: translateY(800px) rotate(720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
}

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

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

@keyframes fdOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

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

@-webkit-keyframes fdOutTp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }
}

@keyframes fdOutTp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }
}

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

@-webkit-keyframes fdOutTr {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(50px) translateY(-50px);
        transform: translateX(50px) translateY(-50px);
        opacity: 0
    }
}

@keyframes fdOutTr {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(50px) translateY(-50px);
        transform: translateX(50px) translateY(-50px);
        opacity: 0
    }
}

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

@-webkit-keyframes fdOutRgt {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0
    }
}

@keyframes fdOutRgt {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0
    }
}

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

@-webkit-keyframes fdOutBr {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(50px) translateY(50px);
        transform: translateX(50px) translateY(50px);
        opacity: 0
    }
}

@keyframes fdOutBr {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(50px) translateY(50px);
        transform: translateX(50px) translateY(50px);
        opacity: 0
    }
}

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

@-webkit-keyframes fdOutBtm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }
}

@keyframes fdOutBtm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }
}

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

@-webkit-keyframes fdOutBl {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-50px) translateY(50px);
        transform: translateX(-50px) translateY(50px);
        opacity: 0
    }
}

@keyframes fdOutBl {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-50px) translateY(50px);
        transform: translateX(-50px) translateY(50px);
        opacity: 0
    }
}

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

@-webkit-keyframes fdOutLft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0
    }
}

@keyframes fdOutLft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0
    }
}

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

@-webkit-keyframes fdOutTl {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-50px) translateY(-50px);
        transform: translateX(-50px) translateY(-50px);
        opacity: 0
    }
}

@keyframes fdOutTl {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-50px) translateY(-50px);
        transform: translateX(-50px) translateY(-50px);
        opacity: 0
    }
}

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

@-webkit-keyframes pufOutCntr {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@keyframes pufOutCntr {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

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

@-webkit-keyframes pufOutTp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@keyframes pufOutTp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

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

@-webkit-keyframes pufOutTr {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@keyframes pufOutTr {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

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

@-webkit-keyframes pufOutRgt {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@keyframes pufOutRgt {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

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

@-webkit-keyframes pufOutBr {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@keyframes pufOutBr {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

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

@-webkit-keyframes pufOutBtm {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@keyframes pufOutBtm {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

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

@-webkit-keyframes pufOutBl {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@keyframes pufOutBl {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

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

@-webkit-keyframes pufOutLft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@keyframes pufOutLft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

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

@-webkit-keyframes pufOutTl {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@keyframes pufOutTl {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

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

@-webkit-keyframes pufOutX {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scaleX(2);
        transform: scaleX(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@keyframes pufOutX {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scaleX(2);
        transform: scaleX(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

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

@-webkit-keyframes pufOutY {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scaleY(2);
        transform: scaleY(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@keyframes pufOutY {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
    100% {
        -webkit-transform: scaleY(2);
        transform: scaleY(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

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

@-webkit-keyframes trkInXpnd {
    0% {
        letter-spacing: -.5em;
        opacity: 0
    }
    40% {
        opacity: .6
    }
    100% {
        opacity: 1
    }
}

@keyframes trkInXpnd {
    0% {
        letter-spacing: -.5em;
        opacity: 0
    }
    40% {
        opacity: .6
    }
    100% {
        opacity: 1
    }
}

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

@-webkit-keyframes trkInCntrct {
    0% {
        letter-spacing: 1em;
        opacity: 0
    }
    40% {
        opacity: .6
    }
    100% {
        letter-spacing: normal;
        opacity: 1
    }
}

@keyframes trkInCntrct {
    0% {
        letter-spacing: 1em;
        opacity: 0
    }
    40% {
        opacity: .6
    }
    100% {
        letter-spacing: normal;
        opacity: 1
    }
}

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

@-webkit-keyframes trkOutCntrct {
    0% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    100% {
        letter-spacing: -.5em;
        opacity: 0
    }
}

@keyframes trkOutCntrct {
    0% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    100% {
        letter-spacing: -.5em;
        opacity: 0
    }
}

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

@-webkit-keyframes trkOutXpnd {
    0% {
        opacity: 1
    }
    60% {
        opacity: .8
    }
    100% {
        letter-spacing: 1em;
        opacity: 0
    }
}

@keyframes trkOutXpnd {
    0% {
        opacity: 1
    }
    60% {
        opacity: .8
    }
    100% {
        letter-spacing: 1em;
        opacity: 0
    }
}

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

@-webkit-keyframes txtFxIn {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

@keyframes txtFxIn {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes fxInXpnd {
    0% {
        letter-spacing: -.5em;
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

@keyframes fxInXpnd {
    0% {
        letter-spacing: -.5em;
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes fxInXpndF {
    0% {
        letter-spacing: -.5em;
        -webkit-transform: translateZ(-800px);
        transform: translateZ(-800px);
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes fxInXpndF {
    0% {
        letter-spacing: -.5em;
        -webkit-transform: translateZ(-800px);
        transform: translateZ(-800px);
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

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

@-webkit-keyframes fxInCntrct {
    0% {
        letter-spacing: 1em;
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

@keyframes fxInCntrct {
    0% {
        letter-spacing: 1em;
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes fxInCntrctB {
    0% {
        letter-spacing: 1em;
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateZ(12px);
        transform: translateZ(12px);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes fxInCntrctB {
    0% {
        letter-spacing: 1em;
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateZ(12px);
        transform: translateZ(12px);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

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

@-webkit-keyframes txtBlrOut {
    0% {
        -webkit-filter: blur(0.01);
        filter: blur(0.01)
    }
    100% {
        -webkit-filter: blur(12px) opacity(0%);
        filter: blur(12px) opacity(0%)
    }
}

@keyframes txtBlrOut {
    0% {
        -webkit-filter: blur(0.01);
        filter: blur(0.01)
    }
    100% {
        -webkit-filter: blur(12px) opacity(0%);
        filter: blur(12px) opacity(0%)
    }
}

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

@-webkit-keyframes blrOutCntrct {
    0% {
        -webkit-filter: blur(0.01);
        filter: blur(0.01)
    }
    100% {
        letter-spacing: -.5em;
        -webkit-filter: blur(12px) opacity(0%);
        filter: blur(12px) opacity(0%)
    }
}

@keyframes blrOutCntrct {
    0% {
        -webkit-filter: blur(0.01);
        filter: blur(0.01)
    }
    100% {
        letter-spacing: -.5em;
        -webkit-filter: blur(12px) opacity(0%);
        filter: blur(12px) opacity(0%)
    }
}

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

@-webkit-keyframes blrOutCntrctB {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-filter: blur(0.01);
        filter: blur(0.01)
    }
    100% {
        letter-spacing: -.5em;
        -webkit-transform: translateZ(-500px);
        transform: translateZ(-500px);
        -webkit-filter: blur(12px) opacity(0%);
        filter: blur(12px) opacity(0%)
    }
}

@keyframes blrOutCntrctB {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-filter: blur(0.01);
        filter: blur(0.01)
    }
    100% {
        letter-spacing: -.5em;
        -webkit-transform: translateZ(-500px);
        transform: translateZ(-500px);
        -webkit-filter: blur(12px) opacity(0%);
        filter: blur(12px) opacity(0%)
    }
}

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

@-webkit-keyframes blrOutXpnd {
    0% {
        -webkit-filter: blur(0.01);
        filter: blur(0.01)
    }
    100% {
        letter-spacing: 1em;
        -webkit-filter: blur(12px) opacity(0%);
        filter: blur(12px) opacity(0%)
    }
}

@keyframes blrOutXpnd {
    0% {
        -webkit-filter: blur(0.01);
        filter: blur(0.01)
    }
    100% {
        letter-spacing: 1em;
        -webkit-filter: blur(12px) opacity(0%);
        filter: blur(12px) opacity(0%)
    }
}

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

@-webkit-keyframes blrOutXpndF {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-filter: blur(0.01);
        filter: blur(0.01)
    }
    100% {
        letter-spacing: 1em;
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        -webkit-filter: blur(12px) opacity(0%);
        filter: blur(12px) opacity(0%)
    }
}

@keyframes blrOutXpndF {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-filter: blur(0.01);
        filter: blur(0.01)
    }
    100% {
        letter-spacing: 1em;
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        -webkit-filter: blur(12px) opacity(0%);
        filter: blur(12px) opacity(0%)
    }
}

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

@-webkit-keyframes vbrtSlo {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    20% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
    40% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    60% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px)
    }
    80% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px)
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes vbrtSlo {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    20% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
    40% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    60% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px)
    }
    80% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px)
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

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

@-webkit-keyframes vbrtFst {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    10% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    20% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px)
    }
    30% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
    40% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px)
    }
    50% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    60% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px)
    }
    70% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
    80% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    90% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px)
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes vbrtFst {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    10% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    20% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px)
    }
    30% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
    40% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px)
    }
    50% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    60% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px)
    }
    70% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
    80% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    90% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px)
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

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

@-webkit-keyframes shkX {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    90% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
}

@keyframes shkX {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    90% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
}

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

@-webkit-keyframes shkY {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    10%, 30%, 50%, 70% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    20%, 40%, 60% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    80% {
        -webkit-transform: translateY(6.4px);
        transform: translateY(6.4px)
    }
    90% {
        -webkit-transform: translateY(-6.4px);
        transform: translateY(-6.4px)
    }
}

@keyframes shkY {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    10%, 30%, 50%, 70% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    20%, 40%, 60% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    80% {
        -webkit-transform: translateY(6.4px);
        transform: translateY(6.4px)
    }
    90% {
        -webkit-transform: translateY(-6.4px);
        transform: translateY(-6.4px)
    }
}

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

@-webkit-keyframes shkLr {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    10% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    80% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }
    90% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }
}

@keyframes shkLr {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    10% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    80% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }
    90% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }
}

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

@-webkit-keyframes shkTp {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes shkTp {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

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

@-webkit-keyframes shkTr {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes shkTr {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

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

@-webkit-keyframes shkRgt {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes shkRgt {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

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

@-webkit-keyframes shkBr {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes shkBr {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

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

@-webkit-keyframes shkBtm {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes shkBtm {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

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

@-webkit-keyframes shkBl {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes shkBl {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

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

@-webkit-keyframes shkLft {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes shkLft {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

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

@-webkit-keyframes shkTl {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes shkTl {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%, 40%, 60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%, 50%, 70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

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

@-webkit-keyframes jloX {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes jloX {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes jloY {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    40% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    50% {
        -webkit-transform: scale3d(0.85, 1.15, 1);
        transform: scale3d(0.85, 1.15, 1)
    }
    65% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    75% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes jloY {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    40% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    50% {
        -webkit-transform: scale3d(0.85, 1.15, 1);
        transform: scale3d(0.85, 1.15, 1)
    }
    65% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    75% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes jloDgnlLft {
    0% {
        -webkit-transform: skew(0deg 0deg);
        transform: skew(0deg 0deg)
    }
    30% {
        -webkit-transform: skew(25deg 25deg);
        transform: skew(25deg 25deg)
    }
    40% {
        -webkit-transform: skew(-15deg, -15deg);
        transform: skew(-15deg, -15deg)
    }
    50% {
        -webkit-transform: skew(15deg, 15deg);
        transform: skew(15deg, 15deg)
    }
    65% {
        -webkit-transform: skew(-5deg, -5deg);
        transform: skew(-5deg, -5deg)
    }
    75% {
        -webkit-transform: skew(5deg, 5deg);
        transform: skew(5deg, 5deg)
    }
    100% {
        -webkit-transform: skew(0deg 0deg);
        transform: skew(0deg 0deg)
    }
}

@keyframes jloDgnlLft {
    0% {
        -webkit-transform: skew(0deg 0deg);
        transform: skew(0deg 0deg)
    }
    30% {
        -webkit-transform: skew(25deg 25deg);
        transform: skew(25deg 25deg)
    }
    40% {
        -webkit-transform: skew(-15deg, -15deg);
        transform: skew(-15deg, -15deg)
    }
    50% {
        -webkit-transform: skew(15deg, 15deg);
        transform: skew(15deg, 15deg)
    }
    65% {
        -webkit-transform: skew(-5deg, -5deg);
        transform: skew(-5deg, -5deg)
    }
    75% {
        -webkit-transform: skew(5deg, 5deg);
        transform: skew(5deg, 5deg)
    }
    100% {
        -webkit-transform: skew(0deg 0deg);
        transform: skew(0deg 0deg)
    }
}

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

@-webkit-keyframes jloDgnlRgt {
    0% {
        -webkit-transform: skew(0deg 0deg);
        transform: skew(0deg 0deg)
    }
    30% {
        -webkit-transform: skew(-25deg -25deg);
        transform: skew(-25deg -25deg)
    }
    40% {
        -webkit-transform: skew(15deg, 15deg);
        transform: skew(15deg, 15deg)
    }
    50% {
        -webkit-transform: skew(-15deg, -15deg);
        transform: skew(-15deg, -15deg)
    }
    65% {
        -webkit-transform: skew(5deg, 5deg);
        transform: skew(5deg, 5deg)
    }
    75% {
        -webkit-transform: skew(-5deg, -5deg);
        transform: skew(-5deg, -5deg)
    }
    100% {
        -webkit-transform: skew(0deg 0deg);
        transform: skew(0deg 0deg)
    }
}

@keyframes jloDgnlRgt {
    0% {
        -webkit-transform: skew(0deg 0deg);
        transform: skew(0deg 0deg)
    }
    30% {
        -webkit-transform: skew(-25deg -25deg);
        transform: skew(-25deg -25deg)
    }
    40% {
        -webkit-transform: skew(15deg, 15deg);
        transform: skew(15deg, 15deg)
    }
    50% {
        -webkit-transform: skew(-15deg, -15deg);
        transform: skew(-15deg, -15deg)
    }
    65% {
        -webkit-transform: skew(5deg, 5deg);
        transform: skew(5deg, 5deg)
    }
    75% {
        -webkit-transform: skew(-5deg, -5deg);
        transform: skew(-5deg, -5deg)
    }
    100% {
        -webkit-transform: skew(0deg 0deg);
        transform: skew(0deg 0deg)
    }
}

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

@-webkit-keyframes wblXBtm {
    0%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    15% {
        -webkit-transform: translateX(-30px) rotate(-6deg);
        transform: translateX(-30px) rotate(-6deg)
    }
    30% {
        -webkit-transform: translateX(15px) rotate(6deg);
        transform: translateX(15px) rotate(6deg)
    }
    45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg);
        transform: translateX(-15px) rotate(-3.6deg)
    }
    60% {
        -webkit-transform: translateX(9px) rotate(2.4deg);
        transform: translateX(9px) rotate(2.4deg)
    }
    75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg);
        transform: translateX(-6px) rotate(-1.2deg)
    }
}

@keyframes wblXBtm {
    0%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    15% {
        -webkit-transform: translateX(-30px) rotate(-6deg);
        transform: translateX(-30px) rotate(-6deg)
    }
    30% {
        -webkit-transform: translateX(15px) rotate(6deg);
        transform: translateX(15px) rotate(6deg)
    }
    45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg);
        transform: translateX(-15px) rotate(-3.6deg)
    }
    60% {
        -webkit-transform: translateX(9px) rotate(2.4deg);
        transform: translateX(9px) rotate(2.4deg)
    }
    75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg);
        transform: translateX(-6px) rotate(-1.2deg)
    }
}

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

@-webkit-keyframes wblXTp {
    0%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    15% {
        -webkit-transform: translateX(-30px) rotate(6deg);
        transform: translateX(-30px) rotate(6deg)
    }
    30% {
        -webkit-transform: translateX(15px) rotate(-6deg);
        transform: translateX(15px) rotate(-6deg)
    }
    45% {
        -webkit-transform: translateX(-15px) rotate(3.6deg);
        transform: translateX(-15px) rotate(3.6deg)
    }
    60% {
        -webkit-transform: translateX(9px) rotate(-2.4deg);
        transform: translateX(9px) rotate(-2.4deg)
    }
    75% {
        -webkit-transform: translateX(-6px) rotate(1.2deg);
        transform: translateX(-6px) rotate(1.2deg)
    }
}

@keyframes wblXTp {
    0%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    15% {
        -webkit-transform: translateX(-30px) rotate(6deg);
        transform: translateX(-30px) rotate(6deg)
    }
    30% {
        -webkit-transform: translateX(15px) rotate(-6deg);
        transform: translateX(15px) rotate(-6deg)
    }
    45% {
        -webkit-transform: translateX(-15px) rotate(3.6deg);
        transform: translateX(-15px) rotate(3.6deg)
    }
    60% {
        -webkit-transform: translateX(9px) rotate(-2.4deg);
        transform: translateX(9px) rotate(-2.4deg)
    }
    75% {
        -webkit-transform: translateX(-6px) rotate(1.2deg);
        transform: translateX(-6px) rotate(1.2deg)
    }
}

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

@-webkit-keyframes wblYLft {
    0%, 100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    15% {
        -webkit-transform: translateY(-30px) rotate(-6deg);
        transform: translateY(-30px) rotate(-6deg)
    }
    30% {
        -webkit-transform: translateY(15px) rotate(6deg);
        transform: translateY(15px) rotate(6deg)
    }
    45% {
        -webkit-transform: translateY(-15px) rotate(-3.6deg);
        transform: translateY(-15px) rotate(-3.6deg)
    }
    60% {
        -webkit-transform: translateY(9px) rotate(2.4deg);
        transform: translateY(9px) rotate(2.4deg)
    }
    75% {
        -webkit-transform: translateY(-6px) rotate(-1.2deg);
        transform: translateY(-6px) rotate(-1.2deg)
    }
}

@keyframes wblYLft {
    0%, 100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    15% {
        -webkit-transform: translateY(-30px) rotate(-6deg);
        transform: translateY(-30px) rotate(-6deg)
    }
    30% {
        -webkit-transform: translateY(15px) rotate(6deg);
        transform: translateY(15px) rotate(6deg)
    }
    45% {
        -webkit-transform: translateY(-15px) rotate(-3.6deg);
        transform: translateY(-15px) rotate(-3.6deg)
    }
    60% {
        -webkit-transform: translateY(9px) rotate(2.4deg);
        transform: translateY(9px) rotate(2.4deg)
    }
    75% {
        -webkit-transform: translateY(-6px) rotate(-1.2deg);
        transform: translateY(-6px) rotate(-1.2deg)
    }
}

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

@-webkit-keyframes wblYRgt {
    0%, 100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    15% {
        -webkit-transform: translateY(-30px) rotate(6deg);
        transform: translateY(-30px) rotate(6deg)
    }
    30% {
        -webkit-transform: translateY(15px) rotate(-6deg);
        transform: translateY(15px) rotate(-6deg)
    }
    45% {
        -webkit-transform: translateY(-15px) rotate(3.6deg);
        transform: translateY(-15px) rotate(3.6deg)
    }
    60% {
        -webkit-transform: translateY(9px) rotate(-2.4deg);
        transform: translateY(9px) rotate(-2.4deg)
    }
    75% {
        -webkit-transform: translateY(-6px) rotate(1.2deg);
        transform: translateY(-6px) rotate(1.2deg)
    }
}

@keyframes wblYRgt {
    0%, 100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    15% {
        -webkit-transform: translateY(-30px) rotate(6deg);
        transform: translateY(-30px) rotate(6deg)
    }
    30% {
        -webkit-transform: translateY(15px) rotate(-6deg);
        transform: translateY(15px) rotate(-6deg)
    }
    45% {
        -webkit-transform: translateY(-15px) rotate(3.6deg);
        transform: translateY(-15px) rotate(3.6deg)
    }
    60% {
        -webkit-transform: translateY(9px) rotate(-2.4deg);
        transform: translateY(9px) rotate(-2.4deg)
    }
    75% {
        -webkit-transform: translateY(-6px) rotate(1.2deg);
        transform: translateY(-6px) rotate(1.2deg)
    }
}

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

@-webkit-keyframes boncTp {
    0% {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
        opacity: 1
    }
    24% {
        opacity: 1
    }
    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px)
    }
    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    25%, 55%, 75%, 87% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1
    }
}

@keyframes boncTp {
    0% {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
        opacity: 1
    }
    24% {
        opacity: 1
    }
    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px)
    }
    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    25%, 55%, 75%, 87% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes boncBtm {
    0% {
        -webkit-transform: translateY(45px);
        transform: translateY(45px);
        opacity: 1
    }
    24% {
        opacity: 1
    }
    40% {
        -webkit-transform: translateY(24px);
        transform: translateY(24px)
    }
    65% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }
    82% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    93% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    25%, 55%, 75%, 87% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1
    }
}

@keyframes boncBtm {
    0% {
        -webkit-transform: translateY(45px);
        transform: translateY(45px);
        opacity: 1
    }
    24% {
        opacity: 1
    }
    40% {
        -webkit-transform: translateY(24px);
        transform: translateY(24px)
    }
    65% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }
    82% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    93% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    25%, 55%, 75%, 87% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes boncLft {
    0% {
        -webkit-transform: translateX(-48px);
        transform: translateX(-48px);
        opacity: 1
    }
    24% {
        opacity: 1
    }
    40% {
        -webkit-transform: translateX(-26px);
        transform: translateX(-26px)
    }
    65% {
        -webkit-transform: translateX(-13px);
        transform: translateX(-13px)
    }
    82% {
        -webkit-transform: translateX(-6.5px);
        transform: translateX(-6.5px)
    }
    93% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }
    25%, 55%, 75%, 87%, 98% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1
    }
}

@keyframes boncLft {
    0% {
        -webkit-transform: translateX(-48px);
        transform: translateX(-48px);
        opacity: 1
    }
    24% {
        opacity: 1
    }
    40% {
        -webkit-transform: translateX(-26px);
        transform: translateX(-26px)
    }
    65% {
        -webkit-transform: translateX(-13px);
        transform: translateX(-13px)
    }
    82% {
        -webkit-transform: translateX(-6.5px);
        transform: translateX(-6.5px)
    }
    93% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }
    25%, 55%, 75%, 87%, 98% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes boncRgt {
    0% {
        -webkit-transform: translateX(48px);
        transform: translateX(48px);
        opacity: 1
    }
    24% {
        opacity: 1
    }
    40% {
        -webkit-transform: translateX(26px);
        transform: translateX(26px)
    }
    65% {
        -webkit-transform: translateX(13px);
        transform: translateX(13px)
    }
    82% {
        -webkit-transform: translateX(6.5px);
        transform: translateX(6.5px)
    }
    93% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    25%, 55%, 75%, 87%, 98% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1
    }
}

@keyframes boncRgt {
    0% {
        -webkit-transform: translateX(48px);
        transform: translateX(48px);
        opacity: 1
    }
    24% {
        opacity: 1
    }
    40% {
        -webkit-transform: translateX(26px);
        transform: translateX(26px)
    }
    65% {
        -webkit-transform: translateX(13px);
        transform: translateX(13px)
    }
    82% {
        -webkit-transform: translateX(6.5px);
        transform: translateX(6.5px)
    }
    93% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    25%, 55%, 75%, 87%, 98% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1
    }
}

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

@-webkit-keyframes hrtBt {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91)
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98)
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87)
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes hrtBt {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91)
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98)
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87)
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

@-webkit-keyframes plsBck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes plsBck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

@-webkit-keyframes ping {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: .8
    }
    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0
    }
}

@keyframes ping {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: .8
    }
    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0
    }
}

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

@-webkit-keyframes plsFwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes plsFwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

@-webkit-keyframes blnkSl {
    0%, 50%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes blnkSl {
    0%, 50%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

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

@-webkit-keyframes blnkFs {
    0% {
        opacity: 1
    }
    50% {
        opacity: .2
    }
    100% {
        opacity: 1
    }
}

@keyframes blnkFs {
    0% {
        opacity: 1
    }
    50% {
        opacity: .2
    }
    100% {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes rotTr {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }
}

@keyframes rotTr {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }
}

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

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

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

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

@-webkit-keyframes rotDgnlLft {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg)
    }
    50% {
        -webkit-transform: rotate3d(1, 1, 0, -180deg);
        transform: rotate3d(1, 1, 0, -180deg)
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, -360deg);
        transform: rotate3d(1, 1, 0, -360deg)
    }
}

@keyframes rotDgnlLft {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg)
    }
    50% {
        -webkit-transform: rotate3d(1, 1, 0, -180deg);
        transform: rotate3d(1, 1, 0, -180deg)
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, -360deg);
        transform: rotate3d(1, 1, 0, -360deg)
    }
}

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

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

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

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

@-webkit-keyframes rotBr {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right
    }
}

@keyframes rotBr {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin: bottom right;
        transform-origin: bottom right
    }
}

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes rotDgnlTr {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
    50% {
        -webkit-transform: rotate3d(1, 1, 0, -180deg);
        transform: rotate3d(1, 1, 0, -180deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, -360deg);
        transform: rotate3d(1, 1, 0, -360deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
}

@keyframes rotDgnlTr {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
    50% {
        -webkit-transform: rotate3d(1, 1, 0, -180deg);
        transform: rotate3d(1, 1, 0, -180deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, -360deg);
        transform: rotate3d(1, 1, 0, -360deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
}

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

@-webkit-keyframes rotDgnlRgt {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, 0deg);
        transform: rotate3d(-1, 1, 0, 0deg)
    }
    50% {
        -webkit-transform: rotate3d(-1, 1, 0, 180deg);
        transform: rotate3d(-1, 1, 0, 180deg)
    }
    100% {
        -webkit-transform: rotate3d(-1, 1, 0, 360deg);
        transform: rotate3d(-1, 1, 0, 360deg)
    }
}

@keyframes rotDgnlRgt {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, 0deg);
        transform: rotate3d(-1, 1, 0, 0deg)
    }
    50% {
        -webkit-transform: rotate3d(-1, 1, 0, 180deg);
        transform: rotate3d(-1, 1, 0, 180deg)
    }
    100% {
        -webkit-transform: rotate3d(-1, 1, 0, 360deg);
        transform: rotate3d(-1, 1, 0, 360deg)
    }
}

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

@-webkit-keyframes rotDgnlTl {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, 0deg);
        transform: rotate3d(-1, 1, 0, 0deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    50% {
        -webkit-transform: rotate3d(-1, 1, 0, 180deg);
        transform: rotate3d(-1, 1, 0, 180deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    100% {
        -webkit-transform: rotate3d(-1, 1, 0, 360deg);
        transform: rotate3d(-1, 1, 0, 360deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@keyframes rotDgnlTl {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, 0deg);
        transform: rotate3d(-1, 1, 0, 0deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    50% {
        -webkit-transform: rotate3d(-1, 1, 0, 180deg);
        transform: rotate3d(-1, 1, 0, 180deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
    100% {
        -webkit-transform: rotate3d(-1, 1, 0, 360deg);
        transform: rotate3d(-1, 1, 0, 360deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

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

@-webkit-keyframes rotBl {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left
    }
}

@keyframes rotBl {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left
    }
}

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

@-webkit-keyframes rotDgnlBr {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, 0deg);
        transform: rotate3d(-1, 1, 0, 0deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    50% {
        -webkit-transform: rotate3d(-1, 1, 0, -180deg);
        transform: rotate3d(-1, 1, 0, -180deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    100% {
        -webkit-transform: rotate3d(-1, 1, 0, -360deg);
        transform: rotate3d(-1, 1, 0, -360deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
}

@keyframes rotDgnlBr {
    0% {
        -webkit-transform: rotate3d(-1, 1, 0, 0deg);
        transform: rotate3d(-1, 1, 0, 0deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    50% {
        -webkit-transform: rotate3d(-1, 1, 0, -180deg);
        transform: rotate3d(-1, 1, 0, -180deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
    100% {
        -webkit-transform: rotate3d(-1, 1, 0, -360deg);
        transform: rotate3d(-1, 1, 0, -360deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
}

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

@-webkit-keyframes rotDgnlBl {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }
    50% {
        -webkit-transform: rotate3d(1, 1, 0, 180deg);
        transform: rotate3d(1, 1, 0, 180deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, 360deg);
        transform: rotate3d(1, 1, 0, 360deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }
}

@keyframes rotDgnlBl {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }
    50% {
        -webkit-transform: rotate3d(1, 1, 0, 180deg);
        transform: rotate3d(1, 1, 0, 180deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, 360deg);
        transform: rotate3d(1, 1, 0, 360deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }
}

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

@-webkit-keyframes rotTl {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }
}

@keyframes rotTl {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }
}

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

@-webkit-keyframes rotSclUp {
    0% {
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0)
    }
    50% {
        -webkit-transform: scale(2) rotateZ(180deg);
        transform: scale(2) rotateZ(180deg)
    }
    100% {
        -webkit-transform: scale(1) rotateZ(360deg);
        transform: scale(1) rotateZ(360deg)
    }
}

@keyframes rotSclUp {
    0% {
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0)
    }
    50% {
        -webkit-transform: scale(2) rotateZ(180deg);
        transform: scale(2) rotateZ(180deg)
    }
    100% {
        -webkit-transform: scale(1) rotateZ(360deg);
        transform: scale(1) rotateZ(360deg)
    }
}

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

@-webkit-keyframes rotSclDwn {
    0% {
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0)
    }
    50% {
        -webkit-transform: scale(0.5) rotateZ(180deg);
        transform: scale(0.5) rotateZ(180deg)
    }
    100% {
        -webkit-transform: scale(1) rotateZ(360deg);
        transform: scale(1) rotateZ(360deg)
    }
}

@keyframes rotSclDwn {
    0% {
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0)
    }
    50% {
        -webkit-transform: scale(0.5) rotateZ(180deg);
        transform: scale(0.5) rotateZ(180deg)
    }
    100% {
        -webkit-transform: scale(1) rotateZ(360deg);
        transform: scale(1) rotateZ(360deg)
    }
}

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

@-webkit-keyframes rotSclUpX {
    0% {
        -webkit-transform: scale(1) rotateX(0);
        transform: scale(1) rotateX(0)
    }
    50% {
        -webkit-transform: scale(2) rotateX(-180deg);
        transform: scale(2) rotateX(-180deg)
    }
    100% {
        -webkit-transform: scale(1) rotateX(-360deg);
        transform: scale(1) rotateX(-360deg)
    }
}

@keyframes rotSclUpX {
    0% {
        -webkit-transform: scale(1) rotateX(0);
        transform: scale(1) rotateX(0)
    }
    50% {
        -webkit-transform: scale(2) rotateX(-180deg);
        transform: scale(2) rotateX(-180deg)
    }
    100% {
        -webkit-transform: scale(1) rotateX(-360deg);
        transform: scale(1) rotateX(-360deg)
    }
}

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

@-webkit-keyframes rotSclDwnX {
    0% {
        -webkit-transform: scale(1) rotateX(0);
        transform: scale(1) rotateX(0)
    }
    50% {
        -webkit-transform: scale(0.5) rotateX(-180deg);
        transform: scale(0.5) rotateX(-180deg)
    }
    100% {
        -webkit-transform: scale(1) rotateX(-360deg);
        transform: scale(1) rotateX(-360deg)
    }
}

@keyframes rotSclDwnX {
    0% {
        -webkit-transform: scale(1) rotateX(0);
        transform: scale(1) rotateX(0)
    }
    50% {
        -webkit-transform: scale(0.5) rotateX(-180deg);
        transform: scale(0.5) rotateX(-180deg)
    }
    100% {
        -webkit-transform: scale(1) rotateX(-360deg);
        transform: scale(1) rotateX(-360deg)
    }
}

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

@-webkit-keyframes rotSclUpY {
    0% {
        -webkit-transform: scale(1) rotateY(0);
        transform: scale(1) rotateY(0)
    }
    50% {
        -webkit-transform: scale(2) rotateY(180deg);
        transform: scale(2) rotateY(180deg)
    }
    100% {
        -webkit-transform: scale(1) rotateY(360deg);
        transform: scale(1) rotateY(360deg)
    }
}

@keyframes rotSclUpY {
    0% {
        -webkit-transform: scale(1) rotateY(0);
        transform: scale(1) rotateY(0)
    }
    50% {
        -webkit-transform: scale(2) rotateY(180deg);
        transform: scale(2) rotateY(180deg)
    }
    100% {
        -webkit-transform: scale(1) rotateY(360deg);
        transform: scale(1) rotateY(360deg)
    }
}

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

@-webkit-keyframes rotSclDwnY {
    0% {
        -webkit-transform: scale(1) rotateY(0);
        transform: scale(1) rotateY(0)
    }
    50% {
        -webkit-transform: scale(0.5) rotateY(180deg);
        transform: scale(0.5) rotateY(180deg)
    }
    100% {
        -webkit-transform: scale(1) rotateY(360deg);
        transform: scale(1) rotateY(360deg)
    }
}

@keyframes rotSclDwnY {
    0% {
        -webkit-transform: scale(1) rotateY(0);
        transform: scale(1) rotateY(0)
    }
    50% {
        -webkit-transform: scale(0.5) rotateY(180deg);
        transform: scale(0.5) rotateY(180deg)
    }
    100% {
        -webkit-transform: scale(1) rotateY(360deg);
        transform: scale(1) rotateY(360deg)
    }
}

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

@-webkit-keyframes rotSclUpDgnlLft {
    0% {
        -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
        transform: scale(1) rotate3d(1, 1, 0, 0deg)
    }
    50% {
        -webkit-transform: scale(2) rotate3d(1, 1, 0, -180deg);
        transform: scale(2) rotate3d(1, 1, 0, -180deg)
    }
    100% {
        -webkit-transform: scale(1) rotate3d(1, 1, 0, -360deg);
        transform: scale(1) rotate3d(1, 1, 0, -360deg)
    }
}

@keyframes rotSclUpDgnlLft {
    0% {
        -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
        transform: scale(1) rotate3d(1, 1, 0, 0deg)
    }
    50% {
        -webkit-transform: scale(2) rotate3d(1, 1, 0, -180deg);
        transform: scale(2) rotate3d(1, 1, 0, -180deg)
    }
    100% {
        -webkit-transform: scale(1) rotate3d(1, 1, 0, -360deg);
        transform: scale(1) rotate3d(1, 1, 0, -360deg)
    }
}

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

@-webkit-keyframes rotSclDwnDgnlLft {
    0% {
        -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
        transform: scale(1) rotate3d(1, 1, 0, 0deg)
    }
    50% {
        -webkit-transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
        transform: scale(0.5) rotate3d(1, 1, 0, -180deg)
    }
    100% {
        -webkit-transform: scale(1) rotate3d(1, 1, 0, -360deg);
        transform: scale(1) rotate3d(1, 1, 0, -360deg)
    }
}

@keyframes rotSclDwnDgnlLft {
    0% {
        -webkit-transform: scale(1) rotate3d(1, 1, 0, 0deg);
        transform: scale(1) rotate3d(1, 1, 0, 0deg)
    }
    50% {
        -webkit-transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
        transform: scale(0.5) rotate3d(1, 1, 0, -180deg)
    }
    100% {
        -webkit-transform: scale(1) rotate3d(1, 1, 0, -360deg);
        transform: scale(1) rotate3d(1, 1, 0, -360deg)
    }
}

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

@-webkit-keyframes rotSclUpDgnlRgt {
    0% {
        -webkit-transform: scale(1) rotate3d(-1, 1, 0, 0deg);
        transform: scale(1) rotate3d(-1, 1, 0, 0deg)
    }
    50% {
        -webkit-transform: scale(2) rotate3d(-1, 1, 0, 180deg);
        transform: scale(2) rotate3d(-1, 1, 0, 180deg)
    }
    100% {
        -webkit-transform: scale(1) rotate3d(-1, 1, 0, 360deg);
        transform: scale(1) rotate3d(-1, 1, 0, 360deg)
    }
}

@keyframes rotSclUpDgnlRgt {
    0% {
        -webkit-transform: scale(1) rotate3d(-1, 1, 0, 0deg);
        transform: scale(1) rotate3d(-1, 1, 0, 0deg)
    }
    50% {
        -webkit-transform: scale(2) rotate3d(-1, 1, 0, 180deg);
        transform: scale(2) rotate3d(-1, 1, 0, 180deg)
    }
    100% {
        -webkit-transform: scale(1) rotate3d(-1, 1, 0, 360deg);
        transform: scale(1) rotate3d(-1, 1, 0, 360deg)
    }
}

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

@-webkit-keyframes rotSclDwnDgnlRgt {
    0% {
        -webkit-transform: scale(1) rotate3d(-1, 1, 0, 0deg);
        transform: scale(1) rotate3d(-1, 1, 0, 0deg)
    }
    50% {
        -webkit-transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
        transform: scale(0.5) rotate3d(-1, 1, 0, 180deg)
    }
    100% {
        -webkit-transform: scale(1) rotate3d(-1, 1, 0, 360deg);
        transform: scale(1) rotate3d(-1, 1, 0, 360deg)
    }
}

@keyframes rotSclDwnDgnlRgt {
    0% {
        -webkit-transform: scale(1) rotate3d(-1, 1, 0, 0deg);
        transform: scale(1) rotate3d(-1, 1, 0, 0deg)
    }
    50% {
        -webkit-transform: scale(0.5) rotate3d(-1, 1, 0, 180deg);
        transform: scale(0.5) rotate3d(-1, 1, 0, 180deg)
    }
    100% {
        -webkit-transform: scale(1) rotate3d(-1, 1, 0, 360deg);
        transform: scale(1) rotate3d(-1, 1, 0, 360deg)
    }
}

.abcp-features {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #f7f7f7
}

.abcp-features > div:nth-child(1) {
    color: #161616;
    padding: 0 10px;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.3;
    margin-top: 80px;
    text-align: center;
    margin-bottom: 80px;
    font-family: 'Roboto', sans-serif
}

.abcp-features > .row {
    margin: 0;
    padding: 0
}

.abcp-features > .row > div {
    padding: 50px
}

.abcp-features > .row > div > div:nth-child(1) {
    color: #161616;
    padding: 3px 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    display: inline-block;
    text-transform: capitalize;
    font-family: Roboto Condensed
}

.abcp-features > .row > div > div:nth-child(1) > span {
    color: #5545a8;
    margin-right: 10px;
    border-bottom: 7px solid #5545a8
}

.abcp-features > .row > div > div:nth-child(2) {
    color: #161616;
    font-size: 18px;
    font-weight: 300;
    margin-top: 16px;
    line-height: 1.6;
    text-align: justify;
    font-family: 'Roboto', sans-serif
}

.abcp-navigation {
    height: 100px;
    position: relative;
    text-align: center;
    background: #f7f7f7;
    border-bottom: 1px solid #e6e6e6
}

.abcp-navigation > a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    background: #5545a8;
    text-decoration: none;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif
}

.abcp-navigation > a:nth-child(3) {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 135px;
    height: 45px;
    display: block;
    line-height: 45px;
    position: absolute;
    margin: auto 30px auto auto;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.abcp-navigation > a:nth-child(1) {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 135px;
    height: 45px;
    display: block;
    line-height: 45px;
    position: absolute;
    margin: auto auto auto 30px;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.abcp-navigation > span {
    color: #161616;
    font-size: 32px;
    font-weight: 300;
    text-align: center;
    margin: 22px 0 0;
    display: inline-block;
    font-family: 'Roboto', sans-serif
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .abcp-features > .row > div {
        padding: 50px 30px
    }

    .abcp-features > .row > div > div:nth-child(1) {
        font-size: 24px
    }

    .abcp-features > .row > div > div:nth-child(2) {
        font-size: 16px
    }

    .abcp-navigation > span {
        font-size: 24px;
        margin: 32px 0 0
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .abcp-navigation > span {
        font-size: 20px;
        margin: 35px 0 0
    }

    .abcp-navigation > a:nth-child(3) {
        width: 100px;
        margin: auto 10px auto auto
    }

    .abcp-navigation > a:nth-child(1) {
        width: 100px;
        margin: auto auto auto 10px
    }
}

@media (max-width: 575.98px) {
    .abcp-navigation {
        height: auto;
        padding: 10px 0
    }

    .abcp-navigation > a:nth-child(3) {
        margin: auto;
        position: relative
    }

    .abcp-navigation > span {
        display: block;
        font-size: 22px;
        margin: 10px auto
    }

    .abcp-navigation > a:nth-child(1) {
        margin: auto;
        position: relative
    }
}

@media (max-width: 499.98px) {
    .abcp-features > .row > div {
        padding: 30px
    }

    .abcp-features > .row > div > div:nth-child(1) {
        font-size: 24px
    }

    .abcp-features > .row > div > div:nth-child(2) {
        font-size: 14px
    }

    .abcp-features > .row > div > div:nth-child(1) > span {
        border-bottom: 2px solid #5545a8
    }
}

.abcp-footer {
    padding: 50px 0;
    text-align: center;
    position: relative;
    background: #212121
}

.abcp-footer > a {
    color: #aaa;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif
}

.abcp-footer > a > span {
    color: #fff
}

.simple-ver-34.sz-slider {
    background: rgba(26, 30, 127, .9);
    -webkit-font-smoothing: antialiased !important
}

.simple-ver-34.sz-slider[data-type=slider]:not([data-background=image]) > .carousel-inner > .carousel-item {
    background-position: center
}

.simple-ver-34-layer {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    display: block;
    position: absolute
}


.simple-ver-34-layer.simple-ver-34-layer-right::before {
    transform: rotate(-60deg) translateY(252%) scale(5);
    -webkit-transform: rotate(-60deg) translateY(252%) scale(5)
}

.simple-ver-34-layer > div {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    font-size: 0;
    width: 520px;
    height: 312px;
    display: block;
    line-height: 1;
    text-align: left;
    position: absolute;
    margin: auto auto auto 10%
}

.slider_title {
    font-weight: 600;
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family:"Poppins",sans-serif;
}

.simple-ver-34-layer.simple-ver-34-layer-right > div {
    text-align: right;
    margin: auto 10% auto auto
}

.simple-ver-34-layer > div > span:nth-child(1) {
    color: #fff;
    display: block;
    font-size: 36px;
    font-weight: 800;
    margin-top: 2px;
    line-height: 1.143;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif
}

.simple-ver-34-layer > div > span:nth-child(2) {
    color: #f1f1f1;
    display: block;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.4;
    margin: 20px 0 30px;
    letter-spacing: -.6px;
    font-family: 'Arimo', sans-serif;
}

.simple-ver-34-layer > div > div {
    font-size: 0;
    position: relative
}

.simple-ver-34-layer > div > div > a:nth-child(1) {
    left: 0;
    right: 0;
    bottom: 0;
    top: -18px;
    z-index: 1;
    color: #252525;
    font-size: 13px;
    font-weight: 700;
    background: #fff;
    padding: 16px 30px;
    position: relative;
    margin: 0 30px 0 0;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    border-radius: 33px;
    -webkit-border-radius: 33px;
    transition: background .1s ease, color .1s ease;
    -webkit-transition: background .1s ease, color .1s ease
}

.simple-ver-34-layer > div > div > a:nth-child(1):hover {
    color: #fff;
    background: #3d59e8
}

.simple-ver-34-layer > div > div > a:nth-child(2) {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    color: #fff;
    width: 45px;
    height: 45px;
    position: relative;
    text-decoration: none;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #3d59e8;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, #3d59e8 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, #3d59e8 100%);
    box-shadow: 1.4px 9.9px 10px 0 rgba(66, 97, 234, .18);
    -webkit-box-shadow: 1.4px 9.9px 10px 0 rgba(66, 97, 234, .18)
}

.simple-ver-34-layer > div > div > a:nth-child(2) > i {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 7px;
    margin: auto;
    height: 13px;
    display: block;
    font-size: 14px;
    position: absolute
}

.simple-ver-34-layer > div > div > a:nth-child(2)::before {
    top: -12px;
    left: -12px;
    content: "";
    width: 70px;
    height: 70px;
    margin: auto;
    position: absolute;
    background: transparent;
    border: 2px dashed #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.simple-ver-34-layer > div > div > a:nth-child(2):hover {
    animation: plsFwd 2s infinite linear;
    -webkit-animation: plsFwd 2s infinite linear
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .simple-ver-34-layer > div {
        width: 360px;
        height: 283px;
        margin: auto auto auto 15%
    }

    .simple-ver-34-layer.simple-ver-34-layer-right > div {
        margin: auto 15% auto auto
    }

    .simple-ver-34-layer > div > span:nth-child(1) {
        font-size: 42px;
        margin-top: -7px
    }

    .simple-ver-34-layer > div > span:nth-child(2) {
        font-size: 16px
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .simple-ver-34-layer > div {
        width: 310px;
        height: 255px;
        margin: auto auto auto 15%
    }

    .simple-ver-34-layer.simple-ver-34-layer-right > div {
        margin: auto 15% auto auto
    }

    .simple-ver-34-layer > div > span:nth-child(1) {
        font-size: 36px;
        margin-top: -3px
    }

    .simple-ver-34-layer > div > span:nth-child(2) {
        font-size: 15px;
        margin: 8px 0 20px
    }
}

@media (min-width: 273px) and (max-width: 575.98px) {
    .simple-ver-34-layer > div, .simple-ver-34-layer.simple-ver-34-layer-right > div {
        margin: auto;
        width: 240px;
        height: 235px
    }

    .simple-ver-34-layer > div > span:nth-child(1) {
        margin-top: 0;
        font-size: 28px
    }

    .simple-ver-34-layer > div > span:nth-child(2) {
        font-size: 16px;
        margin: 10px 0 30px;
    }
}

@media (max-width: 272.98px) {
    .simple-ver-34-layer > div, .simple-ver-34-layer.simple-ver-34-layer-right > div {
        margin: auto;
        width: 200px;
        height: 185px
    }

    .simple-ver-34-layer > div > span:nth-child(1) {
        margin-top: 0;
        font-size: 20px
    }

    .simple-ver-34-layer > div > span:nth-child(2) {
        font-size: 12px;
        margin: 4px 0 20px
    }

    .simple-ver-34-layer > div > div > a:nth-child(1) {
        top: -23px;
        font-size: 10px;
        padding: 13px 15px;
        display: inline-block;
        margin: 0 20px 0 5px
    }
}

.simple-ver-34-btn.sz-slider .carousel-control-btn {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    color: #fff;
    width: 60px;
    height: 60px;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: 1.5px;
    text-decoration: none;
    background: transparent;
    text-transform: uppercase;
    border-radius: 0;
    -webkit-border-radius: 0;
    transition: background .2s ease;
    -webkit-transition: background .2s ease;
    font-family: 'Barlow Condensed', sans-serif
}

.simple-ver-34-btn.sz-slider .carousel-control-btn.carousel-control-prev {
    margin: 0 auto auto 10px
}

.simple-ver-34-btn.sz-slider .carousel-control-btn.carousel-control-next {
    margin: 0 10px auto auto
}

.simple-ver-34-btn.sz-slider .carousel-control-btn:hover {
    background: transparent
}

.simple-ver-34-btn.sz-slider .carousel-control-btn::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 75%;
    height: 2px;
    content: "";
    background: #fff;
    position: absolute
}

.simple-ver-34-btn.sz-slider .carousel-control-btn.carousel-control-prev::after {
    top: 23px;
    margin: auto
}

.simple-ver-34-btn.sz-slider .carousel-control-btn.carousel-control-next::after {
    top: 23px;
    margin: auto
}

@media (min-width: 273px) and (max-width: 575.98px) {
    .simple-ver-34-btn.sz-slider .carousel-control-btn {
        display: none
    }
}

@media (max-width: 272.98px) {
    .simple-ver-34-btn.sz-slider .carousel-control-btn {
        display: none
    }
}

.sz-slider[data-type=slider][data-ind-direction=x] .simple-ver-34-indicators.carousel-indicators {
    padding: 0;
    width: 100px;
    height: 30px;
    margin: auto auto 20px 20px
}

.sz-slider[data-type=slider] .simple-ver-34-indicators.carousel-indicators > li {
    padding: 0;
    margin: 4px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #fff;
    background: transparent;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: background .2s ease, border .2s ease, box-shadow .2s ease;
    -webkit-transition: background .2s ease, border .2s ease, -webkit-box-shadow .2s ease
}

.sz-slider[data-type=slider] .simple-ver-34-indicators.carousel-indicators > li.active {
    border: none;
    background: #fff;
    border: 1px solid #fff
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .sz-slider[data-type=slider][data-ind-direction=x] .simple-ver-34-indicators.carousel-indicators {
        margin: auto auto 10px 10px
    }
}

@media (min-width: 273px) and (max-width: 575.98px) {
    .sz-slider[data-type=slider][data-ind-direction=x] .simple-ver-34-indicators.carousel-indicators {
        display: none
    }
}

@media (max-width: 272.98px) {
    .sz-slider[data-type=slider][data-ind-direction=x] .simple-ver-34-indicators.carousel-indicators {
        display: none
    }
}
.social_icons {
    position: fixed;
    top: 40%;
    left: 0%;
    width: 90px;
    display: flex;
    flex-direction: column;
    z-index: 9999;
}

.social_icons a {
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px  10px;
    font-size: 16px !important;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    margin: 2px;
    text-align:right;
    border-radius: 0px 50px 50px 0px;
    transform: translate(-30px, 0px);
    transition: all 1s;
    color: white !important;
}
.social_icons a:hover{
    transform: translate(0px, 0px);
}
.social_icons a:hover i{
    transform:rotate(360deg);
    transition: all 1s;
}
.social_icons a i {
    margin-left: 25px;
    background-color: #fff;
    height: 40px;
    width: 40px;
    color: #1f1f1f;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    transition: all 1s;

}

.social_icons a i.fa-facebook:before{
    color:#3b5998;
}
.social_icons a i.fa-youtube:before{
    color:#ff0000;
}
.social_icons a i.fa-twitter:before{
    color:#1da1f2;
}
.social_icons a i.fa-linkedin:before{
    color: #0a66c2;
}
.social_icons a i.fa-whatsapp:before{
    color:#25d366;
}

.social_icons a i.fa-envelope:before{
    color: #295b85;
}
.facebook{
    background-color: #3b5998;
    color:#fff;
}
.youtube{
    background-color: #ff0000;
    color:#fff;
}
.twitter{
    background-color: #1da1f2;
    color:#fff;
}
.linkedIn{
    background-color: #0a66c2;
    color:#fff;
}
.whatsapp{
    background-color: #25d366;
    color:#fff;
}
@media (max-width: 767px) {
    .social_icons {
        display: none;
    }
}