.elementskit-invisible {
    visibility: hidden
}

.ekit-wid-con .ekit-post-list-wrapper .elementor-icon-list-item a {
    background-color: transparent !important
}

.ekit-wid-con .ekit-post-list-wrapper.elementor-inline-items .elementor-icon-list-item {
    margin: 0
}

.ekit-wid-con .elementor-inline-items {
    margin: 0 !important
}

.ekit-wid-con .elementor-inline-items .elementor-icon-list-item {
    display: inline-block
}

.ekit-wid-con .elementor-inline-items .elementor-icon-list-item::after {
    display: inline-block
}

.elementor-widget .ekit-wid-con .elementor-inline-items .elementor-icon-list-item::after {
    position: absolute
}

.ekit-wid-con .elementor-inline-items .elementor-icon-list-item:last-child::after {
    display: none
}

.elementor-widget-elementskit-page-list:not(.ekit-has-divider-yes) .ekit-wid-con .elementor-inline-items .elementor-icon-list-item::after {
    display: none
}

.ekit-wid-con .elementor-inline-items.row .elementor-icon-list-item {
    margin: 0;
    padding: 0;
    margin-right: 0 !important;
    margin-left: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ekit-wid-con .elementor-inline-items.row .elementor-icon-list-item a {
    padding: 5px 15px
}

.ekit-wid-con .elementor-icon-list-item>a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ekit-wid-con .elementor-icon-list-item>a.ekit_badge_right {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.ekit-wid-con .ekit_menu_label {
    border-radius: 3px;
    padding: 2px 5px;
    display: inline-block;
    font-size: 10px;
    color: #fff;
    background-color: #c91765;
    margin-left: 5px
}

.ekit-wid-con .ekit_menu_subtitle {
    font-size: 11px;
    font-style: normal;
    color: #8d96ae;
    display: block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.ekit-wid-con .elementor-icon-list-text {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.ekit-wid-con .elementor-icon-list-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
    line-height: inherit
}

.ekit-wid-con .elementor-icon-list-icon svg {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.ekit-wid-con .elementor-icon-list-icon>i {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.ekit-enabled-bg-img .elementor-icon-list-item a {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ekit-enabled-bg-img .elementor-icon-list-item a::after {
    content: "";
    background-color: rgba(34, 34, 34, .7);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all .4s;
    transition: all .4s
}

.ekit-enabled-bg-img .elementor-icon-list-item a:hover::after {
    background-color: rgba(34, 34, 34, .9)
}

.ekit-enabled-bg-img .elementor-icon-list-item a .ekit_post_list_content_wraper {
    z-index: 1
}

.ekit-enabled-bg-img .elementor-icon-list-item a>img {
    z-index: 1
}

.ekit-wid-con .nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.ekit-wid-con .ekit-form form p {
    margin-bottom: 0
}

.ekit-wid-con .ekit-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    color: #495057;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    height: 56px;
    border-radius: 0;
    padding-left: 30px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ekit-wid-con .ekit-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):hover {
    border-color: #333
}

.ekit-wid-con .ekit-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus {
    border-color: #4d68ff
}

.ekit-wid-con .ekit-form form input[type=submit] {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    padding: 12px 72px;
    font-size: .9375rem;
    background-color: #313636;
    border: 0 solid #000;
    color: #fff;
    cursor: pointer
}

.ekit-wid-con .ekit-form form input[type=submit]:hover {
    background-color: #4d68ff
}

.ekit-wid-con .ekit-form form select {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    color: #495057;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    height: 56px
}

.ekit-wid-con .ekit-form form select[multiple] {
    height: 100px
}

.ekit-wid-con .ekit-form form label {
    margin-bottom: 7px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #313636;
    font-weight: 400
}

.ekit-wid-con .ekit-form form label span {
    color: #777;
    font-size: .8125rem;
    display: block
}

.ekit-wid-con .ekit-form form textarea {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    color: #495057;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    border-radius: 0;
    padding-left: 30px;
    height: 176px;
    resize: none;
    padding-top: 15px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ekit-wid-con .ekit-form form textarea:hover {
    border-color: #333
}

.ekit-wid-con .ekit-form form textarea:focus {
    border-color: #4d68ff
}

.ekit-wid-con .ekit-form form .intl-tel-input {
    width: 100%
}

.ekit-wid-con .ekit-form form .ekit-form-input {
    margin-bottom: 50px
}

.elementor-widget-elementskit-pricing .elementor-widget-container,
.elementor-widget-elementskit-pricing.elementor-element:not(:has(.elementor-widget-container)) {
    overflow: hidden
}

.elementor-widget-elementskit-timeline .elementor-widget-container,
.elementor-widget-elementskit-timeline.elementor-element:not(:has(.elementor-widget-container)) {
    padding-top: 35px;
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 60px
}

.elementor-widget-elementskit-business-hours {
    padding: 20px 20px 20px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1)
}

.elementor-widget-elementskit-dual-button-center .ekit-element-align-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.elementor-widget-elementskit-dual-button-end .ekit-element-align-wrapper {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.elementor-widget-elementskit-dual-button-start .ekit-element-align-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ekit_wpForms_container-form-button-full-width .wpforms-submit-container .wpforms-submit {
    width: 100%
}

.ekit_ninjaForms_container-button-full-width .submit-container input[type=button] {
    width: 100%
}

.elemenetskit-alert-info {
    position: relative;
    padding: .75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.elementor-widget-elementskit-team.animated {
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}

@media (max-width:1024px) {
    .ekit-tab-hide {
        display: none
    }
}

@media (max-width:767px) {
    .ekit-mobile-hide {
        display: none
    }
}

.ekit-template-content-footer,
.ekit-template-content-header {
    clear: both
}

.elementor-edit-area-active .elementor-widget:hover .widgetarea_warper_edit {
    display: block
}

.ekit-sticky {
    z-index: 9999
}

div.elementor .ekit-sticky.elementor-element {
    -webkit-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in
}

.ekit-sticky[data-ekit-sticky] {
    z-index: 1
}

div.elementor .ekit-sticky--show_on_scroll_up.elementor-element {
    -webkit-transition: background-color .3s ease-in, opacity .3s, visibility .3s;
    transition: background-color .3s ease-in, opacity .3s, visibility .3s
}

.ekit-sticky--effects.ekit-sticky--down.ekit-sticky--show_on_scroll_up {
    opacity: 0;
    visibility: hidden
}

.weforms_submit_btn {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer
}

.wpuf-label>label {
    margin-bottom: 0
}

ul.wpuf-form li label.wpuf-form-sub-label {
    margin-bottom: 0
}

.mfp-bg.ekit-promo-popup {
    background-color: rgba(0, 0, 0, .87);
    padding-bottom: 100%;
    border-radius: 100%;
    overflow: hidden;
    -webkit-animation: menu-animation .8s ease-out forwards;
    animation: menu-animation .8s ease-out forwards
}

.ekit-promo-popup .modal-content {
    background-color: transparent;
    padding: 0;
    border: 0
}

.ekit-promo-popup .mfp-close {
    color: #fff;
    opacity: 0;
    -webkit-transition: all 1s ease .8s;
    transition: all 1s ease .8s;
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px)
}

.ekit-promo-popup.mfp-ready .mfp-close {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    position: fixed
}

body.admin-bar .ekit-promo-popup.mfp-ready .mfp-close {
    margin-top: 45px
}

.ekit-promo-popup.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 1s ease .8s;
    transition: all 1s ease .8s;
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px)
}

.ekit-promo-popup.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@-webkit-keyframes bounceAnim {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-16px);
        transform: translateY(-16px)
    }

    60% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes bounceAnim {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-16px);
        transform: translateY(-16px)
    }

    60% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@-webkit-keyframes menu-animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(.04) translateY(300%);
        transform: scale(.04) translateY(300%)
    }

    40% {
        -webkit-transform: scale(.04) translateY(0);
        transform: scale(.04) translateY(0);
        -webkit-transition: ease-out;
        transition: ease-out
    }

    40% {
        -webkit-transform: scale(.04) translateY(0);
        transform: scale(.04) translateY(0)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.02) translateY(0);
        transform: scale(.02) translateY(0)
    }

    61% {
        opacity: 1;
        -webkit-transform: scale(.04) translateY(0);
        transform: scale(.04) translateY(0)
    }

    99.9% {
        opacity: 1;
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(2) translateY(0);
        transform: scale(2) translateY(0);
        height: 100%;
        padding-bottom: 0;
        border-radius: 0
    }
}

@keyframes menu-animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(.04) translateY(300%);
        transform: scale(.04) translateY(300%)
    }

    40% {
        -webkit-transform: scale(.04) translateY(0);
        transform: scale(.04) translateY(0);
        -webkit-transition: ease-out;
        transition: ease-out
    }

    40% {
        -webkit-transform: scale(.04) translateY(0);
        transform: scale(.04) translateY(0)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.02) translateY(0);
        transform: scale(.02) translateY(0)
    }

    61% {
        opacity: 1;
        -webkit-transform: scale(.04) translateY(0);
        transform: scale(.04) translateY(0)
    }

    99.9% {
        opacity: 1;
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(2) translateY(0);
        transform: scale(2) translateY(0);
        height: 100%;
        padding-bottom: 0;
        border-radius: 0
    }
}

@-webkit-keyframes show-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes show-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes hide-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes hide-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes show-animation {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }

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

@keyframes show-animation {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }

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

@-webkit-keyframes hide-animation {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }
}

@keyframes hide-animation {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@-webkit-keyframes button-ripple {
    70% {
        -webkit-box-shadow: 0 0 0 var(--glow-size, 15px) currentColor;
        box-shadow: 0 0 0 var(--glow-size, 15px) currentColor;
        opacity: 0
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
}

@keyframes button-ripple {
    70% {
        -webkit-box-shadow: 0 0 0 var(--glow-size, 15px) currentColor;
        box-shadow: 0 0 0 var(--glow-size, 15px) currentColor;
        opacity: 0
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
}

@-webkit-keyframes radio-wave {
    0% {
        opacity: .8;
        border-width: 2px
    }

    70% {
        opacity: .4
    }

    100% {
        -webkit-transform: scale(var(--ekit-radio-wave-scale));
        transform: scale(var(--ekit-radio-wave-scale));
        opacity: 0;
        border-width: 0
    }
}

@keyframes radio-wave {
    0% {
        opacity: .8;
        border-width: 2px
    }

    70% {
        opacity: .4
    }

    100% {
        -webkit-transform: scale(var(--ekit-radio-wave-scale));
        transform: scale(var(--ekit-radio-wave-scale));
        opacity: 0;
        border-width: 0
    }
}

@-webkit-keyframes open {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes open {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes close {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes close {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes galleryopen {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes galleryopen {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes location-indicator {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, .2);
        box-shadow: 0 0 0 0 rgba(12, 90, 219, .2)
    }

    70% {
        -webkit-box-shadow: 0 0 0 30px rgba(12, 90, 219, 0);
        box-shadow: 0 0 0 30px rgba(12, 90, 219, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
        box-shadow: 0 0 0 0 rgba(12, 90, 219, 0)
    }
}

@keyframes location-indicator {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, .2);
        box-shadow: 0 0 0 0 rgba(12, 90, 219, .2)
    }

    70% {
        -webkit-box-shadow: 0 0 0 30px rgba(12, 90, 219, 0);
        box-shadow: 0 0 0 30px rgba(12, 90, 219, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
        box-shadow: 0 0 0 0 rgba(12, 90, 219, 0)
    }
}

@-webkit-keyframes iconTranslateY {
    49% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

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

    51% {
        opacity: 1
    }
}

@keyframes iconTranslateY {
    49% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

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

    51% {
        opacity: 1
    }
}

@-webkit-keyframes RainDrop {

    0%,
    100%,
    25%,
    55%,
    75%,
    87%,
    97% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    26%,
    56%,
    76% {
        -webkit-transform: scaleX(1.3) scaleY(.8);
        transform: scaleX(1.3) scaleY(.8)
    }

    31%,
    61%,
    81% {
        -webkit-transform: scaleX(.8) scaleY(1.2);
        transform: scaleX(.8) scaleY(1.2)
    }

    76%,
    88% {
        -webkit-transform: scaleX(1.2);
        transform: scaleX(1.2)
    }

    98% {
        -webkit-transform: scaleX(1.1);
        transform: scaleX(1.1)
    }
}

@keyframes RainDrop {

    0%,
    100%,
    25%,
    55%,
    75%,
    87%,
    97% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    26%,
    56%,
    76% {
        -webkit-transform: scaleX(1.3) scaleY(.8);
        transform: scaleX(1.3) scaleY(.8)
    }

    31%,
    61%,
    81% {
        -webkit-transform: scaleX(.8) scaleY(1.2);
        transform: scaleX(.8) scaleY(1.2)
    }

    76%,
    88% {
        -webkit-transform: scaleX(1.2);
        transform: scaleX(1.2)
    }

    98% {
        -webkit-transform: scaleX(1.1);
        transform: scaleX(1.1)
    }
}

@-webkit-keyframes WaterWave {
    50% {
        -webkit-transform: skewY(1deg) skewX(-1deg) scale(1.06);
        transform: skewY(1deg) skewX(-1deg) scale(1.06)
    }
}

@keyframes WaterWave {
    50% {
        -webkit-transform: skewY(1deg) skewX(-1deg) scale(1.06);
        transform: skewY(1deg) skewX(-1deg) scale(1.06)
    }
}

@-webkit-keyframes lightning {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes lightning {

    50%,
    from,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes JoltZoom {
    10% {
        font-size: 140%
    }

    40% {
        font-size: 80%
    }

    100% {
        font-size: 100%
    }
}

@keyframes JoltZoom {
    10% {
        font-size: 140%
    }

    40% {
        font-size: 80%
    }

    100% {
        font-size: 100%
    }
}

@-webkit-keyframes typing {
    from {
        width: 0
    }
}

@keyframes typing {
    from {
        width: 0
    }
}

@-webkit-keyframes cursor {
    50% {
        border-color: transparent
    }
}

@keyframes cursor {
    50% {
        border-color: transparent
    }
}

@-webkit-keyframes wipe {
    to {
        width: 0
    }
}

@keyframes wipe {
    to {
        width: 0
    }
}

@keyframes open {
    from {
        width: 0
    }
}

@-webkit-keyframes Magnify {
    50% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        letter-spacing: 26px
    }
}

@keyframes Magnify {
    50% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        letter-spacing: 26px
    }
}

@-webkit-keyframes Beat {

    14%,
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes Beat {

    14%,
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28%,
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes FadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes FadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes FadeInTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        opacity: 1
    }
}

@keyframes FadeInTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes FadeInBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1
    }
}

@keyframes FadeInBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes FadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes FadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes FadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes FadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes FadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes FadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes FadeOutTop {
    from {
        opacity: 1
    }

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

@keyframes FadeOutTop {
    from {
        opacity: 1
    }

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

@-webkit-keyframes FadeOutBottom {
    from {
        opacity: 1
    }

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

@keyframes FadeOutBottom {
    from {
        opacity: 1
    }

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

@-webkit-keyframes MovingBackFromRight {
    40% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-animation-timing-function: cubic-bezier(0, .9, .7, 1.45);
        animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
    }
}

@keyframes MovingBackFromRight {
    40% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-animation-timing-function: cubic-bezier(0, .9, .7, 1.45);
        animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
    }
}

@-webkit-keyframes MovingBackFromLeft {
    40% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-animation-timing-function: cubic-bezier(0, .9, .7, 1.45);
        animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
    }
}

@keyframes MovingBackFromLeft {
    40% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-animation-timing-function: cubic-bezier(0, .9, .7, 1.45);
        animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
    }
}

@-webkit-keyframes KickOutFront {
    40% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-animation-timing-function: cubic-bezier(0, .9, .7, 1.45);
        animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
    }
}

@keyframes KickOutFront {
    40% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-animation-timing-function: cubic-bezier(0, .9, .7, 1.45);
        animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
    }
}

@-webkit-keyframes KickOutBehind {
    40% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-animation-timing-function: cubic-bezier(0, .9, .7, 1.45);
        animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
    }
}

@keyframes KickOutBehind {
    40% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-animation-timing-function: cubic-bezier(0, .9, .7, 1.45);
        animation-timing-function: cubic-bezier(0, .9, .7, 1.45)
    }
}

@-webkit-keyframes ScaleXIn {
    from {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes ScaleXIn {
    from {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes ScaleXOut {
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    from {
        opacity: 1
    }
}

@keyframes ScaleXOut {
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    from {
        opacity: 1
    }
}

@-webkit-keyframes ScaleYIn {
    from {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes ScaleYIn {
    from {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes ScaleYOut {
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    from {
        opacity: 1
    }
}

@keyframes ScaleYOut {
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    from {
        opacity: 1
    }
}

@-webkit-keyframes Jump {
    to {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes Jump {
    to {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@-webkit-keyframes AboundTop {
    50% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes AboundTop {
    50% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes AboundBottom {
    50% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes AboundBottom {
    50% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes AboundLeft {
    50% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes AboundLeft {
    50% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes AboundRight {
    50% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes AboundRight {
    50% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes FlyInTop {
    0% {
        -webkit-transform: translate(0, -80px);
        transform: translate(0, -80px);
        opacity: 0
    }

    50% {
        -webkit-transform: translate(10px, 50px);
        transform: translate(10px, 50px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@keyframes FlyInTop {
    0% {
        -webkit-transform: translate(0, -80px);
        transform: translate(0, -80px);
        opacity: 0
    }

    50% {
        -webkit-transform: translate(10px, 50px);
        transform: translate(10px, 50px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes FlyInLeft {
    0% {
        -webkit-transform: translate(-40px, 0);
        transform: translate(-40px, 0);
        opacity: 0
    }

    50% {
        -webkit-transform: translate(40px, 0);
        transform: translate(40px, 0)
    }
}

@keyframes FlyInLeft {
    0% {
        -webkit-transform: translate(-40px, 0);
        transform: translate(-40px, 0);
        opacity: 0
    }

    50% {
        -webkit-transform: translate(40px, 0);
        transform: translate(40px, 0)
    }
}

@-webkit-keyframes FlyInRight {
    0% {
        -webkit-transform: translate(40px, 0);
        transform: translate(40px, 0);
        opacity: 0
    }

    50% {
        -webkit-transform: translate(-40px, 0);
        transform: translate(-40px, 0)
    }
}

@keyframes FlyInRight {
    0% {
        -webkit-transform: translate(40px, 0);
        transform: translate(40px, 0);
        opacity: 0
    }

    50% {
        -webkit-transform: translate(-40px, 0);
        transform: translate(-40px, 0)
    }
}

@-webkit-keyframes FlyInBottom {
    0% {
        -webkit-transform: translate(0, 80px);
        transform: translate(0, 80px);
        opacity: 0
    }

    50% {
        -webkit-transform: translate(10px, -50px);
        transform: translate(10px, -50px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@keyframes FlyInBottom {
    0% {
        -webkit-transform: translate(0, 80px);
        transform: translate(0, 80px);
        opacity: 0
    }

    50% {
        -webkit-transform: translate(10px, -50px);
        transform: translate(10px, -50px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes FlyOutTop {
    50% {
        -webkit-transform: translate(0, 50px);
        transform: translate(0, 50px)
    }

    to {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px);
        opacity: 0
    }
}

@keyframes FlyOutTop {
    50% {
        -webkit-transform: translate(0, 50px);
        transform: translate(0, 50px)
    }

    to {
        -webkit-transform: translate(0, -100px);
        transform: translate(0, -100px);
        opacity: 0
    }
}

@-webkit-keyframes FlyOutLeft {
    50% {
        -webkit-transform: translate(40px, 0);
        transform: translate(40px, 0)
    }

    to {
        -webkit-transform: translate(-100px, 0);
        transform: translate(-100px, 0);
        opacity: 0
    }
}

@keyframes FlyOutLeft {
    50% {
        -webkit-transform: translate(40px, 0);
        transform: translate(40px, 0)
    }

    to {
        -webkit-transform: translate(-100px, 0);
        transform: translate(-100px, 0);
        opacity: 0
    }
}

@-webkit-keyframes FlyOutRight {
    50% {
        -webkit-transform: translate(-40px, 0);
        transform: translate(-40px, 0)
    }

    to {
        -webkit-transform: translate(100px, 0);
        transform: translate(100px, 0);
        opacity: 0
    }
}

@keyframes FlyOutRight {
    50% {
        -webkit-transform: translate(-40px, 0);
        transform: translate(-40px, 0)
    }

    to {
        -webkit-transform: translate(100px, 0);
        transform: translate(100px, 0);
        opacity: 0
    }
}

@-webkit-keyframes FlyOutBottom {
    50% {
        -webkit-transform: translate(0, -40px);
        transform: translate(0, -40px)
    }

    to {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px);
        opacity: 0
    }
}

@keyframes FlyOutBottom {
    50% {
        -webkit-transform: translate(0, -40px);
        transform: translate(0, -40px)
    }

    to {
        -webkit-transform: translate(0, 100px);
        transform: translate(0, 100px);
        opacity: 0
    }
}

@-webkit-keyframes DoorCloseLeft {

    from,
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-transform-origin: left;
        transform-origin: left
    }

    from {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes DoorCloseLeft {

    from,
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-transform-origin: left;
        transform-origin: left
    }

    from {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes DoorOpenRight {

    from,
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-transform-origin: left;
        transform-origin: left
    }

    to {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0
    }
}

@keyframes DoorOpenRight {

    from,
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-transform-origin: left;
        transform-origin: left
    }

    to {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes DoorCloseRight {

    from,
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-transform-origin: right;
        transform-origin: right
    }

    from {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes DoorCloseRight {

    from,
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-transform-origin: right;
        transform-origin: right
    }

    from {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes DoorOpenLeft {

    from,
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-transform-origin: right;
        transform-origin: right
    }

    to {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        opacity: 0
    }
}

@keyframes DoorOpenLeft {

    from,
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-transform-origin: right;
        transform-origin: right
    }

    to {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes HangAndDropLeft {
    from {
        -webkit-transform-origin: left;
        transform-origin: left
    }

    50% {
        -webkit-transform: rotate(100deg);
        transform: rotate(100deg);
        -webkit-transform-origin: left;
        transform-origin: left
    }

    60% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left;
        transform-origin: left
    }

    to {
        -webkit-transform: translateY(800px) rotate(70deg);
        transform: translateY(800px) rotate(70deg);
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

@keyframes HangAndDropLeft {
    from {
        -webkit-transform-origin: left;
        transform-origin: left
    }

    50% {
        -webkit-transform: rotate(100deg);
        transform: rotate(100deg);
        -webkit-transform-origin: left;
        transform-origin: left
    }

    60% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left;
        transform-origin: left
    }

    to {
        -webkit-transform: translateY(800px) rotate(70deg);
        transform: translateY(800px) rotate(70deg);
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

@-webkit-keyframes HangAndDropRight {
    from {
        -webkit-transform-origin: right;
        transform-origin: right
    }

    50% {
        -webkit-transform: rotate(-100deg);
        transform: rotate(-100deg);
        -webkit-transform-origin: right;
        transform-origin: right
    }

    60% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right;
        transform-origin: right
    }

    to {
        -webkit-transform: translateY(800px) rotate(-70deg);
        transform: translateY(800px) rotate(-70deg);
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@keyframes HangAndDropRight {
    from {
        -webkit-transform-origin: right;
        transform-origin: right
    }

    50% {
        -webkit-transform: rotate(-100deg);
        transform: rotate(-100deg);
        -webkit-transform-origin: right;
        transform-origin: right
    }

    60% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right;
        transform-origin: right
    }

    to {
        -webkit-transform: translateY(800px) rotate(-70deg);
        transform: translateY(800px) rotate(-70deg);
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@-webkit-keyframes PushReleaseFrom {
    from {
        -webkit-transform: scale(3, 3);
        transform: scale(3, 3);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@keyframes PushReleaseFrom {
    from {
        -webkit-transform: scale(3, 3);
        transform: scale(3, 3);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@-webkit-keyframes PushReleaseFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    30% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }
}

@keyframes PushReleaseFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    30% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }
}

@-webkit-keyframes PushReleaseFromTop {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    30% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
}

@keyframes PushReleaseFromTop {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    30% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
}

@-webkit-keyframes PushReleaseFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    30% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }
}

@keyframes PushReleaseFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    30% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }
}

@-webkit-keyframes PushReleaseTo {
    30% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    to {
        -webkit-transform: scale(5, 5);
        transform: scale(5, 5);
        opacity: 0
    }
}

@keyframes PushReleaseTo {
    30% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    to {
        -webkit-transform: scale(5, 5);
        transform: scale(5, 5);
        opacity: 0
    }
}

@-webkit-keyframes PushReleaseToTop {
    30% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

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

@keyframes PushReleaseToTop {
    30% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

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

@-webkit-keyframes PushReleaseToBottom {
    30% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }

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

@keyframes PushReleaseToBottom {
    30% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }

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

@-webkit-keyframes FlipInTop {
    from {
        -webkit-transform: perspective(600px);
        transform: perspective(600px);
        opacity: 0
    }

    30% {
        -webkit-transform: perspective(600px) rotateX(180deg);
        transform: perspective(600px) rotateX(180deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: perspective(600px);
        transform: perspective(600px)
    }
}

@keyframes FlipInTop {
    from {
        -webkit-transform: perspective(600px);
        transform: perspective(600px);
        opacity: 0
    }

    30% {
        -webkit-transform: perspective(600px) rotateX(180deg);
        transform: perspective(600px) rotateX(180deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: perspective(600px);
        transform: perspective(600px)
    }
}

@-webkit-keyframes FlipOutTop {
    to {
        -webkit-transform: perspective(600px);
        transform: perspective(600px);
        opacity: 0
    }

    70% {
        -webkit-transform: perspective(600px) rotateX(180deg);
        transform: perspective(600px) rotateX(180deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: perspective(600px);
        transform: perspective(600px)
    }
}

@keyframes FlipOutTop {
    to {
        -webkit-transform: perspective(600px);
        transform: perspective(600px);
        opacity: 0
    }

    70% {
        -webkit-transform: perspective(600px) rotateX(180deg);
        transform: perspective(600px) rotateX(180deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: perspective(600px);
        transform: perspective(600px)
    }
}

@-webkit-keyframes FlipInBottom {
    from {
        -webkit-transform: perspective(600px);
        transform: perspective(600px);
        opacity: 0
    }

    30% {
        -webkit-transform: perspective(600px) rotateX(180deg);
        transform: perspective(600px) rotateX(180deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: perspective(600px);
        transform: perspective(600px)
    }
}

@keyframes FlipInBottom {
    from {
        -webkit-transform: perspective(600px);
        transform: perspective(600px);
        opacity: 0
    }

    30% {
        -webkit-transform: perspective(600px) rotateX(180deg);
        transform: perspective(600px) rotateX(180deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: perspective(600px);
        transform: perspective(600px)
    }
}

@-webkit-keyframes FlipOutBottom {
    to {
        -webkit-transform: perspective(600px);
        transform: perspective(600px);
        opacity: 0
    }

    70% {
        -webkit-transform: perspective(600px) rotateX(180deg);
        transform: perspective(600px) rotateX(180deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: perspective(600px);
        transform: perspective(600px)
    }
}

@keyframes FlipOutBottom {
    to {
        -webkit-transform: perspective(600px);
        transform: perspective(600px);
        opacity: 0
    }

    70% {
        -webkit-transform: perspective(600px) rotateX(180deg);
        transform: perspective(600px) rotateX(180deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: perspective(600px);
        transform: perspective(600px)
    }
}

@-webkit-keyframes ElevateLeft {
    from {
        -webkit-transform: translateY(100%) rotate(-20deg);
        transform: translateY(100%) rotate(-20deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }

    40% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        -webkit-transform-origin: right;
        transform-origin: right
    }

    65% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@keyframes ElevateLeft {
    from {
        -webkit-transform: translateY(100%) rotate(-20deg);
        transform: translateY(100%) rotate(-20deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }

    40% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        -webkit-transform-origin: right;
        transform-origin: right
    }

    65% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@-webkit-keyframes ElevateRight {
    from {
        -webkit-transform: translateY(100%) rotate(20deg);
        transform: translateY(100%) rotate(20deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0
    }

    40% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        -webkit-transform-origin: left;
        transform-origin: left
    }

    65% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

@keyframes ElevateRight {
    from {
        -webkit-transform: translateY(100%) rotate(20deg);
        transform: translateY(100%) rotate(20deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0
    }

    40% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        -webkit-transform-origin: left;
        transform-origin: left
    }

    65% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

@-webkit-keyframes RollFromLeft {
    from {
        -webkit-transform: translateX(-60px) perspective(600px) rotateY(180deg);
        transform: translateX(-60px) perspective(600px) rotateY(180deg);
        opacity: 0
    }
}

@keyframes RollFromLeft {
    from {
        -webkit-transform: translateX(-60px) perspective(600px) rotateY(180deg);
        transform: translateX(-60px) perspective(600px) rotateY(180deg);
        opacity: 0
    }
}

@-webkit-keyframes RollFromRight {
    from {
        -webkit-transform: translateX(60px) perspective(600px) rotateY(-180deg);
        transform: translateX(60px) perspective(600px) rotateY(-180deg);
        opacity: 0
    }
}

@keyframes RollFromRight {
    from {
        -webkit-transform: translateX(60px) perspective(600px) rotateY(-180deg);
        transform: translateX(60px) perspective(600px) rotateY(-180deg);
        opacity: 0
    }
}

@-webkit-keyframes RollFromTop {
    from {
        -webkit-transform: translateY(-60px) perspective(600px) rotateX(180deg);
        transform: translateY(-60px) perspective(600px) rotateX(180deg);
        opacity: 0
    }
}

@keyframes RollFromTop {
    from {
        -webkit-transform: translateY(-60px) perspective(600px) rotateX(180deg);
        transform: translateY(-60px) perspective(600px) rotateX(180deg);
        opacity: 0
    }
}

@-webkit-keyframes RollFromBottom {
    from {
        -webkit-transform: translateY(60px) perspective(600px) rotateX(-180deg);
        transform: translateY(60px) perspective(600px) rotateX(-180deg);
        opacity: 0
    }
}

@keyframes RollFromBottom {
    from {
        -webkit-transform: translateY(60px) perspective(600px) rotateX(-180deg);
        transform: translateY(60px) perspective(600px) rotateX(-180deg);
        opacity: 0
    }
}

@-webkit-keyframes RollToLeft {
    to {
        -webkit-transform: translateX(-60px) perspective(600px) rotateY(180deg);
        transform: translateX(-60px) perspective(600px) rotateY(180deg);
        opacity: 0
    }
}

@keyframes RollToLeft {
    to {
        -webkit-transform: translateX(-60px) perspective(600px) rotateY(180deg);
        transform: translateX(-60px) perspective(600px) rotateY(180deg);
        opacity: 0
    }
}

@-webkit-keyframes RollToRight {
    to {
        -webkit-transform: translateX(60px) perspective(600px) rotateY(-180deg);
        transform: translateX(60px) perspective(600px) rotateY(-180deg);
        opacity: 0
    }
}

@keyframes RollToRight {
    to {
        -webkit-transform: translateX(60px) perspective(600px) rotateY(-180deg);
        transform: translateX(60px) perspective(600px) rotateY(-180deg);
        opacity: 0
    }
}

@-webkit-keyframes RollToTop {
    to {
        -webkit-transform: translateY(-60px) perspective(600px) rotateX(180deg);
        transform: translateY(-60px) perspective(600px) rotateX(180deg);
        opacity: 0
    }
}

@keyframes RollToTop {
    to {
        -webkit-transform: translateY(-60px) perspective(600px) rotateX(180deg);
        transform: translateY(-60px) perspective(600px) rotateX(180deg);
        opacity: 0
    }
}

@-webkit-keyframes RollToBottom {
    to {
        -webkit-transform: translateY(60px) perspective(600px) rotateX(-180deg);
        transform: translateY(60px) perspective(600px) rotateX(-180deg);
        opacity: 0
    }
}

@keyframes RollToBottom {
    to {
        -webkit-transform: translateY(60px) perspective(600px) rotateX(-180deg);
        transform: translateY(60px) perspective(600px) rotateX(-180deg);
        opacity: 0
    }
}

@-webkit-keyframes RotateSkateInRight {
    from {
        -webkit-transform: scaleX(.2) translateX(100px);
        transform: scaleX(.2) translateX(100px);
        opacity: 0
    }
}

@keyframes RotateSkateInRight {
    from {
        -webkit-transform: scaleX(.2) translateX(100px);
        transform: scaleX(.2) translateX(100px);
        opacity: 0
    }
}

@-webkit-keyframes RotateSkateInLeft {
    from {
        -webkit-transform: scaleX(.2) translateX(-100px);
        transform: scaleX(.2) translateX(-100px);
        opacity: 0
    }
}

@keyframes RotateSkateInLeft {
    from {
        -webkit-transform: scaleX(.2) translateX(-100px);
        transform: scaleX(.2) translateX(-100px);
        opacity: 0
    }
}

@-webkit-keyframes RotateSkateInTop {
    from {
        -webkit-transform: scaleY(.2) translateY(-100px);
        transform: scaleY(.2) translateY(-100px);
        opacity: 0
    }
}

@keyframes RotateSkateInTop {
    from {
        -webkit-transform: scaleY(.2) translateY(-100px);
        transform: scaleY(.2) translateY(-100px);
        opacity: 0
    }
}

@-webkit-keyframes RotateSkateInBottom {
    from {
        -webkit-transform: scaleY(.2) translateY(100px);
        transform: scaleY(.2) translateY(100px);
        opacity: 0
    }
}

@keyframes RotateSkateInBottom {
    from {
        -webkit-transform: scaleY(.2) translateY(100px);
        transform: scaleY(.2) translateY(100px);
        opacity: 0
    }
}

@-webkit-keyframes RotateSkateOutRight {
    to {
        -webkit-transform: scaleX(.2) translateX(100px);
        transform: scaleX(.2) translateX(100px);
        opacity: 0
    }
}

@keyframes RotateSkateOutRight {
    to {
        -webkit-transform: scaleX(.2) translateX(100px);
        transform: scaleX(.2) translateX(100px);
        opacity: 0
    }
}

@-webkit-keyframes RotateSkateOutLeft {
    to {
        -webkit-transform: scaleX(.2) translateX(-100px);
        transform: scaleX(.2) translateX(-100px);
        opacity: 0
    }
}

@keyframes RotateSkateOutLeft {
    to {
        -webkit-transform: scaleX(.2) translateX(-100px);
        transform: scaleX(.2) translateX(-100px);
        opacity: 0
    }
}

@-webkit-keyframes RotateSkateOutTop {
    to {
        -webkit-transform: scaleY(.2) translateY(-100px);
        transform: scaleY(.2) translateY(-100px);
        opacity: 0
    }
}

@keyframes RotateSkateOutTop {
    to {
        -webkit-transform: scaleY(.2) translateY(-100px);
        transform: scaleY(.2) translateY(-100px);
        opacity: 0
    }
}

@-webkit-keyframes RotateSkateOutBottom {
    to {
        -webkit-transform: scaleY(.2) translateY(100px);
        transform: scaleY(.2) translateY(100px);
        opacity: 0
    }
}

@keyframes RotateSkateOutBottom {
    to {
        -webkit-transform: scaleY(.2) translateY(100px);
        transform: scaleY(.2) translateY(100px);
        opacity: 0
    }
}

@-webkit-keyframes RotateXZoomIn {
    from {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
        opacity: 0
    }

    5% {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
        transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg)
    }
}

@keyframes RotateXZoomIn {
    from {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
        opacity: 0
    }

    5% {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
        transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg)
    }
}

@-webkit-keyframes RotateXZoomOut {
    95% {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
        transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg)
    }

    to {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
        opacity: 0
    }
}

@keyframes RotateXZoomOut {
    95% {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
        transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg)
    }

    to {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
        opacity: 0
    }
}

@-webkit-keyframes RotateYZoomIn {
    from {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        opacity: 0
    }

    5% {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
        transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg)
    }
}

@keyframes RotateYZoomIn {
    from {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        opacity: 0
    }

    5% {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
        transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg)
    }
}

@-webkit-keyframes RotateYZoomOut {
    95% {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
        transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg)
    }

    to {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        opacity: 0
    }
}

@keyframes RotateYZoomOut {
    95% {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
        transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg)
    }

    to {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        opacity: 0
    }
}

@-webkit-keyframes RotateIn {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes RotateIn {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes RotateOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes RotateOut {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@-webkit-keyframes RotateInLeft {
    from {
        -webkit-transform: rotate(-180deg) translateX(150px);
        transform: rotate(-180deg) translateX(150px);
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes RotateInLeft {
    from {
        -webkit-transform: rotate(-180deg) translateX(150px);
        transform: rotate(-180deg) translateX(150px);
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes RotateOutLeft {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(180deg) translateX(150px);
        transform: rotate(180deg) translateX(150px);
        opacity: 0
    }
}

@keyframes RotateOutLeft {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(180deg) translateX(150px);
        transform: rotate(180deg) translateX(150px);
        opacity: 0
    }
}

@-webkit-keyframes RotateInRight {
    from {
        -webkit-transform: rotate(-180deg) translateX(-150px);
        transform: rotate(-180deg) translateX(-150px);
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes RotateInRight {
    from {
        -webkit-transform: rotate(-180deg) translateX(-150px);
        transform: rotate(-180deg) translateX(-150px);
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes RotateOutRight {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(180deg) translateX(-150px);
        transform: rotate(180deg) translateX(-150px);
        opacity: 0
    }
}

@keyframes RotateOutRight {
    from {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(180deg) translateX(-150px);
        transform: rotate(180deg) translateX(-150px);
        opacity: 0
    }
}

@-webkit-keyframes SpinInLeft {

    from,
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    from {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes SpinInLeft {

    from,
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    from {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes SpinInRight {

    from,
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    from {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes SpinInRight {

    from,
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    from {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes SpinOutLeft {

    from,
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes SpinOutLeft {

    from,
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes SpinOutRight {

    from,
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes SpinOutRight {

    from,
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes BlurIn {
    from {
        -webkit-transform: scaleX(.2);
        transform: scaleX(.2);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@keyframes BlurIn {
    from {
        -webkit-transform: scaleX(.2);
        transform: scaleX(.2);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@-webkit-keyframes BlurInRight {
    from {
        -webkit-transform: scaleX(.2) translateX(100px);
        transform: scaleX(.2) translateX(100px);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@keyframes BlurInRight {
    from {
        -webkit-transform: scaleX(.2) translateX(100px);
        transform: scaleX(.2) translateX(100px);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@-webkit-keyframes BlurInLeft {
    from {
        -webkit-transform: scaleX(.2) translateX(-100px);
        transform: scaleX(.2) translateX(-100px);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@keyframes BlurInLeft {
    from {
        -webkit-transform: scaleX(.2) translateX(-100px);
        transform: scaleX(.2) translateX(-100px);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@-webkit-keyframes BlurInTop {
    from {
        -webkit-transform: scaleY(.2) translateY(-100px);
        transform: scaleY(.2) translateY(-100px);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@keyframes BlurInTop {
    from {
        -webkit-transform: scaleY(.2) translateY(-100px);
        transform: scaleY(.2) translateY(-100px);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@-webkit-keyframes BlurInBottom {
    from {
        -webkit-transform: scaleY(.2) translateY(100px);
        transform: scaleY(.2) translateY(100px);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@keyframes BlurInBottom {
    from {
        -webkit-transform: scaleY(.2) translateY(100px);
        transform: scaleY(.2) translateY(100px);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@-webkit-keyframes BlurOut {
    to {
        -webkit-transform: scaleX(.2);
        transform: scaleX(.2);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@keyframes BlurOut {
    to {
        -webkit-transform: scaleX(.2);
        transform: scaleX(.2);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@-webkit-keyframes BlurOutRight {
    to {
        -webkit-transform: scaleX(.2) translateX(100px);
        transform: scaleX(.2) translateX(100px);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@keyframes BlurOutRight {
    to {
        -webkit-transform: scaleX(.2) translateX(100px);
        transform: scaleX(.2) translateX(100px);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@-webkit-keyframes BlurOutLeft {
    to {
        -webkit-transform: scaleX(.2) translateX(-100px);
        transform: scaleX(.2) translateX(-100px);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@keyframes BlurOutLeft {
    to {
        -webkit-transform: scaleX(.2) translateX(-100px);
        transform: scaleX(.2) translateX(-100px);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@-webkit-keyframes BlurOutTop {
    to {
        -webkit-transform: scaleY(.2) translateY(-100px);
        transform: scaleY(.2) translateY(-100px);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@keyframes BlurOutTop {
    to {
        -webkit-transform: scaleY(.2) translateY(-100px);
        transform: scaleY(.2) translateY(-100px);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@-webkit-keyframes BlurOutBottom {
    to {
        -webkit-transform: scaleY(.2) translateY(100px);
        transform: scaleY(.2) translateY(100px);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@keyframes BlurOutBottom {
    to {
        -webkit-transform: scaleY(.2) translateY(100px);
        transform: scaleY(.2) translateY(100px);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@-webkit-keyframes PopUp {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes PopUp {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@-webkit-keyframes PopUpLeft {
    50% {
        -webkit-transform: translateX(-50px) scale(1.5);
        transform: translateX(-50px) scale(1.5);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes PopUpLeft {
    50% {
        -webkit-transform: translateX(-50px) scale(1.5);
        transform: translateX(-50px) scale(1.5);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes PopUpRight {
    50% {
        -webkit-transform: translateX(50px) scale(1.5);
        transform: translateX(50px) scale(1.5);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes PopUpRight {
    50% {
        -webkit-transform: translateX(50px) scale(1.5);
        transform: translateX(50px) scale(1.5);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes PopOut {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes PopOut {
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@-webkit-keyframes PopOutLeft {
    50% {
        -webkit-transform: translateX(-50px) scale(.5);
        transform: translateX(-50px) scale(.5);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes PopOutLeft {
    50% {
        -webkit-transform: translateX(-50px) scale(.5);
        transform: translateX(-50px) scale(.5);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes PopOutRight {
    50% {
        -webkit-transform: translateX(50px) scale(.5);
        transform: translateX(50px) scale(.5);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes PopOutRight {
    50% {
        -webkit-transform: translateX(50px) scale(.5);
        transform: translateX(50px) scale(.5);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes BounceFromTop {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, -80px, 0) scale3d(1, 1.2, 1);
        transform: translate3d(0, -80px, 0) scale3d(1, 1.2, 1)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes BounceFromTop {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, -80px, 0) scale3d(1, 1.2, 1);
        transform: translate3d(0, -80px, 0) scale3d(1, 1.2, 1)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@-webkit-keyframes BounceFromDown {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);
        transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 4px, 0);
        transform: translate3d(0, 4px, 0)
    }
}

@keyframes BounceFromDown {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);
        transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 4px, 0);
        transform: translate3d(0, 4px, 0)
    }
}

@-webkit-keyframes BounceY {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale3d(1, 2, 1);
        transform: scale3d(1, 2, 1)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale3d(1, 1.5, 1);
        transform: scale3d(1, 1.5, 1)
    }

    90% {
        -webkit-transform: scale3d(1, 1.1, 1);
        transform: scale3d(1, 1.1, 1)
    }
}

@keyframes BounceY {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale3d(1, 2, 1);
        transform: scale3d(1, 2, 1)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale3d(1, 1.5, 1);
        transform: scale3d(1, 1.5, 1)
    }

    90% {
        -webkit-transform: scale3d(1, 1.1, 1);
        transform: scale3d(1, 1.1, 1)
    }
}

@-webkit-keyframes BounceZoomIn {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.7);
        transform: scale(1.7)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.9);
        transform: scale(1.9)
    }

    90% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes BounceZoomIn {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.7);
        transform: scale(1.7)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.9);
        transform: scale(1.9)
    }

    90% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes BounceZoomOut {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

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

@keyframes BounceZoomOut {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

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

@-webkit-keyframes PerspectiveOutTop {
    50% {
        opacity: 1
    }

    to {
        -webkit-transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
        transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
        opacity: 0
    }
}

@keyframes PerspectiveOutTop {
    50% {
        opacity: 1
    }

    to {
        -webkit-transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
        transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
        opacity: 0
    }
}

@-webkit-keyframes PerspectiveOutBottom {
    50% {
        opacity: 1
    }

    to {
        -webkit-transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
        transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
        opacity: 0
    }
}

@keyframes PerspectiveOutBottom {
    50% {
        opacity: 1
    }

    to {
        -webkit-transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
        transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
        opacity: 0
    }
}

@-webkit-keyframes ZoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes ZoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes ZoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes ZoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes ZoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes ZoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes LetterZoomInTop {
    from {
        -webkit-transform: scale(10) translateY(-50%);
        transform: scale(10) translateY(-50%);
        opacity: 0
    }
}

@keyframes LetterZoomInTop {
    from {
        -webkit-transform: scale(10) translateY(-50%);
        transform: scale(10) translateY(-50%);
        opacity: 0
    }
}

@-webkit-keyframes ZoomInBottom {
    from {
        -webkit-transform: scale(10) translateY(50%);
        transform: scale(10) translateY(50%);
        opacity: 0
    }
}

@keyframes ZoomInBottom {
    from {
        -webkit-transform: scale(10) translateY(50%);
        transform: scale(10) translateY(50%);
        opacity: 0
    }
}

@-webkit-keyframes ZoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes ZoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes ZoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes ZoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes ZoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

@keyframes ZoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

@-webkit-keyframes ZoomOutTop {
    to {
        -webkit-transform: scale(10) translateY(-50%);
        transform: scale(10) translateY(-50%);
        opacity: 0
    }
}

@keyframes ZoomOutTop {
    to {
        -webkit-transform: scale(10) translateY(-50%);
        transform: scale(10) translateY(-50%);
        opacity: 0
    }
}

@-webkit-keyframes ZoomOutBottom {
    to {
        -webkit-transform: scale(10) translateY(50%);
        transform: scale(10) translateY(50%);
        opacity: 0
    }
}

@keyframes ZoomOutBottom {
    to {
        -webkit-transform: scale(10) translateY(50%);
        transform: scale(10) translateY(50%);
        opacity: 0
    }
}

@-webkit-keyframes oaoFadeInTop {
    from {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
}

@keyframes oaoFadeInTop {
    from {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
}

@-webkit-keyframes oaoFadeInBottom {
    from {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
}

@keyframes oaoFadeInBottom {
    from {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
}

@-webkit-keyframes oaoFadeOutop {
    to {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
}

@keyframes oaoFadeOutop {
    to {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
}

@-webkit-keyframes oaoFadeOutBottom {
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }
}

@keyframes oaoFadeOutBottom {
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }
}

@-webkit-keyframes oaoFlyInTop {
    0% {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        opacity: 0
    }

    50% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes oaoFlyInTop {
    0% {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        opacity: 0
    }

    50% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes oaoFlyInBottom {
    0% {
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px);
        opacity: 0
    }

    50% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes oaoFlyInBottom {
    0% {
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px);
        opacity: 0
    }

    50% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes oaoFlyOutTop {
    30% {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    80% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        opacity: 0
    }
}

@keyframes oaoFlyOutTop {
    30% {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    80% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes oaoFlyOutBottom {
    30% {
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    80% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        opacity: 0
    }
}

@keyframes oaoFlyOutBottom {
    30% {
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    80% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes oaoRotateInTop {
    from {
        -webkit-transform: translateY(-100px) rotate(360deg);
        transform: translateY(-100px) rotate(360deg);
        opacity: 0
    }
}

@keyframes oaoRotateInTop {
    from {
        -webkit-transform: translateY(-100px) rotate(360deg);
        transform: translateY(-100px) rotate(360deg);
        opacity: 0
    }
}

@-webkit-keyframes oaoRotateInBottom {
    from {
        -webkit-transform: translateY(100px) rotate(360deg);
        transform: translateY(100px) rotate(360deg);
        opacity: 0
    }
}

@keyframes oaoRotateInBottom {
    from {
        -webkit-transform: translateY(100px) rotate(360deg);
        transform: translateY(100px) rotate(360deg);
        opacity: 0
    }
}

@-webkit-keyframes oaoRotateOutTop {
    to {
        -webkit-transform: translateY(-100px) rotate(360deg);
        transform: translateY(-100px) rotate(360deg);
        opacity: 0
    }
}

@keyframes oaoRotateOutTop {
    to {
        -webkit-transform: translateY(-100px) rotate(360deg);
        transform: translateY(-100px) rotate(360deg);
        opacity: 0
    }
}

@-webkit-keyframes oaoRotateOutBottom {
    to {
        -webkit-transform: translateY(100px) rotate(360deg);
        transform: translateY(100px) rotate(360deg);
        opacity: 0
    }
}

@keyframes oaoRotateOutBottom {
    to {
        -webkit-transform: translateY(100px) rotate(360deg);
        transform: translateY(100px) rotate(360deg);
        opacity: 0
    }
}

@-webkit-keyframes oaoRotateXInTop {
    from {
        -webkit-transform: translateY(-100px) rotateX(360deg);
        transform: translateY(-100px) rotateX(360deg);
        opacity: 0
    }
}

@keyframes oaoRotateXInTop {
    from {
        -webkit-transform: translateY(-100px) rotateX(360deg);
        transform: translateY(-100px) rotateX(360deg);
        opacity: 0
    }
}

@-webkit-keyframes oaoRotateXInBottom {
    from {
        -webkit-transform: translateY(100px) rotateX(360deg);
        transform: translateY(100px) rotateX(360deg);
        opacity: 0
    }
}

@keyframes oaoRotateXInBottom {
    from {
        -webkit-transform: translateY(100px) rotateX(360deg);
        transform: translateY(100px) rotateX(360deg);
        opacity: 0
    }
}

@-webkit-keyframes oaoRotateXOutTop {
    to {
        -webkit-transform: translateY(-100px) rotateX(360deg);
        transform: translateY(-100px) rotateX(360deg);
        opacity: 0
    }
}

@keyframes oaoRotateXOutTop {
    to {
        -webkit-transform: translateY(-100px) rotateX(360deg);
        transform: translateY(-100px) rotateX(360deg);
        opacity: 0
    }
}

@-webkit-keyframes oaoRotateXOutBottom {
    to {
        -webkit-transform: translateY(100px) rotateX(360deg);
        transform: translateY(100px) rotateX(360deg);
        opacity: 0
    }
}

@keyframes oaoRotateXOutBottom {
    to {
        -webkit-transform: translateY(100px) rotateX(360deg);
        transform: translateY(100px) rotateX(360deg);
        opacity: 0
    }
}

@-webkit-keyframes oaoRotateYInTop {
    from {
        -webkit-transform: translateY(-100px) rotateY(360deg);
        transform: translateY(-100px) rotateY(360deg);
        opacity: 0
    }
}

@keyframes oaoRotateYInTop {
    from {
        -webkit-transform: translateY(-100px) rotateY(360deg);
        transform: translateY(-100px) rotateY(360deg);
        opacity: 0
    }
}

@-webkit-keyframes oaoRotateYInBottom {
    from {
        -webkit-transform: translateY(100px) rotateY(360deg);
        transform: translateY(100px) rotateY(360deg);
        opacity: 0
    }
}

@keyframes oaoRotateYInBottom {
    from {
        -webkit-transform: translateY(100px) rotateY(360deg);
        transform: translateY(100px) rotateY(360deg);
        opacity: 0
    }
}

@-webkit-keyframes oaoRotateYOutTop {
    to {
        -webkit-transform: translateY(-100px) rotateY(360deg);
        transform: translateY(-100px) rotateY(360deg);
        opacity: 0
    }
}

@keyframes oaoRotateYOutTop {
    to {
        -webkit-transform: translateY(-100px) rotateY(360deg);
        transform: translateY(-100px) rotateY(360deg);
        opacity: 0
    }
}

@-webkit-keyframes oaoRotateYOutBottom {
    to {
        -webkit-transform: translateY(100px) rotateY(360deg);
        transform: translateY(100px) rotateY(360deg);
        opacity: 0
    }
}

@keyframes oaoRotateYOutBottom {
    to {
        -webkit-transform: translateY(100px) rotateY(360deg);
        transform: translateY(100px) rotateY(360deg);
        opacity: 0
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes fadeOutTop {
    from {
        opacity: 1
    }

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

@keyframes fadeOutTop {
    from {
        opacity: 1
    }

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

@-webkit-keyframes fadeOutBottom {
    from {
        opacity: 1
    }

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

@keyframes fadeOutBottom {
    from {
        opacity: 1
    }

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

@-webkit-keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-800px);
        transform: translateX(-800px)
    }
}

@keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-800px);
        transform: translateX(-800px)
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(800px);
        transform: translateX(800px)
    }
}

@keyframes moveFromRight {
    from {
        -webkit-transform: translateX(800px);
        transform: translateX(800px)
    }
}

@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-800px);
        transform: translateY(-800px)
    }
}

@keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-800px);
        transform: translateY(-800px)
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(800px);
        transform: translateY(800px)
    }
}

@keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(800px);
        transform: translateY(800px)
    }
}

@-webkit-keyframes moveToLeft {
    to {
        -webkit-transform: translateX(-800px);
        transform: translateX(-800px)
    }
}

@keyframes moveToLeft {
    to {
        -webkit-transform: translateX(-800px);
        transform: translateX(-800px)
    }
}

@-webkit-keyframes moveToRight {
    to {
        -webkit-transform: translateX(800px);
        transform: translateX(800px)
    }
}

@keyframes moveToRight {
    to {
        -webkit-transform: translateX(800px);
        transform: translateX(800px)
    }
}

@-webkit-keyframes moveToTop {
    to {
        -webkit-transform: translateY(-800px);
        transform: translateY(-800px)
    }
}

@keyframes moveToTop {
    to {
        -webkit-transform: translateY(-800px);
        transform: translateY(-800px)
    }
}

@-webkit-keyframes moveToBottom {
    to {
        -webkit-transform: translateY(800px);
        transform: translateY(800px)
    }
}

@keyframes moveToBottom {
    to {
        -webkit-transform: translateY(800px);
        transform: translateY(800px)
    }
}

@-webkit-keyframes doorCloseFromLeft {
    from {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0
    }

    50%,
    to {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1
    }
}

@keyframes doorCloseFromLeft {
    from {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0
    }

    50%,
    to {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1
    }
}

@-webkit-keyframes doorOpenFromRight {
    from {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1
    }

    50%,
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0
    }
}

@keyframes doorOpenFromRight {
    from {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1
    }

    50%,
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0
    }
}

@-webkit-keyframes doorCloseFromRight {
    from {
        -webkit-transform: perspective(400px) rotateY(-90deg);
        transform: perspective(400px) rotateY(-90deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }

    50%,
    to {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1
    }
}

@keyframes doorCloseFromRight {
    from {
        -webkit-transform: perspective(400px) rotateY(-90deg);
        transform: perspective(400px) rotateY(-90deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }

    50%,
    to {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1
    }
}

@-webkit-keyframes doorOpenFromLeft {
    from {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1
    }

    50%,
    to {
        -webkit-transform: perspective(400px) rotateY(-90deg);
        transform: perspective(400px) rotateY(-90deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }
}

@keyframes doorOpenFromLeft {
    from {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1
    }

    50%,
    to {
        -webkit-transform: perspective(400px) rotateY(-90deg);
        transform: perspective(400px) rotateY(-90deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }
}

@-webkit-keyframes pushReleaseFrom {
    from {
        -webkit-transform: scale(3, 3);
        transform: scale(3, 3);
        opacity: 0
    }

    30% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@keyframes pushReleaseFrom {
    from {
        -webkit-transform: scale(3, 3);
        transform: scale(3, 3);
        opacity: 0
    }

    30% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }
}

@-webkit-keyframes pushReleaseFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    30% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }
}

@keyframes pushReleaseFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    30% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }
}

@-webkit-keyframes pushReleaseFromRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    30% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }
}

@keyframes pushReleaseFromRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    30% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }
}

@-webkit-keyframes pushReleaseFromTop {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    30% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
}

@keyframes pushReleaseFromTop {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    30% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
}

@-webkit-keyframes pushReleaseFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    30% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }
}

@keyframes pushReleaseFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    30% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }
}

@-webkit-keyframes pushReleaseTo {
    30% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    to {
        -webkit-transform: scale(5, 5);
        transform: scale(5, 5);
        opacity: 0
    }
}

@keyframes pushReleaseTo {
    30% {
        -webkit-transform: scale(.5, .5);
        transform: scale(.5, .5)
    }

    to {
        -webkit-transform: scale(5, 5);
        transform: scale(5, 5);
        opacity: 0
    }
}

@-webkit-keyframes pushReleaseToLeft {
    30% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }

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

@keyframes pushReleaseToLeft {
    30% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }

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

@-webkit-keyframes pushReleaseToRight {
    30% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }

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

@keyframes pushReleaseToRight {
    30% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }

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

@-webkit-keyframes pushReleaseToTop {
    30% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

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

@keyframes pushReleaseToTop {
    30% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

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

@-webkit-keyframes pushReleaseToBottom {
    30% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }

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

@keyframes pushReleaseToBottom {
    30% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }

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

@-webkit-keyframes flipX {
    from {
        -webkit-transform: perspective(600px) rotateX(-180deg);
        transform: perspective(600px) rotateX(-180deg);
        opacity: 0
    }

    to {
        -webkit-transform: perspective(600px) rotateX(-360deg);
        transform: perspective(600px) rotateX(-360deg)
    }
}

@keyframes flipX {
    from {
        -webkit-transform: perspective(600px) rotateX(-180deg);
        transform: perspective(600px) rotateX(-180deg);
        opacity: 0
    }

    to {
        -webkit-transform: perspective(600px) rotateX(-360deg);
        transform: perspective(600px) rotateX(-360deg)
    }
}

@-webkit-keyframes flipXZoomIn {
    from {
        -webkit-transform: perspective(600px) rotateX(0) scale(1);
        transform: perspective(600px) rotateX(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(600px) rotateX(-180deg) scale(1.8);
        transform: perspective(600px) rotateX(-180deg) scale(1.8);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    80% {
        -webkit-transform: perspective(600px) rotateX(-360deg) scale(.7);
        transform: perspective(600px) rotateX(-360deg) scale(.7);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

@keyframes flipXZoomIn {
    from {
        -webkit-transform: perspective(600px) rotateX(0) scale(1);
        transform: perspective(600px) rotateX(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(600px) rotateX(-180deg) scale(1.8);
        transform: perspective(600px) rotateX(-180deg) scale(1.8);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    80% {
        -webkit-transform: perspective(600px) rotateX(-360deg) scale(.7);
        transform: perspective(600px) rotateX(-360deg) scale(.7);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

@-webkit-keyframes flipXZoomOut {
    from {
        -webkit-transform: perspective(600px) rotateX(0) scale(1);
        transform: perspective(600px) rotateX(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(600px) rotateX(180deg) scale(1.8);
        transform: perspective(600px) rotateX(180deg) scale(1.8);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    80% {
        -webkit-transform: perspective(600px) rotateX(360deg) scale(.7);
        transform: perspective(600px) rotateX(360deg) scale(.7);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

@keyframes flipXZoomOut {
    from {
        -webkit-transform: perspective(600px) rotateX(0) scale(1);
        transform: perspective(600px) rotateX(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(600px) rotateX(180deg) scale(1.8);
        transform: perspective(600px) rotateX(180deg) scale(1.8);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    80% {
        -webkit-transform: perspective(600px) rotateX(360deg) scale(.7);
        transform: perspective(600px) rotateX(360deg) scale(.7);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

@-webkit-keyframes flipY {
    from {
        -webkit-transform: perspective(600px) rotateY(180deg);
        transform: perspective(600px) rotateY(180deg);
        opacity: 0
    }

    to {
        -webkit-transform: perspective(600px) rotateY(360deg);
        transform: perspective(600px) rotateY(360deg)
    }
}

@keyframes flipY {
    from {
        -webkit-transform: perspective(600px) rotateY(180deg);
        transform: perspective(600px) rotateY(180deg);
        opacity: 0
    }

    to {
        -webkit-transform: perspective(600px) rotateY(360deg);
        transform: perspective(600px) rotateY(360deg)
    }
}

@-webkit-keyframes flipYZoomIn {
    from {
        -webkit-transform: perspective(600px) rotateY(0) scale(1);
        transform: perspective(600px) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(600px) rotateY(180deg) scale(1.6);
        transform: perspective(600px) rotateY(180deg) scale(1.6);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    80% {
        -webkit-transform: perspective(600px) rotateY(360deg) scale(.7);
        transform: perspective(600px) rotateY(360deg) scale(.7);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

@keyframes flipYZoomIn {
    from {
        -webkit-transform: perspective(600px) rotateY(0) scale(1);
        transform: perspective(600px) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(600px) rotateY(180deg) scale(1.6);
        transform: perspective(600px) rotateY(180deg) scale(1.6);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    80% {
        -webkit-transform: perspective(600px) rotateY(360deg) scale(.7);
        transform: perspective(600px) rotateY(360deg) scale(.7);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

@-webkit-keyframes flipYZoomOut {
    from {
        -webkit-transform: perspective(600px) rotateY(0) scale(1);
        transform: perspective(600px) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(600px) rotateY(180deg) scale(.6);
        transform: perspective(600px) rotateY(180deg) scale(.6);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    80% {
        -webkit-transform: perspective(600px) rotateY(360deg) scale(1.8);
        transform: perspective(600px) rotateY(360deg) scale(1.8);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

@keyframes flipYZoomOut {
    from {
        -webkit-transform: perspective(600px) rotateY(0) scale(1);
        transform: perspective(600px) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(600px) rotateY(180deg) scale(.6);
        transform: perspective(600px) rotateY(180deg) scale(.6);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    80% {
        -webkit-transform: perspective(600px) rotateY(360deg) scale(1.8);
        transform: perspective(600px) rotateY(360deg) scale(1.8);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

@-webkit-keyframes skewLeft {
    70% {
        -webkit-transform: skewX(40deg);
        transform: skewX(40deg)
    }
}

@keyframes skewLeft {
    70% {
        -webkit-transform: skewX(40deg);
        transform: skewX(40deg)
    }
}

@-webkit-keyframes skewRight {
    70% {
        -webkit-transform: skewX(-40deg);
        transform: skewX(-40deg)
    }
}

@keyframes skewRight {
    70% {
        -webkit-transform: skewX(-40deg);
        transform: skewX(-40deg)
    }
}

@-webkit-keyframes skewInLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%) skewX(-40deg);
        transform: translateX(-100%) skewX(-40deg)
    }

    70% {
        -webkit-transform: skewX(-30deg);
        transform: skewX(-30deg)
    }
}

@keyframes skewInLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%) skewX(-40deg);
        transform: translateX(-100%) skewX(-40deg)
    }

    70% {
        -webkit-transform: skewX(-30deg);
        transform: skewX(-30deg)
    }
}

@-webkit-keyframes skewInRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(40deg);
        transform: translateX(100%) skewX(40deg)
    }

    70% {
        -webkit-transform: skewX(30deg);
        transform: skewX(30deg)
    }
}

@keyframes skewInRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%) skewX(40deg);
        transform: translateX(100%) skewX(40deg)
    }

    70% {
        -webkit-transform: skewX(30deg);
        transform: skewX(30deg)
    }
}

@-webkit-keyframes skewOutLeft {
    20% {
        -webkit-transform: skewX(40deg);
        transform: skewX(40deg)
    }

    to {
        -webkit-transform: translateX(-100%) skewX(40deg);
        transform: translateX(-100%) skewX(40deg);
        opacity: 0
    }
}

@keyframes skewOutLeft {
    20% {
        -webkit-transform: skewX(40deg);
        transform: skewX(40deg)
    }

    to {
        -webkit-transform: translateX(-100%) skewX(40deg);
        transform: translateX(-100%) skewX(40deg);
        opacity: 0
    }
}

@-webkit-keyframes skewOutRight {
    20% {
        -webkit-transform: skewX(-40deg);
        transform: skewX(-40deg)
    }

    to {
        -webkit-transform: translateX(100%) skewX(-40deg);
        transform: translateX(100%) skewX(-40deg);
        opacity: 0
    }
}

@keyframes skewOutRight {
    20% {
        -webkit-transform: skewX(-40deg);
        transform: skewX(-40deg)
    }

    to {
        -webkit-transform: translateX(100%) skewX(-40deg);
        transform: translateX(100%) skewX(-40deg);
        opacity: 0
    }
}

@-webkit-keyframes pullRelease {
    15% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@keyframes pullRelease {
    15% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
}

@-webkit-keyframes pushRelease {
    15% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes pushRelease {
    15% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@-webkit-keyframes swingInLeft {
    from {
        -webkit-transform: matrix(3, 0, 0, 3, -800, 0);
        transform: matrix(3, 0, 0, 3, -800, 0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: matrix(1.3, 0, 0, 1.3, 20, 0);
        transform: matrix(1.3, 0, 0, 1.3, 20, 0)
    }
}

@keyframes swingInLeft {
    from {
        -webkit-transform: matrix(3, 0, 0, 3, -800, 0);
        transform: matrix(3, 0, 0, 3, -800, 0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: matrix(1.3, 0, 0, 1.3, 20, 0);
        transform: matrix(1.3, 0, 0, 1.3, 20, 0)
    }
}

@-webkit-keyframes swingInRight {
    from {
        -webkit-transform: matrix(3, 0, 0, 3, 800, 0);
        transform: matrix(3, 0, 0, 3, 800, 0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: matrix(1.3, 0, 0, 1.3, -20, 0);
        transform: matrix(1.3, 0, 0, 1.3, -20, 0)
    }
}

@keyframes swingInRight {
    from {
        -webkit-transform: matrix(3, 0, 0, 3, 800, 0);
        transform: matrix(3, 0, 0, 3, 800, 0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: matrix(1.3, 0, 0, 1.3, -20, 0);
        transform: matrix(1.3, 0, 0, 1.3, -20, 0)
    }
}

@-webkit-keyframes swingInTop {
    from {
        -webkit-transform: matrix(3, 0, 0, 3, 0, -800);
        transform: matrix(3, 0, 0, 3, 0, -800);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: matrix(1.3, 0, 0, 1.3, 0, 20);
        transform: matrix(1.3, 0, 0, 1.3, 0, 20)
    }
}

@keyframes swingInTop {
    from {
        -webkit-transform: matrix(3, 0, 0, 3, 0, -800);
        transform: matrix(3, 0, 0, 3, 0, -800);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: matrix(1.3, 0, 0, 1.3, 0, 20);
        transform: matrix(1.3, 0, 0, 1.3, 0, 20)
    }
}

@-webkit-keyframes swingInBottom {
    from {
        -webkit-transform: matrix(3, 0, 0, 3, 0, 800);
        transform: matrix(3, 0, 0, 3, 0, 800);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: matrix(1.3, 0, 0, 1.3, 0, -20);
        transform: matrix(1.3, 0, 0, 1.3, 0, -20)
    }
}

@keyframes swingInBottom {
    from {
        -webkit-transform: matrix(3, 0, 0, 3, 0, 800);
        transform: matrix(3, 0, 0, 3, 0, 800);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: matrix(1.3, 0, 0, 1.3, 0, -20);
        transform: matrix(1.3, 0, 0, 1.3, 0, -20)
    }
}

@-webkit-keyframes elevateLeft {
    from {
        -webkit-transform: translateY(100%) rotate(-20deg);
        transform: translateY(100%) rotate(-20deg);
        -webkit-transform-origin: right;
        transform-origin: right
    }

    40% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        -webkit-transform-origin: right;
        transform-origin: right
    }

    65% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@keyframes elevateLeft {
    from {
        -webkit-transform: translateY(100%) rotate(-20deg);
        transform: translateY(100%) rotate(-20deg);
        -webkit-transform-origin: right;
        transform-origin: right
    }

    40% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        -webkit-transform-origin: right;
        transform-origin: right
    }

    65% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@-webkit-keyframes elevateRight {
    from {
        -webkit-transform: translateY(100%) rotate(20deg);
        transform: translateY(100%) rotate(20deg);
        -webkit-transform-origin: left;
        transform-origin: left
    }

    40% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        -webkit-transform-origin: left;
        transform-origin: left
    }

    65% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

@keyframes elevateRight {
    from {
        -webkit-transform: translateY(100%) rotate(20deg);
        transform: translateY(100%) rotate(20deg);
        -webkit-transform-origin: left;
        transform-origin: left
    }

    40% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        -webkit-transform-origin: left;
        transform-origin: left
    }

    65% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

@-webkit-keyframes rollFromLeft {
    from {
        -webkit-transform: translateX(-100%) perspective(600px) rotateY(180deg);
        transform: translateX(-100%) perspective(600px) rotateY(180deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) perspective(600px) rotateY(0);
        transform: translateX(0) perspective(600px) rotateY(0);
        opacity: 1
    }
}

@keyframes rollFromLeft {
    from {
        -webkit-transform: translateX(-100%) perspective(600px) rotateY(180deg);
        transform: translateX(-100%) perspective(600px) rotateY(180deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) perspective(600px) rotateY(0);
        transform: translateX(0) perspective(600px) rotateY(0);
        opacity: 1
    }
}

@-webkit-keyframes rollFromRight {
    from {
        -webkit-transform: translateX(100%) perspective(600px) rotateY(-180deg);
        transform: translateX(100%) perspective(600px) rotateY(-180deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) perspective(600px) rotateY(0);
        transform: translateX(0) perspective(600px) rotateY(0);
        opacity: 1
    }
}

@keyframes rollFromRight {
    from {
        -webkit-transform: translateX(100%) perspective(600px) rotateY(-180deg);
        transform: translateX(100%) perspective(600px) rotateY(-180deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0) perspective(600px) rotateY(0);
        transform: translateX(0) perspective(600px) rotateY(0);
        opacity: 1
    }
}

@-webkit-keyframes rollFromTop {
    from {
        -webkit-transform: translateY(-100%) perspective(600px) rotateY(180deg);
        transform: translateY(-100%) perspective(600px) rotateY(180deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) perspective(600px) rotateY(0);
        transform: translateY(0) perspective(600px) rotateY(0);
        opacity: 1
    }
}

@keyframes rollFromTop {
    from {
        -webkit-transform: translateY(-100%) perspective(600px) rotateY(180deg);
        transform: translateY(-100%) perspective(600px) rotateY(180deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) perspective(600px) rotateY(0);
        transform: translateY(0) perspective(600px) rotateY(0);
        opacity: 1
    }
}

@-webkit-keyframes rollFromBottom {
    from {
        -webkit-transform: translateY(100%) perspective(600px) rotateY(-180deg);
        transform: translateY(100%) perspective(600px) rotateY(-180deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) perspective(600px) rotateY(0);
        transform: translateY(0) perspective(600px) rotateY(0);
        opacity: 1
    }
}

@keyframes rollFromBottom {
    from {
        -webkit-transform: translateY(100%) perspective(600px) rotateY(-180deg);
        transform: translateY(100%) perspective(600px) rotateY(-180deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) perspective(600px) rotateY(0);
        transform: translateY(0) perspective(600px) rotateY(0);
        opacity: 1
    }
}

@-webkit-keyframes rollToLeft {
    from {
        -webkit-transform: translateX(0) perspective(600px) rotateY(0);
        transform: translateX(0) perspective(600px) rotateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-100%) perspective(600px) rotateY(180deg);
        transform: translateX(-100%) perspective(600px) rotateY(180deg);
        opacity: 0
    }
}

@keyframes rollToLeft {
    from {
        -webkit-transform: translateX(0) perspective(600px) rotateY(0);
        transform: translateX(0) perspective(600px) rotateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-100%) perspective(600px) rotateY(180deg);
        transform: translateX(-100%) perspective(600px) rotateY(180deg);
        opacity: 0
    }
}

@-webkit-keyframes rollToRight {
    from {
        -webkit-transform: translateX(0) perspective(600px) rotateY(0);
        transform: translateX(0) perspective(600px) rotateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(100%) perspective(600px) rotateY(-180deg);
        transform: translateX(100%) perspective(600px) rotateY(-180deg);
        opacity: 0
    }
}

@keyframes rollToRight {
    from {
        -webkit-transform: translateX(0) perspective(600px) rotateY(0);
        transform: translateX(0) perspective(600px) rotateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(100%) perspective(600px) rotateY(-180deg);
        transform: translateX(100%) perspective(600px) rotateY(-180deg);
        opacity: 0
    }
}

@-webkit-keyframes rollToTop {
    from {
        -webkit-transform: translateY(0) perspective(600px) rotateX(0);
        transform: translateY(0) perspective(600px) rotateX(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-100%) perspective(600px) rotateX(180deg);
        transform: translateY(-100%) perspective(600px) rotateX(180deg);
        opacity: 0
    }
}

@keyframes rollToTop {
    from {
        -webkit-transform: translateY(0) perspective(600px) rotateX(0);
        transform: translateY(0) perspective(600px) rotateX(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-100%) perspective(600px) rotateX(180deg);
        transform: translateY(-100%) perspective(600px) rotateX(180deg);
        opacity: 0
    }
}

@-webkit-keyframes rollToBottom {
    to {
        -webkit-transform: translateY(0) perspective(600px) rotateX(0);
        transform: translateY(0) perspective(600px) rotateX(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(100%) perspective(600px) rotateX(-180deg);
        transform: translateY(100%) perspective(600px) rotateX(-180deg);
        opacity: 0
    }
}

@keyframes rollToBottom {
    to {
        -webkit-transform: translateY(0) perspective(600px) rotateX(0);
        transform: translateY(0) perspective(600px) rotateX(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(100%) perspective(600px) rotateX(-180deg);
        transform: translateY(100%) perspective(600px) rotateX(-180deg);
        opacity: 0
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@-webkit-keyframes rotateX {
    from {
        -webkit-transform: perspective(600px) rotateX(0);
        transform: perspective(600px) rotateX(0)
    }

    to {
        -webkit-transform: perspective(600px) rotateX(90deg);
        transform: perspective(600px) rotateX(90deg)
    }
}

@keyframes rotateX {
    from {
        -webkit-transform: perspective(600px) rotateX(0);
        transform: perspective(600px) rotateX(0)
    }

    to {
        -webkit-transform: perspective(600px) rotateX(90deg);
        transform: perspective(600px) rotateX(90deg)
    }
}

@-webkit-keyframes rotateXIn {
    from {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
        opacity: 0
    }

    5% {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
        transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg)
    }
}

@keyframes rotateXIn {
    from {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
        opacity: 0
    }

    5% {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
        transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg)
    }
}

@-webkit-keyframes rotateXOut {
    95% {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
        transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg)
    }

    to {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
        opacity: 0
    }
}

@keyframes rotateXOut {
    95% {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg);
        transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg)
    }

    to {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateY {
    from {
        -webkit-transform: perspective(600px) rotateY(0);
        transform: perspective(600px) rotateY(0)
    }

    to {
        -webkit-transform: perspective(600px) rotateY(90deg);
        transform: perspective(600px) rotateY(90deg)
    }
}

@keyframes rotateY {
    from {
        -webkit-transform: perspective(600px) rotateY(0);
        transform: perspective(600px) rotateY(0)
    }

    to {
        -webkit-transform: perspective(600px) rotateY(90deg);
        transform: perspective(600px) rotateY(90deg)
    }
}

@-webkit-keyframes rotateYIn {
    from {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        opacity: 0
    }

    5% {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
        transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg)
    }
}

@keyframes rotateYIn {
    from {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        opacity: 0
    }

    5% {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
        transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg)
    }
}

@-webkit-keyframes rotateYOut {
    95% {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
        transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg)
    }

    to {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        opacity: 0
    }
}

@keyframes rotateYOut {
    95% {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg);
        transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg)
    }

    to {
        -webkit-transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateInLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(0);
        transform: translateX(-100%) rotate(0)
    }

    to {
        -webkit-transform: translateX(0) rotate(360deg);
        transform: translateX(0) rotate(360deg)
    }
}

@keyframes rotateInLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(0);
        transform: translateX(-100%) rotate(0)
    }

    to {
        -webkit-transform: translateX(0) rotate(360deg);
        transform: translateX(0) rotate(360deg)
    }
}

@-webkit-keyframes rotateInRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(0);
        transform: translateX(100%) rotate(0)
    }

    to {
        -webkit-transform: translateX(0) rotate(-360deg);
        transform: translateX(0) rotate(-360deg)
    }
}

@keyframes rotateInRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(0);
        transform: translateX(100%) rotate(0)
    }

    to {
        -webkit-transform: translateX(0) rotate(-360deg);
        transform: translateX(0) rotate(-360deg)
    }
}

@-webkit-keyframes rotateInTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-400%) rotate(0);
        transform: translateY(-400%) rotate(0)
    }

    to {
        -webkit-transform: translateX(0) rotate(360deg);
        transform: translateX(0) rotate(360deg)
    }
}

@keyframes rotateInTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-400%) rotate(0);
        transform: translateY(-400%) rotate(0)
    }

    to {
        -webkit-transform: translateX(0) rotate(360deg);
        transform: translateX(0) rotate(360deg)
    }
}

@-webkit-keyframes rotateInBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(400%) rotate(0);
        transform: translateY(400%) rotate(0)
    }

    to {
        -webkit-transform: translateX(0) rotate(360deg);
        transform: translateX(0) rotate(360deg)
    }
}

@keyframes rotateInBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(400%) rotate(0);
        transform: translateY(400%) rotate(0)
    }

    to {
        -webkit-transform: translateX(0) rotate(360deg);
        transform: translateX(0) rotate(360deg)
    }
}

@-webkit-keyframes rotateOutLeft {
    from {
        -webkit-transform: translateX(0) rotate(360deg);
        transform: translateX(0) rotate(360deg)
    }

    to {
        -webkit-transform: translateX(-800px) rotate(0);
        transform: translateX(-800px) rotate(0);
        opacity: 0
    }
}

@keyframes rotateOutLeft {
    from {
        -webkit-transform: translateX(0) rotate(360deg);
        transform: translateX(0) rotate(360deg)
    }

    to {
        -webkit-transform: translateX(-800px) rotate(0);
        transform: translateX(-800px) rotate(0);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutRight {
    from {
        -webkit-transform: translateX(0) rotate(-360deg);
        transform: translateX(0) rotate(-360deg)
    }

    to {
        -webkit-transform: translateX(800px) rotate(0);
        transform: translateX(800px) rotate(0);
        opacity: 0
    }
}

@keyframes rotateOutRight {
    from {
        -webkit-transform: translateX(0) rotate(-360deg);
        transform: translateX(0) rotate(-360deg)
    }

    to {
        -webkit-transform: translateX(800px) rotate(0);
        transform: translateX(800px) rotate(0);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutTop {
    from {
        -webkit-transform: translateX(0) rotate(360deg);
        transform: translateX(0) rotate(360deg)
    }

    to {
        -webkit-transform: translateY(-800px) rotate(0);
        transform: translateY(-800px) rotate(0);
        opacity: 0
    }
}

@keyframes rotateOutTop {
    from {
        -webkit-transform: translateX(0) rotate(360deg);
        transform: translateX(0) rotate(360deg)
    }

    to {
        -webkit-transform: translateY(-800px) rotate(0);
        transform: translateY(-800px) rotate(0);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutBottom {
    from {
        -webkit-transform: translateX(0) rotate(360deg);
        transform: translateX(0) rotate(360deg)
    }

    to {
        -webkit-transform: translateY(800px) rotate(0);
        transform: translateY(800px) rotate(0);
        opacity: 0
    }
}

@keyframes rotateOutBottom {
    from {
        -webkit-transform: translateX(0) rotate(360deg);
        transform: translateX(0) rotate(360deg)
    }

    to {
        -webkit-transform: translateY(800px) rotate(0);
        transform: translateY(800px) rotate(0);
        opacity: 0
    }
}

@-webkit-keyframes spinToLeft {

    from,
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    from {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes spinToLeft {

    from,
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    from {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes spinToRight {

    from,
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    from {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes spinToRight {

    from,
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    from {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes spinToTop {

    from,
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    from {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes spinToTop {

    from,
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    from {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes spinToBottom {

    from,
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    from {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes spinToBottom {

    from,
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    from {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes spinFromLeft {

    from,
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes spinFromLeft {

    from,
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes spinFromRight {

    from,
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes spinFromRight {

    from,
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes spinFromTop {

    from,
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes spinFromTop {

    from,
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    to {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes spinFromBottom {

    from,
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes spinFromBottom {

    from,
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes blurIn {
    from {
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@keyframes blurIn {
    from {
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@-webkit-keyframes blurInLeft {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@keyframes blurInLeft {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@-webkit-keyframes blurInRight {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@keyframes blurInRight {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@-webkit-keyframes blurInTop {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@keyframes blurInTop {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@-webkit-keyframes blurInBottom {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@keyframes blurInBottom {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-filter: blur(20px);
        filter: blur(20px);
        opacity: 0
    }
}

@-webkit-keyframes blurOut {

    85%,
    to {
        -webkit-filter: blur(20px);
        filter: blur(20px)
    }

    to {
        opacity: 0
    }
}

@keyframes blurOut {

    85%,
    to {
        -webkit-filter: blur(20px);
        filter: blur(20px)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes blurOutLeft {

    85%,
    to {
        -webkit-filter: blur(20px);
        filter: blur(20px);
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 0
    }
}

@keyframes blurOutLeft {

    85%,
    to {
        -webkit-filter: blur(20px);
        filter: blur(20px);
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes blurOutRight {

    85%,
    to {
        -webkit-filter: blur(20px);
        filter: blur(20px);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 0
    }
}

@keyframes blurOutRight {

    85%,
    to {
        -webkit-filter: blur(20px);
        filter: blur(20px);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes blurOutTop {

    85%,
    to {
        -webkit-filter: blur(20px);
        filter: blur(20px);
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 0
    }
}

@keyframes blurOutTop {

    85%,
    to {
        -webkit-filter: blur(20px);
        filter: blur(20px);
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes blurOutBottom {

    85%,
    to {
        -webkit-filter: blur(20px);
        filter: blur(20px);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        opacity: 0
    }
}

@keyframes blurOutBottom {

    85%,
    to {
        -webkit-filter: blur(20px);
        filter: blur(20px);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes bounceFromTop {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, -80px, 0) scale3d(1, 1.6, 1);
        transform: translate3d(0, -80px, 0) scale3d(1, 1.6, 1)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounceFromTop {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, -80px, 0) scale3d(1, 1.6, 1);
        transform: translate3d(0, -80px, 0) scale3d(1, 1.6, 1)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@-webkit-keyframes bounceFromDown {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);
        transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 4px, 0);
        transform: translate3d(0, 4px, 0)
    }
}

@keyframes bounceFromDown {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);
        transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 4px, 0);
        transform: translate3d(0, 4px, 0)
    }
}

@-webkit-keyframes bounceX {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale3d(1.8, 1, 1);
        transform: scale3d(1.8, 1, 1)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale3d(1.5, 1, 1);
        transform: scale3d(1.5, 1, 1)
    }

    90% {
        -webkit-transform: scale3d(1.1, 1, 1);
        transform: scale3d(1.1, 1, 1)
    }
}

@keyframes bounceX {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale3d(1.8, 1, 1);
        transform: scale3d(1.8, 1, 1)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale3d(1.5, 1, 1);
        transform: scale3d(1.5, 1, 1)
    }

    90% {
        -webkit-transform: scale3d(1.1, 1, 1);
        transform: scale3d(1.1, 1, 1)
    }
}

@-webkit-keyframes bounceY {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale3d(1, 2, 1);
        transform: scale3d(1, 2, 1)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale3d(1, 1.5, 1);
        transform: scale3d(1, 1.5, 1)
    }

    90% {
        -webkit-transform: scale3d(1, 1.1, 1);
        transform: scale3d(1, 1.1, 1)
    }
}

@keyframes bounceY {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale3d(1, 2, 1);
        transform: scale3d(1, 2, 1)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale3d(1, 1.5, 1);
        transform: scale3d(1, 1.5, 1)
    }

    90% {
        -webkit-transform: scale3d(1, 1.1, 1);
        transform: scale3d(1, 1.1, 1)
    }
}

@-webkit-keyframes bounceZoomIn {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    90% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes bounceZoomIn {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    90% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes bounceZoomOut {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

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

@keyframes bounceZoomOut {

    0%,
    100%,
    25%,
    55%,
    85% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    41%,
    44% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    70% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

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

@-webkit-keyframes bounceInTop {
    0% {
        -webkit-transform: translate3d(0, -300%, 0);
        transform: translate3d(0, -300%, 0)
    }

    58% {
        -webkit-transform: translate3d(0, 27px, 0);
        transform: translate3d(0, 27px, 0)
    }

    73% {
        -webkit-transform: translate3d(0, -12px, 0);
        transform: translate3d(0, -12px, 0)
    }

    88% {
        -webkit-transform: translate3d(0, 7px, 0);
        transform: translate3d(0, 7px, 0)
    }
}

@keyframes bounceInTop {
    0% {
        -webkit-transform: translate3d(0, -300%, 0);
        transform: translate3d(0, -300%, 0)
    }

    58% {
        -webkit-transform: translate3d(0, 27px, 0);
        transform: translate3d(0, 27px, 0)
    }

    73% {
        -webkit-transform: translate3d(0, -12px, 0);
        transform: translate3d(0, -12px, 0)
    }

    88% {
        -webkit-transform: translate3d(0, 7px, 0);
        transform: translate3d(0, 7px, 0)
    }
}

@-webkit-keyframes bounceInBottom {
    0% {
        -webkit-transform: translate3d(0, 300%, 0);
        transform: translate3d(0, 300%, 0)
    }

    58% {
        -webkit-transform: translate3d(0, -27px, 0);
        transform: translate3d(0, -27px, 0)
    }

    73% {
        -webkit-transform: translate3d(0, 12px, 0);
        transform: translate3d(0, 12px, 0)
    }

    88% {
        -webkit-transform: translate3d(0, -8px, 0);
        transform: translate3d(0, -8px, 0)
    }
}

@keyframes bounceInBottom {
    0% {
        -webkit-transform: translate3d(0, 300%, 0);
        transform: translate3d(0, 300%, 0)
    }

    58% {
        -webkit-transform: translate3d(0, -27px, 0);
        transform: translate3d(0, -27px, 0)
    }

    73% {
        -webkit-transform: translate3d(0, 12px, 0);
        transform: translate3d(0, 12px, 0)
    }

    88% {
        -webkit-transform: translate3d(0, -8px, 0);
        transform: translate3d(0, -8px, 0)
    }
}

@-webkit-keyframes bounceInLeft {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInLeft {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes bounceInRight {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInRight {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes bounceOutTop {

    18%,
    33%,
    48% {
        opacity: 1
    }

    18% {
        -webkit-transform: translate3d(0, 27px, 0);
        transform: translate3d(0, 27px, 0)
    }

    33% {
        -webkit-transform: translate3d(0, -12px, 0);
        transform: translate3d(0, -12px, 0)
    }

    48% {
        -webkit-transform: translate3d(0, 8px, 0);
        transform: translate3d(0, 8px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -300%, 0);
        transform: translate3d(0, -300%, 0)
    }
}

@keyframes bounceOutTop {

    18%,
    33%,
    48% {
        opacity: 1
    }

    18% {
        -webkit-transform: translate3d(0, 27px, 0);
        transform: translate3d(0, 27px, 0)
    }

    33% {
        -webkit-transform: translate3d(0, -12px, 0);
        transform: translate3d(0, -12px, 0)
    }

    48% {
        -webkit-transform: translate3d(0, 8px, 0);
        transform: translate3d(0, 8px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -300%, 0);
        transform: translate3d(0, -300%, 0)
    }
}

@-webkit-keyframes bounceOutBottom {

    18%,
    33%,
    48% {
        opacity: 1
    }

    18% {
        -webkit-transform: translate3d(0, -27px, 0);
        transform: translate3d(0, -27px, 0)
    }

    33% {
        -webkit-transform: translate3d(0, 12px, 0);
        transform: translate3d(0, 12px, 0)
    }

    48% {
        -webkit-transform: translate3d(0, -8px, 0);
        transform: translate3d(0, -8px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 300%, 0);
        transform: translate3d(0, 300%, 0)
    }
}

@keyframes bounceOutBottom {

    18%,
    33%,
    48% {
        opacity: 1
    }

    18% {
        -webkit-transform: translate3d(0, -27px, 0);
        transform: translate3d(0, -27px, 0)
    }

    33% {
        -webkit-transform: translate3d(0, 12px, 0);
        transform: translate3d(0, 12px, 0)
    }

    48% {
        -webkit-transform: translate3d(0, -8px, 0);
        transform: translate3d(0, -8px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 300%, 0);
        transform: translate3d(0, 300%, 0)
    }
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

@-webkit-keyframes perspectiveToTop {
    50% {
        opacity: 1
    }

    to {
        -webkit-transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
        transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
        opacity: 0
    }
}

@keyframes perspectiveToTop {
    50% {
        opacity: 1
    }

    to {
        -webkit-transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
        transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);
        opacity: 0
    }
}

@-webkit-keyframes perspectiveToBottom {
    50% {
        opacity: 1
    }

    to {
        -webkit-transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
        transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
        opacity: 0
    }
}

@keyframes perspectiveToBottom {
    50% {
        opacity: 1
    }

    to {
        -webkit-transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
        transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);
        opacity: 0
    }
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomInTop {
    from {
        -webkit-transform: scale(10) translateY(-50%);
        transform: scale(10) translateY(-50%);
        opacity: 0
    }
}

@keyframes zoomInTop {
    from {
        -webkit-transform: scale(10) translateY(-50%);
        transform: scale(10) translateY(-50%);
        opacity: 0
    }
}

@-webkit-keyframes zoomInBottom {
    from {
        -webkit-transform: scale(10) translateY(50%);
        transform: scale(10) translateY(50%);
        opacity: 0
    }
}

@keyframes zoomInBottom {
    from {
        -webkit-transform: scale(10) translateY(50%);
        transform: scale(10) translateY(50%);
        opacity: 0
    }
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

@-webkit-keyframes zoomOutTop {
    to {
        -webkit-transform: scale(10) translateY(-50%);
        transform: scale(10) translateY(-50%);
        opacity: 0
    }
}

@keyframes zoomOutTop {
    to {
        -webkit-transform: scale(10) translateY(-50%);
        transform: scale(10) translateY(-50%);
        opacity: 0
    }
}

@-webkit-keyframes zoomOutBottom {
    to {
        -webkit-transform: scale(10) translateY(50%);
        transform: scale(10) translateY(50%);
        opacity: 0
    }
}

@keyframes zoomOutBottom {
    to {
        -webkit-transform: scale(10) translateY(50%);
        transform: scale(10) translateY(50%);
        opacity: 0
    }
}

@-webkit-keyframes ekitRevealInTop {
    from {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes ekitRevealInTop {
    from {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@-webkit-keyframes ekitRevealInBottom {
    from {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes ekitRevealInBottom {
    from {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@-webkit-keyframes ekitRevealInLeft {
    from {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes ekitRevealInLeft {
    from {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@-webkit-keyframes ekitRevealInRight {
    from {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes ekitRevealInRight {
    from {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.ekit-wid-con .product-filter-area {
    margin-bottom: 30px
}

.ekit-wid-con .product-filter-wraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ekit-wid-con .product-filter-wraper .woocommerce-ordering {
    margin-right: 50px;
    margin-bottom: 0
}

.ekit-wid-con .woocommerce-ordering {
    position: relative;
    z-index: 10
}

.ekit-wid-con .woocommerce-ordering .shop-filter-title {
    color: #777;
    font-size: 14px;
    position: relative;
    top: 9px;
    padding-right: 50px
}

.ekit-wid-con .tab-filter .nav-tabs .nav-item .nav-link {
    border: 0;
    color: #777;
    font-size: 18px;
    padding: 10px
}

.ekit-wid-con .tab-filter .nav-tabs .nav-item .nav-link.active {
    color: #2575fc;
    background-color: transparent
}

.ekit-wid-con iframe {
    border: none
}

.ekit-wid-con a {
    text-decoration: none
}

.ekit-wid-con a,
.ekit-wid-con b,
.ekit-wid-con div,
.ekit-wid-con li,
.ekit-wid-con ul {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    outline: 0
}

.ekit-wid-con a:active,
.ekit-wid-con a:focus,
.ekit-wid-con input,
.ekit-wid-con input:active,
.ekit-wid-con input:focus,
.ekit-wid-con input:hover,
.ekit-wid-con textarea,
.ekit-wid-con textarea:active,
.ekit-wid-con textarea:focus,
.ekit-wid-con textarea:hover {
    -moz-outline: none;
    outline: 0
}

.ekit-wid-con a:active,
.ekit-wid-con a:focus,
.ekit-wid-con a:hover,
.ekit-wid-con a:visited {
    outline: 0;
    text-decoration: none
}

.ekit-wid-con embed,
.ekit-wid-con img:not([draggable]),
.ekit-wid-con object,
.ekit-wid-con video {
    max-width: 100%;
    height: auto
}

.ekit-wid-con [type=button]:focus:not(:focus-visible),
.ekit-wid-con [type=submit]:focus:not(:focus-visible),
.ekit-wid-con button:focus:not(:focus-visible) {
    outline: 0
}

.ekit-wid-con a:focus-visible,
.ekit-wid-con button:focus-visible,
.ekit-wid-con input:focus-visible,
.ekit-wid-con textarea:focus-visible {
    outline: -webkit-focus-ring-color auto 1px
}

.ekit-wid-con img {
    border: none;
    max-width: 100%
}

.ekit-wid-con li,
.ekit-wid-con ul {
    margin: 0;
    padding: 0
}

.ekit-wid-con .elementor-text-editor ol,
.ekit-wid-con .elementor-text-editor ul {
    padding-left: 18px
}

.ekit-wid-con h4,
.ekit-wid-con p {
    margin-bottom: 10px
}

.ekit-wid-con svg {
    width: 1em;
    height: 1em
}

.ekit-wid-con .clear-both::after,
.ekit-wid-con .clear-both::before {
    display: table;
    content: "";
    clear: both
}

.ekit-wid-con .text-left {
    text-align: left !important
}

.ekit-wid-con .text-right {
    text-align: right !important
}

.ekit-wid-con .text-center {
    text-align: center !important
}

.ekit-wid-con .ekit-flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.ekit-wid-con .ekit-flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.ekit-wid-con .ekit-flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.ekit-wid-con .ekit-flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.ekit-wid-con .tab-content>.tab-pane {
    font-family: inherit
}

.ekit-wid-con .elementskit-border-divider {
    left: 13px
}

.ekit-wid-con .elementskit-border-divider.elementskit-style-long {
    left: inherit
}

.ekit-wid-con .elementskit-border-divider::before {
    left: -26px
}

.ekit-wid-con .elementskit-navbar-nav-default.elementskit-menu-container {
    z-index: 9999999
}

.ekit-wid-con .elementskit-navbar-nav-default .elementskit-navbar-nav>li>a:hover {
    background-color: transparent
}

.ekit-wid-con .elementor-icon-list-item a>img {
    width: 100px;
    margin-right: 15px
}

.ekit-wid-con .elementor-icon-list-item .meta-lists {
    line-height: 1
}

.ekit-wid-con .elementor-icon-list-item .meta-lists svg {
    max-width: 12px;
    height: auto;
    vertical-align: middle
}

.ekit-wid-con .elementor-icon-list-item .meta-lists>span {
    color: #7f8595;
    font-size: 12px;
    display: inline-block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.ekit-wid-con .elementor-icon-list-item .elementor-icon-list-text {
    display: block;
    margin-bottom: 0
}

.ekit-wid-con .dialog-type-lightbox .dialog-widget-content {
    width: 100%
}

.ekit-wid-con .nf-form-content .listselect-wrap .nf-field-element div,
.ekit-wid-con .nf-form-content input.ninja-forms-field,
.ekit-wid-con .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: 100%
}

.ekit-wid-con .nf-form-content .list-select-wrap>div div::after {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: normal
}

.ekit-wid-con .nf-error.field-wrap .nf-field-element::after,
.ekit-wid-con .nf-pass.field-wrap .nf-field-element::after {
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: normal
}

.ekit-wid-con .nf-form-content button,
.ekit-wid-con .nf-form-content input[type=button],
.ekit-wid-con .nf-form-content input[type=submit] {
    cursor: pointer
}

.ekit-wid-con .nf-response-msg>p {
    line-height: normal
}

.ekit-wid-con textarea.ninja-forms-field {
    display: block
}

.ekit-wid-con .nf-form-content .list-select-wrap>div div {
    border: none
}

.ekit-wid-con .nf-form-content .list-select-wrap>div select {
    border: 1px solid #c4c4c4
}

.ekit-wid-con .column-count-1 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1
}

.ekit-wid-con .column-count-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.ekit-wid-con .column-count-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.ekit-wid-con .column-count-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

.ekit-wid-con .column-count-5 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5
}

.ekit-wid-con .column-count-6 {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6
}

.ekit-wid-con .order-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1
}

.ekit-wid-con .order-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    order: 13
}

.ekit-wid-con .order-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0
}

.ekit-wid-con .order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1
}

.ekit-wid-con .order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2
}

.ekit-wid-con .order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3
}

.ekit-wid-con .order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4
}

.ekit-wid-con .order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5
}

.ekit-wid-con .order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6
}

.ekit-wid-con .order-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    order: 7
}

.ekit-wid-con .order-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    order: 8
}

.ekit-wid-con .order-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    order: 9
}

.ekit-wid-con .order-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    order: 10
}

.ekit-wid-con .order-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    order: 11
}

.ekit-wid-con .order-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    order: 12
}

.ekit-wid-con .d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ekit-wid-con .ekit-img-overlay {
    position: relative;
    z-index: 0
}

.ekit-wid-con .ekit-img-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.ekit-wid-con .ekit-wrapper-link {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 10
}

.ekit-wid-con .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width:1025px) {

    .ekit-wid-con .default_menu_position .elementor-column,
    .ekit-wid-con .default_menu_position .elementor-widget,
    .ekit-wid-con .default_menu_position .elementor-widget-wrap,
    .ekit-wid-con .default_menu_position .elementskit-navbar-nav-default.elementskit-menu-container {
        position: static
    }

    .ekit-wid-con .default_menu_position .elementskit-menu-po-right .elementskit-megamenu-has.top_position.elementskit-dropdown-menu-custom_width .elementskit-megamenu-panel,
    .ekit-wid-con .default_menu_position .elementskit-menu-po-right .elementskit-megamenu-has.top_position.elementskit-dropdown-menu-default_width .elementskit-megamenu-panel,
    .ekit-wid-con .elementskit-navbar-nav-default .elementskit-menu-po-right .relative_position.elementskit-megamenu-has .elementskit-megamenu-panel {
        right: 0;
        left: auto
    }

    .ekit-wid-con .elementskit-navbar-nav-default .elementskit-megamenu-has .elementskit-megamenu-panel {
        -webkit-transition: transform .4s ease;
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }

    .ekit-wid-con .elementskit-menu-po-center .elementskit-megamenu-has.top_position.elementskit-dropdown-menu-custom_width .elementskit-megamenu-panel,
    .ekit-wid-con .elementskit-menu-po-center .elementskit-megamenu-has.top_position.elementskit-dropdown-menu-default_width .elementskit-megamenu-panel {
        -webkit-transform: translateY(-10px) translateX(-50%);
        transform: translateY(-10px) translateX(-50%);
        left: 50%
    }

    .ekit-wid-con .default_menu_position .elementskit-menu-po-center .elementskit-megamenu-has.top_position.elementskit-dropdown-menu-custom_width:hover>.elementskit-megamenu-panel,
    .ekit-wid-con .default_menu_position .elementskit-menu-po-center .elementskit-megamenu-has.top_position.elementskit-dropdown-menu-default_width:hover>.elementskit-megamenu-panel {
        -webkit-transform: translateY(0) translateX(-50%);
        transform: translateY(0) translateX(-50%);
        left: 50%
    }

    .ekit-wid-con body.is-vertical-menu-active .ekit-wid-con .elementskit-navbar-nav-default.elementskit-menu-container {
        z-index: 9
    }

    .ekit-wid-con body.is-vertical-menu-active .vertical-menu-active .xs-vertical-menu-backdrop {
        z-index: 150
    }

    .ekit-wid-con body.is-vertical-menu-active .ekit-vertical-menu-tigger {
        z-index: 160
    }
}

@media (max-width:1024px) {
    .ekit-wid-con .ekit-vertical-navbar-nav .elementskit-submenu-indicator {
        padding: 3px 10px;
        border: 1px solid;
        border-radius: 30px
    }
}

.ekit-wid-con .xs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .5;
    z-index: 0
}

.ekit-wid-con .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ekit-wid-con .swiper-container {
    width: inherit;
    height: inherit
}

.ekit-wid-con .swiper-container.ekit-main-swiper,
.ekit-wid-con .swiper.ekit-main-swiper {
    position: static
}

.ekit-wid-con .swiper .swiper-navigation-button,
.ekit-wid-con .swiper-container .swiper-navigation-button {
    background: rgba(0, 0, 0, 0);
    width: auto;
    height: auto
}

.ekit-wid-con .swiper .swiper-navigation-button::after,
.ekit-wid-con .swiper-container .swiper-navigation-button::after {
    display: none
}

.ekit-wid-con .tab-pane.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.ekit-wid-con .mfp-iframe-scaler iframe {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

.ekit-wid-con img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ekit-wid-con .image-switcher .content-image {
    position: relative
}

.ekit-wid-con .image-switcher .content-image .hover-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.ekit-wid-con .image-switcher:hover .content-image .main-image {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.ekit-wid-con .image-switcher:hover .content-image .hover-image {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.ekit-wid-con .fill-icon {
    display: inline-block;
    background-color: #2575fc;
    color: #fff;
    font-size: 40px;
    text-align: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.ekit-wid-con .fill-icon.round {
    border-radius: 50%
}

.ekit-wid-con .fill-icon.style-light {
    background-color: #f5f5f5;
    color: #000
}

.ekit-wid-con button {
    cursor: pointer;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.ekit-wid-con .form-control {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.ekit-wid-con input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ekit-wid-con .widgetarea_warper_edit {
    display: none
}

.ekit-wid-con .swiper-pagination-bullet {
    opacity: inherit;
    background-color: inherit
}

.ekit-wid-con [data-ajax-post-id]:not(.is--loaded):before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    margin: 20px auto;
    border-style: solid;
    border-width: 3px;
    border-color: #acacac #ddd #ddd;
    border-radius: 50%;
    -webkit-animation: eicon-spin 1.5s infinite linear;
    animation: eicon-spin 1.5s infinite linear
}

.ekit-wid-con .ekit-row {
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ekit-wid-con .ekit-col-1 {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.ekit-wid-con .ekit-col-2 {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.ekit-wid-con .ekit-col-3 {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.ekit-wid-con .ekit-col-4 {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.ekit-wid-con .ekit-col-5 {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.ekit-wid-con .ekit-col-6 {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.ekit-wid-con .ekit-col-7 {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.ekit-wid-con .ekit-col-8 {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.ekit-wid-con .ekit-col-9 {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.ekit-wid-con .ekit-col-10 {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.ekit-wid-con .ekit-col-11 {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.ekit-wid-con .ekit-col-12 {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (max-width:1024px) {
    .ekit-wid-con .ekit-col-1 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ekit-wid-con .ekit-col-2 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ekit-wid-con .ekit-col-3 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ekit-wid-con .ekit-col-4 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ekit-wid-con .ekit-col-5 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ekit-wid-con .ekit-col-6 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ekit-wid-con .ekit-col-7 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ekit-wid-con .ekit-col-8 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ekit-wid-con .ekit-col-9 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ekit-wid-con .ekit-col-10 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ekit-wid-con .ekit-col-11 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ekit-wid-con .ekit-col-12 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

@media (max-width:767px) {
    .ekit-wid-con .ekit-col-1 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .ekit-wid-con .ekit-col-2 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .ekit-wid-con .ekit-col-3 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .ekit-wid-con .ekit-col-4 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .ekit-wid-con .ekit-col-5 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .ekit-wid-con .ekit-col-6 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .ekit-wid-con .ekit-col-7 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .ekit-wid-con .ekit-col-8 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .ekit-wid-con .ekit-col-9 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .ekit-wid-con .ekit-col-10 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .ekit-wid-con .ekit-col-11 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .ekit-wid-con .ekit-col-12 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media (max-width:1024px) {
    .ekit-wid-con .ekit-col-tablet-1 {
        -webkit-column-count: 12;
        -moz-column-count: 12;
        column-count: 12
    }

    .ekit-wid-con .ekit-col-tablet-2 {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6
    }

    .ekit-wid-con .ekit-col-tablet-3 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }

    .ekit-wid-con .ekit-col-tablet-4 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }

    .ekit-wid-con .ekit-col-tablet-5 {
        -webkit-column-count: 2.4;
        -moz-column-count: 2.4;
        column-count: 2.4
    }

    .ekit-wid-con .ekit-col-tablet-6 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .ekit-wid-con .ekit-col-tablet-7 {
        -webkit-column-count: 1.7142857143;
        -moz-column-count: 1.7142857143;
        column-count: 1.7142857143
    }

    .ekit-wid-con .ekit-col-tablet-8 {
        -webkit-column-count: 1.5;
        -moz-column-count: 1.5;
        column-count: 1.5
    }

    .ekit-wid-con .ekit-col-tablet-9 {
        -webkit-column-count: 1.3333333333;
        -moz-column-count: 1.3333333333;
        column-count: 1.3333333333
    }

    .ekit-wid-con .ekit-col-tablet-10 {
        -webkit-column-count: 1.2;
        -moz-column-count: 1.2;
        column-count: 1.2
    }

    .ekit-wid-con .ekit-col-tablet-11 {
        -webkit-column-count: 1.0909090909;
        -moz-column-count: 1.0909090909;
        column-count: 1.0909090909
    }

    .ekit-wid-con .ekit-col-tablet-12 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

@media (max-width:767px) {
    .ekit-wid-con .ekit-col-mobile-1 {
        -webkit-column-count: 12;
        -moz-column-count: 12;
        column-count: 12
    }

    .ekit-wid-con .ekit-col-mobile-2 {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6
    }

    .ekit-wid-con .ekit-col-mobile-3 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }

    .ekit-wid-con .ekit-col-mobile-4 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }

    .ekit-wid-con .ekit-col-mobile-5 {
        -webkit-column-count: 2.4;
        -moz-column-count: 2.4;
        column-count: 2.4
    }

    .ekit-wid-con .ekit-col-mobile-6 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .ekit-wid-con .ekit-col-mobile-7 {
        -webkit-column-count: 1.7142857143;
        -moz-column-count: 1.7142857143;
        column-count: 1.7142857143
    }

    .ekit-wid-con .ekit-col-mobile-8 {
        -webkit-column-count: 1.5;
        -moz-column-count: 1.5;
        column-count: 1.5
    }

    .ekit-wid-con .ekit-col-mobile-9 {
        -webkit-column-count: 1.3333333333;
        -moz-column-count: 1.3333333333;
        column-count: 1.3333333333
    }

    .ekit-wid-con .ekit-col-mobile-10 {
        -webkit-column-count: 1.2;
        -moz-column-count: 1.2;
        column-count: 1.2
    }

    .ekit-wid-con .ekit-col-mobile-11 {
        -webkit-column-count: 1.0909090909;
        -moz-column-count: 1.0909090909;
        column-count: 1.0909090909
    }

    .ekit-wid-con .ekit-col-mobile-12 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

@media (max-width:1024px) {
    .ekit-wid-con .ekit-col-tablet-1 {
        max-width: 8.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%
    }

    .ekit-wid-con .ekit-col-tablet-2 {
        max-width: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%
    }

    .ekit-wid-con .ekit-col-tablet-3 {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .ekit-wid-con .ekit-col-tablet-4 {
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%
    }

    .ekit-wid-con .ekit-col-tablet-5 {
        max-width: 41.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%
    }

    .ekit-wid-con .ekit-col-tablet-6 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ekit-wid-con .ekit-col-tablet-7 {
        max-width: 58.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%
    }

    .ekit-wid-con .ekit-col-tablet-8 {
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%
    }

    .ekit-wid-con .ekit-col-tablet-9 {
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .ekit-wid-con .ekit-col-tablet-10 {
        max-width: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%
    }

    .ekit-wid-con .ekit-col-tablet-11 {
        max-width: 91.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%
    }

    .ekit-wid-con .ekit-col-tablet-12 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media (max-width:767px) {
    .ekit-wid-con .ekit-col-mobile-1 {
        max-width: 8.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%
    }

    .ekit-wid-con .ekit-col-mobile-2 {
        max-width: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%
    }

    .ekit-wid-con .ekit-col-mobile-3 {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .ekit-wid-con .ekit-col-mobile-4 {
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%
    }

    .ekit-wid-con .ekit-col-mobile-5 {
        max-width: 41.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%
    }

    .ekit-wid-con .ekit-col-mobile-6 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ekit-wid-con .ekit-col-mobile-7 {
        max-width: 58.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%
    }

    .ekit-wid-con .ekit-col-mobile-8 {
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%
    }

    .ekit-wid-con .ekit-col-mobile-9 {
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .ekit-wid-con .ekit-col-mobile-10 {
        max-width: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%
    }

    .ekit-wid-con .ekit-col-mobile-11 {
        max-width: 91.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%
    }

    .ekit-wid-con .ekit-col-mobile-12 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.ekit-wid-con .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.ekit-wid-con .fade.in {
    opacity: 1
}

.ekit-wid-con .collapse {
    display: none
}

.ekit-wid-con .collapse.in {
    display: block
}

.ekit-wid-con .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.ekit-wid-con .nav-tabs {
    border-bottom: 1px solid #ddd
}

.ekit-wid-con .nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.ekit-wid-con .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.ekit-wid-con .nav-tabs>li.active>a,
.ekit-wid-con .nav-tabs>li.active>a:focus,
.ekit-wid-con .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.ekit-wid-con .tab-content>.tab-pane {
    display: none
}

.ekit-wid-con .tab-content>.active {
    display: block
}

.ekit-wid-con .clearfix::after,
.ekit-wid-con .clearfix::before,
.ekit-wid-con .nav::after,
.ekit-wid-con .nav::before,
.ekit-wid-con .row::after,
.ekit-wid-con .row::before {
    display: table;
    content: " "
}

.ekit-wid-con .clearfix::after,
.ekit-wid-con .nav::after,
.ekit-wid-con .row::after {
    clear: both
}

.ekit-wid-con .hide {
    display: none !important
}

.ekit-wid-con .show {
    display: block !important
}

#wp-admin-bar-elementor_edit_page-default:empty {
    display: none
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #333;
    display: block;
    font-size: 1rem;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 12px 24px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.ekit-template-content-header .elementor-section,
.ekit-template-content-header .panel-row-style {
    -webkit-transform: none
}