.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    position: fixed;
    outline: 0!important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container::before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close.ekit-popup-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,.mfp-close.ekit-popup-close,.mfp-counter,.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow,button.mfp-close.ekit-popup-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button.mfp-arrow:focus-visible,button.mfp-close.ekit-popup-close:focus-visible {
    outline: -webkit-focus-ring-color auto 1px
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close.ekit-popup-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace
}

.mfp-close.ekit-popup-close:focus,.mfp-close.ekit-popup-close:hover {
    opacity: 1
}

.mfp-close.ekit-popup-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-closeekit-popup-close {
    color: #333
}

.mfp-iframe-holder .mfp-close.ekit-popup-close,.mfp-image-holder .mfp-close.ekit-popup-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow::after,.mfp-arrow::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow::after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow::before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left::after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left::before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right::after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right::before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close.ekit-popup-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure::after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure::after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close.ekit-popup-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform:scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.twentytwenty-horizontal .twentytwenty-handle::after,.twentytwenty-horizontal .twentytwenty-handle::before,.twentytwenty-vertical .twentytwenty-handle::after,.twentytwenty-vertical .twentytwenty-handle::before {
    content: " ";
    display: block;
    background: #fff;
    position: absolute;
    z-index: 30;
    -webkit-box-shadow: 0 0 12px rgba(51,51,51,.5);
    box-shadow: 0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-horizontal .twentytwenty-handle::after,.twentytwenty-horizontal .twentytwenty-handle::before {
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px
}

.twentytwenty-vertical .twentytwenty-handle::after,.twentytwenty-vertical .twentytwenty-handle::before {
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px
}

.twentytwenty-after-label,.twentytwenty-before-label,.twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.twentytwenty-after-label,.twentytwenty-before-label,.twentytwenty-overlay {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.twentytwenty-after-label,.twentytwenty-before-label {
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.twentytwenty-after-label::before,.twentytwenty-before-label::before {
    color: #fff;
    font-size: 13px;
    letter-spacing: .1em
}

.twentytwenty-after-label::before,.twentytwenty-before-label::before {
    position: absolute;
    background: rgba(255,255,255,.2);
    line-height: 38px;
    padding: 0 20px;
    border-radius: 2px
}

.twentytwenty-horizontal .twentytwenty-after-label::before,.twentytwenty-horizontal .twentytwenty-before-label::before {
    top: 50%;
    margin-top: -19px
}

.twentytwenty-vertical .twentytwenty-after-label::before,.twentytwenty-vertical .twentytwenty-before-label::before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: auto;
    display: inline-block
}

.twentytwenty-down-arrow,.twentytwenty-left-arrow,.twentytwenty-right-arrow,.twentytwenty-up-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute
}

.twentytwenty-handle .twentytwenty-left-arrow,.twentytwenty-handle .twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px
}

.twentytwenty-handle .twentytwenty-down-arrow,.twentytwenty-handle .twentytwenty-up-arrow {
    left: 50%;
    margin-left: -6px
}

.twentytwenty-container {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none
}

.twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block
}

.twentytwenty-container.active .twentytwenty-overlay,.twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0,0,0,0)
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label {
    opacity: 0
}

.twentytwenty-container * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.twentytwenty-before-label {
    opacity: 0
}

.twentytwenty-before-label::before {
    content: attr(data-content)
}

.twentytwenty-after-label {
    opacity: 0
}

.twentytwenty-after-label::before {
    content: attr(data-content)
}

.twentytwenty-horizontal .twentytwenty-before-label::before {
    left: 10px
}

.twentytwenty-horizontal .twentytwenty-after-label::before {
    right: 10px
}

.twentytwenty-vertical .twentytwenty-before-label::before {
    top: 10px
}

.twentytwenty-vertical .twentytwenty-after-label::before {
    bottom: 10px
}

.twentytwenty-overlay {
    -webkit-transition-property: background;
    transition-property: background;
    background: rgba(0,0,0,0);
    z-index: 25
}

.twentytwenty-overlay:hover {
    background: rgba(0,0,0,.5)
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 1
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1
}

.twentytwenty-before {
    z-index: 20
}

.twentytwenty-after {
    z-index: 10
}

div.twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid #fff;
    border-radius: 1000px;
    -webkit-box-shadow: 0 0 12px rgba(51,51,51,.5);
    box-shadow: 0 0 12px rgba(51,51,51,.5);
    z-index: 40;
    cursor: pointer
}

.twentytwenty-handle:focus-visible {
    outline: -webkit-focus-ring-color auto 1px
}

.twentytwenty-horizontal .twentytwenty-handle::before {
    bottom: 50%;
    margin-bottom: 22px;
    -webkit-box-shadow: 0 3px 0 #fff,0 0 12px rgba(51,51,51,.5);
    box-shadow: 0 3px 0 #fff,0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-horizontal .twentytwenty-handle::after {
    top: 50%;
    margin-top: 22px;
    -webkit-box-shadow: 0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5);
    box-shadow: 0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-vertical .twentytwenty-handle::before {
    left: 50%;
    margin-left: 22px;
    -webkit-box-shadow: 3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);
    box-shadow: 3px 0 0 #fff,0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-vertical .twentytwenty-handle::after {
    right: 50%;
    margin-right: 22px;
    -webkit-box-shadow: -3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);
    box-shadow: -3px 0 0 #fff,0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-handle>.twentytwenty-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px
}

.twentytwenty-handle>.twentytwenty-right-arrow {
    border-left: 6px solid #fff;
    right: 50%;
    margin-right: -17px
}

.twentytwenty-handle>.twentytwenty-up-arrow {
    border-bottom: 6px solid #fff;
    top: 50%;
    margin-top: -17px
}

.twentytwenty-handle>.twentytwenty-down-arrow {
    border-top: 6px solid #fff;
    bottom: 50%;
    margin-bottom: -17px
}

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0
}

table.dataTable tfoot th,table.dataTable thead th {
    font-weight: 700
}

table.dataTable thead td,table.dataTable thead th {
    padding: 10px 18px;
    border-bottom: 1px solid #111
}

table.dataTable thead td:active,table.dataTable thead th:active {
    outline: 0
}

table.dataTable tfoot td,table.dataTable tfoot th {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #111
}

table.dataTable thead .dt-ordering-asc,table.dataTable thead .dt-ordering-asc-disabled,table.dataTable thead .dt-ordering-desc,table.dataTable thead .dt-ordering-desc-disabled,table.dataTable thead th {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right
}

table.dataTable thead .dt-orderable-asc,table.dataTable thead .dt-orderable-desc {
    background-image: url(../img/arrow.png)
}

table.dataTable thead .dt-ordering-asc {
    background-image: url(../img/sort_asc.png)
}

table.dataTable thead .dt-ordering-desc {
    background-image: url(../img/sort_desc.png)
}

table.dataTable thead .dt-ordering-asc-disabled {
    background-image: url(../img/sort_asc_disabled.png)
}

table.dataTable tbody tr {
    background-color: #fff
}

table.dataTable tbody tr.selected {
    background-color: #b0bed9
}

table.dataTable tbody td,table.dataTable tbody th {
    padding: 8px 10px
}

.ekit_table.display table.dataTable tbody td,.ekit_table.display table.dataTable tbody th,table.dataTable.row-border tbody td,table.dataTable.row-border tbody th {
    border-top: 1px solid #ddd
}

.ekit_table.display table.dataTable tbody tr:first-child td,.ekit_table.display table.dataTable tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.row-border tbody tr:first-child th {
    border-top: none
}

table.dataTable.cell-border tbody td,table.dataTable.cell-border tbody th {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
}

table.dataTable.cell-border tbody tr td:first-child,table.dataTable.cell-border tbody tr th:first-child {
    border-left: 1px solid #ddd
}

table.dataTable.cell-border tbody tr:first-child td,table.dataTable.cell-border tbody tr:first-child th {
    border-top: none
}

.ekit_table.display table.dataTable tbody tr.odd,table.dataTable.stripe tbody tr.odd {
    background-color: #f9f9f9
}

.ekit_table.display table.dataTable tbody tr.odd.selected,table.dataTable.stripe tbody tr.odd.selected {
    background-color: #acbad4
}

.ekit_table.display table.dataTable tbody tr:hover,table.dataTable.hover tbody tr:hover {
    background-color: #f6f6f6
}

.ekit_table.display table.dataTable tbody tr:hover.selected,table.dataTable.hover tbody tr:hover.selected {
    background-color: #aab7d1
}

.ekit_table.display table.dataTable tbody tr>.sorting_1,.ekit_table.display table.dataTable tbody tr>.sorting_2,.ekit_table.display table.dataTable tbody tr>.sorting_3,table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3 {
    background-color: #fafafa
}

.ekit_table.display table.dataTable tbody tr.selected>.sorting_1,.ekit_table.display table.dataTable tbody tr.selected>.sorting_2,.ekit_table.display table.dataTable tbody tr.selected>.sorting_3,table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3 {
    background-color: #acbad5
}

.ekit_table.display table.dataTable tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #f1f1f1
}

.ekit_table.display table.dataTable tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
    background-color: #f3f3f3
}

.ekit_table.display table.dataTable tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
    background-color: #f5f5f5
}

.ekit_table.display table.dataTable tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
    background-color: #a6b4cd
}

.ekit_table.display table.dataTable tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
    background-color: #a8b5cf
}

.ekit_table.display table.dataTable tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
    background-color: #a9b7d1
}

.ekit_table.display table.dataTable tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #fafafa
}

.ekit_table.display table.dataTable tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
    background-color: #fcfcfc
}

.ekit_table.display table.dataTable tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
    background-color: #fefefe
}

.ekit_table.display table.dataTable tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
    background-color: #acbad5
}

.ekit_table.display table.dataTable tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
    background-color: #aebcd6
}

.ekit_table.display table.dataTable tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
    background-color: #afbdd8
}

.ekit_table.display table.dataTable tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    background-color: #eaeaea
}

.ekit_table.display table.dataTable tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
    background-color: #ececec
}

.ekit_table.display table.dataTable tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
    background-color: #efefef
}

.ekit_table.display table.dataTable tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
    background-color: #a2aec7
}

.ekit_table.display table.dataTable tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
    background-color: #a3b0c9
}

.ekit_table.display table.dataTable tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
    background-color: #a5b2cb
}

table.dataTable.no-footer {
    border-bottom: 1px solid #111
}

table.dataTable.nowrap td,table.dataTable.nowrap th {
    white-space: nowrap
}

table.dataTable.compact thead td,table.dataTable.compact thead th {
    padding: 4px 17px 4px 4px
}

table.dataTable.compact tfoot td,table.dataTable.compact tfoot th {
    padding: 4px
}

table.dataTable.compact tbody td,table.dataTable.compact tbody th {
    padding: 4px
}

table.dataTable td.dt-left,table.dataTable th.dt-left {
    text-align: left
}

table.dataTable td.dataTables_empty,table.dataTable td.dt-center,table.dataTable th.dt-center {
    text-align: center
}

table.dataTable td.dt-right,table.dataTable th.dt-right {
    text-align: right
}

table.dataTable td.dt-justify,table.dataTable th.dt-justify {
    text-align: justify
}

table.dataTable td.dt-nowrap,table.dataTable th.dt-nowrap {
    white-space: nowrap
}

table.dataTable tfoot td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable thead th.dt-head-left {
    text-align: left
}

table.dataTable tfoot td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable thead th.dt-head-center {
    text-align: center
}

table.dataTable tfoot td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable thead th.dt-head-right {
    text-align: right
}

table.dataTable tfoot td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable thead th.dt-head-justify {
    text-align: justify
}

table.dataTable tfoot td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable thead th.dt-head-nowrap {
    white-space: nowrap
}

table.dataTable tbody td.dt-body-left,table.dataTable tbody th.dt-body-left {
    text-align: left
}

table.dataTable tbody td.dt-body-center,table.dataTable tbody th.dt-body-center {
    text-align: center
}

table.dataTable tbody td.dt-body-right,table.dataTable tbody th.dt-body-right {
    text-align: right
}

table.dataTable tbody td.dt-body-justify,table.dataTable tbody th.dt-body-justify {
    text-align: justify
}

table.dataTable tbody td.dt-body-nowrap,table.dataTable tbody th.dt-body-nowrap {
    white-space: nowrap
}

table.dataTable,table.dataTable td,table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.dt-container {
    position: relative;
    clear: both;
    zoom:1}

.dt-container>.dt-buttons {
    position: relative;
    float: left;
    margin-bottom: 20px
}

.dt-container>.dt-search {
    float: right;
    text-align: right;
    margin-bottom: 20px
}

.dt-container>.dt-info {
    clear: both;
    float: left;
    margin-top: 20px
}

.dt-container>.dt-paging {
    float: right;
    text-align: right;
    margin-top: 20px
}

.dt-search input input {
    margin-left: .5em
}

.dt-container .dt-paging button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none!important;
    cursor: pointer;
    color: #333;
    border: 1px solid transparent;
    border-radius: 2px
}

.dt-container .dt-paging button.current,.dt-container .dt-paging button.current:hover {
    color: #333;
    border: 1px solid #979797;
    background-color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dcdcdc));
    background: linear-gradient(to bottom,#fff 0,#dcdcdc 100%)
}

.dt-container .dt-paging button.disabled,.dt-container .dt-paging button.disabled:active,.dt-container .dt-paging button.disabled:hover {
    cursor: default;
    color: #666;
    border: 1px solid transparent;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dt-container .dt-paging button:hover {
    color: #fff;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear,left top,left bottom,from(#585858),to(#111));
    background: linear-gradient(to bottom,#585858 0,#111 100%)
}

.dt-container .dt-paging button:active {
    outline: 0;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear,left top,left bottom,from(#2b2b2b),to(#0c0c0c));
    background: linear-gradient(to bottom,#2b2b2b 0,#0c0c0c 100%);
    -webkit-box-shadow: inset 0 0 3px #111;
    box-shadow: inset 0 0 3px #111
}

.dt-container .dt-paging .ellipsis {
    padding: 0 1em
}

.dt-container .dt-paging .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: #fff;
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(25%,rgba(255,255,255,.9)),color-stop(75%,rgba(255,255,255,.9)),to(rgba(255,255,255,0)));
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%)
}

.dt-container .dataTables_processing,.dt-container .dt-info,.dt-container .dt-length,.dt-container .dt-paging,.dt-container .dt-search {
    color: #333
}

.dt-container .dataTables_scroll {
    clear: both
}

.dt-container .dataTables_scroll div.dataTables_scrollBody {
    -webkit-overflow-scrolling: touch
}

.dt-container .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td,.dt-container .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dt-container .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dt-container .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th {
    vertical-align: middle
}

.dt-container .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing,.dt-container .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dt-container .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dt-container .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0!important;
    padding: 0!important
}

.dt-container.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111
}

.dt-container.no-footer div.dataTables_scrollBody>table,.dt-container.no-footer div.dataTables_scrollHead table.dataTable {
    border-bottom: none
}

.dt-container::after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

@media screen and (max-width: 767px) {
    .dt-container .dt-info,.dt-container .dt-paging {
        float:none;
        text-align: center
    }

    .dt-container .dt-paging {
        margin-top: .5em
    }
}

@media screen and (max-width: 640px) {
    .ekit-wid-con .ekit_table .dt-container .dt-layout-row {
        text-align:center
    }

    .ekit-wid-con .ekit_table .dt-container .dt-layout-row:not(.dt-layout-table) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
        gap: 20px
    }

    .ekit-wid-con .ekit_table .dt-container .dt-layout-row:not(.dt-layout-table) .dt-search .dt-input {
        width: 100%
    }

    .ekit-wid-con .ekit_table .dt-container>.dt-buttons,.ekit-wid-con .ekit_table .dt-container>.dt-info,.ekit-wid-con .ekit_table .dt-container>.dt-paging,.ekit-wid-con .ekit_table .dt-container>.dt-search {
        float: none;
        text-align: center
    }
}

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

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

div.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    background-color: #fff;
    border: 2px solid #111;
    -webkit-box-shadow: 3px 3px 8px rgba(0,0,0,.3);
    box-shadow: 3px 3px 8px rgba(0,0,0,.3);
    border-radius: 3px;
    text-align: center;
    z-index: 21
}

div.dt-button-info h2 {
    padding: .5em;
    margin: 0;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    background-color: #f3f3f3
}

div.dt-button-info>div {
    padding: 1em
}

div.dt-button-collection-title {
    text-align: center;
    padding: .3em 0 .5em;
    font-size: .9em
}

div.dt-button-collection-title:empty {
    display: none
}

a.dt-button,button.dt-button,div.dt-button {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: .333em;
    margin-bottom: .333em;
    padding: .5em 1em;
    border: 1px solid #999;
    border-radius: 2px;
    cursor: pointer;
    font-size: .88em;
    line-height: 1.6em;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    background-color: #e9e9e9;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e9e9e9));
    background-image: linear-gradient(to bottom,#fff 0,#e9e9e9 100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    outline: 0
}

a.dt-button.disabled,button.dt-button.disabled,div.dt-button.disabled {
    color: #999;
    border: 1px solid #d0d0d0;
    cursor: default;
    background-color: #f9f9f9;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f9f9f9));
    background-image: linear-gradient(to bottom,#fff 0,#f9f9f9 100%)
}

a.dt-button.active:not(.disabled),a.dt-button:active:not(.disabled),button.dt-button.active:not(.disabled),button.dt-button:active:not(.disabled),div.dt-button.active:not(.disabled),div.dt-button:active:not(.disabled) {
    background-color: #e2e2e2;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f3f3f3),to(#e2e2e2));
    background-image: linear-gradient(to bottom,#f3f3f3 0,#e2e2e2 100%);
    -webkit-box-shadow: inset 1px 1px 3px #999;
    box-shadow: inset 1px 1px 3px #999
}

a.dt-button.active:not(.disabled):hover:not(.disabled),a.dt-button:active:not(.disabled):hover:not(.disabled),button.dt-button.active:not(.disabled):hover:not(.disabled),button.dt-button:active:not(.disabled):hover:not(.disabled),div.dt-button.active:not(.disabled):hover:not(.disabled),div.dt-button:active:not(.disabled):hover:not(.disabled) {
    -webkit-box-shadow: inset 1px 1px 3px #999;
    box-shadow: inset 1px 1px 3px #999;
    background-color: #ccc;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#eaeaea),to(#ccc));
    background-image: linear-gradient(to bottom,#eaeaea 0,#ccc 100%)
}

a.dt-button:hover,button.dt-button:hover,div.dt-button:hover {
    text-decoration: none
}

a.dt-button:hover:not(.disabled),button.dt-button:hover:not(.disabled),div.dt-button:hover:not(.disabled) {
    border: 1px solid #666;
    background-color: #e0e0e0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#e0e0e0));
    background-image: linear-gradient(to bottom,#f9f9f9 0,#e0e0e0 100%)
}

a.dt-button:focus:not(.disabled),button.dt-button:focus:not(.disabled),div.dt-button:focus:not(.disabled) {
    border: 1px solid #426c9e;
    text-shadow: 0 1px 0 #c4def1;
    outline: 0;
    background-color: #79ace9;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#bddef4),to(#79ace9));
    background-image: linear-gradient(to bottom,#bddef4 0,#79ace9 100%)
}

.dt-button embed {
    outline: 0
}

div.dt-buttons {
    position: relative;
    float: left
}

div.dt-buttons.buttons-right {
    float: right
}

div.dt-button-collection {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    margin-top: 3px;
    padding: 8px 8px 4px 8px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.4);
    background-color: #fff;
    overflow: hidden;
    z-index: 2002;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.3);
    box-shadow: 3px 3px 5px rgba(0,0,0,.3);
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    -ms-column-gap: 8px;
    -o-column-gap: 8px;
    column-gap: 8px
}

div.dt-button-collection a.dt-button,div.dt-button-collection button.dt-button,div.dt-button-collection div.dt-button {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    display: block;
    float: none;
    margin-bottom: 4px;
    margin-right: 0
}

div.dt-button-collection a.dt-button.active:not(.disabled),div.dt-button-collection a.dt-button:active:not(.disabled),div.dt-button-collection button.dt-button.active:not(.disabled),div.dt-button-collection button.dt-button:active:not(.disabled),div.dt-button-collection div.dt-button.active:not(.disabled),div.dt-button-collection div.dt-button:active:not(.disabled) {
    background-color: #dadada;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f0f0f0),to(#dadada));
    background-image: linear-gradient(to bottom,#f0f0f0 0,#dadada 100%);
    -webkit-box-shadow: inset 1px 1px 3px #666;
    box-shadow: inset 1px 1px 3px #666
}

div.dt-button-collection.fixed {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    border-radius: 0
}

div.dt-button-collection.fixed.two-column {
    margin-left: -150px
}

div.dt-button-collection.fixed.three-column {
    margin-left: -225px
}

div.dt-button-collection.fixed.four-column {
    margin-left: -300px
}

div.dt-button-collection>* {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

div.dt-button-collection.two-column {
    width: 300px;
    padding-bottom: 1px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2
}

div.dt-button-collection.three-column {
    width: 450px;
    padding-bottom: 1px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3
}

div.dt-button-collection.four-column {
    width: 600px;
    padding-bottom: 1px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    -ms-column-count: 4;
    -o-column-count: 4;
    column-count: 4
}

div.dt-button-collection .dt-button {
    border-radius: 0
}

div.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    background: radial-gradient(ellipse farthest-corner at center,rgba(0,0,0,.3) 0,rgba(0,0,0,.7) 100%);
    z-index: 2001
}

@media screen and (max-width: 640px) {
    div.dt-buttons {
        float:none!important;
        text-align: center
    }
}

a.dt-button.processing,button.dt-button.processing,div.dt-button.processing {
    color: rgba(0,0,0,.2)
}

a.dt-button.processing::after,button.dt-button.processing::after,div.dt-button.processing::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    content: " ";
    border: 2px solid #282828;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    animation: dtb-spinner 1.5s infinite linear;
    -o-animation: dtb-spinner 1.5s infinite linear;
    -ms-animation: dtb-spinner 1.5s infinite linear;
    -webkit-animation: dtb-spinner 1.5s infinite linear;
    -moz-animation: dtb-spinner 1.5s infinite linear
}

table.DTFC_Cloned tfoot,table.DTFC_Cloned thead {
    background-color: #fff
}

div.DTFC_Blocker {
    background-color: #fff
}

div.DTFC_LeftWrapper table.dataTable,div.DTFC_RightWrapper table.dataTable {
    margin-bottom: 0;
    z-index: 2
}

div.DTFC_LeftWrapper table.dataTable.no-footer,div.DTFC_RightWrapper table.dataTable.no-footer {
    border-bottom: none
}

table.fixedHeader-floating {
    position: fixed!important;
    background-color: #fff
}

table.fixedHeader-floating.no-footer {
    border-bottom-width: 0
}

table.fixedHeader-locked {
    position: absolute!important;
    background-color: #fff
}

@media print {
    table.fixedHeader-floating {
        display: none
    }
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child {
    cursor: default!important
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child::before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty::before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child::before {
    display: none!important
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child::before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child::before {
    top: 9px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 14px;
    -webkit-box-shadow: 0 0 3px #444;
    box-shadow: 0 0 3px #444;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0!important;
    font-family: "Courier New",Courier,monospace;
    line-height: 14px;
    content: "+";
    background-color: #31b131
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child::before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child::before {
    content: "-";
    background-color: #d33333
}

table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child {
    padding-left: 27px
}

table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child::before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child::before {
    top: 5px;
    left: 4px;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    line-height: 14px;
    text-indent: 3px
}

table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control {
    position: relative;
    cursor: pointer
}

table.dataTable.dtr-column>tbody>tr>td.control::before,table.dataTable.dtr-column>tbody>tr>th.control::before {
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 14px;
    -webkit-box-shadow: 0 0 3px #444;
    box-shadow: 0 0 3px #444;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0!important;
    font-family: "Courier New",Courier,monospace;
    line-height: 14px;
    content: "+";
    background-color: #31b131
}

table.dataTable.dtr-column>tbody>tr.parent td.control::before,table.dataTable.dtr-column>tbody>tr.parent th.control::before {
    content: "-";
    background-color: #d33333
}

table.dataTable>tbody>tr.child {
    padding: .5em 1em
}

table.dataTable>tbody>tr.child:hover {
    background: 0 0!important
}

table.dataTable>tbody>tr.child ul.dtr-details {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: 1px solid #efefef;
    padding: .5em 0
}

table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
    padding-top: 0
}

table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
    border-bottom: none
}

table.dataTable>tbody>tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    font-weight: 700
}

div.dtr-modal {
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 10em 1em
}

div.dtr-modal div.dtr-modal-display {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    overflow: auto;
    margin: auto;
    z-index: 102;
    overflow: auto;
    background-color: #f5f5f7;
    border: 1px solid #000;
    border-radius: .5em;
    -webkit-box-shadow: 0 12px 30px rgba(0,0,0,.6);
    box-shadow: 0 12px 30px rgba(0,0,0,.6)
}

div.dtr-modal div.dtr-modal-content {
    position: relative;
    padding: 1em
}

div.dtr-modal div.dtr-modal-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border: 1px solid #eaeaea;
    background-color: #f9f9f9;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 12
}

div.dtr-modal div.dtr-modal-close:hover {
    background-color: #eaeaea
}

div.dtr-modal div.dtr-modal-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    background: rgba(0,0,0,.6)
}

@media screen and (max-width: 767px) {
    div.dtr-modal div.dtr-modal-display {
        width:95%
    }
}

table.dataTable tr.dtrg-group td {
    background-color: #e0e0e0
}

table.dataTable tr.dtrg-group.dtrg-level-0 td {
    font-weight: 700
}

table.dataTable tr.dtrg-group.dtrg-level-1 td,table.dataTable tr.dtrg-group.dtrg-level-2 td {
    background-color: #f0f0f0;
    padding-top: .25em;
    padding-bottom: .25em;
    padding-left: 2em;
    font-size: .9em
}

table.dataTable tr.dtrg-group.dtrg-level-2 td {
    background-color: #f3f3f3
}

.ekit_table .dt-container {
    padding-top: 20px;
    padding-bottom: 20px
}

.ekit_table table.dataTable.no-footer {
    border-bottom: 1px solid #e6e6e6
}

.ekit_table .dt-container select:not([multiple]) {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border-radius: 0;
    border: solid 1px #bbb;
    padding: 12px 48px 12px 18px
}

.ekit_table .dt-container select:not([multiple])::after {
    content: " - Remember this"
}

.ekit_table .dt-container .dt-search input {
    border: solid 1px #bbb;
    padding: 12px 48px 12px 18px
}

.ekit_table table.dataTable thead th {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .3px;
    color: #fff
}

.ekit_table.display table.dataTable tbody tr td {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #f9f9f9
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child {
    cursor: default!important
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child::before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty::before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child::before {
    display: none!important
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child::before,table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child::before {
    top: 9px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 14px;
    -webkit-box-shadow: 0 0 3px #444;
    box-shadow: 0 0 3px #444;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0!important;
    font-family: "Courier New",Courier,monospace;
    line-height: 14px;
    content: "+";
    background-color: #31b131
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child::before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child::before {
    content: "-";
    background-color: #d33333
}

table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child {
    padding-left: 27px
}

table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child::before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child::before {
    top: 5px;
    left: 4px;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    line-height: 14px;
    text-indent: 3px
}

table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control {
    position: relative;
    cursor: pointer
}

table.dataTable.dtr-column>tbody>tr>td.control::before,table.dataTable.dtr-column>tbody>tr>th.control::before {
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 14px;
    -webkit-box-shadow: 0 0 3px #444;
    box-shadow: 0 0 3px #444;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0!important;
    font-family: "Courier New",Courier,monospace;
    line-height: 14px;
    content: "+";
    background-color: #31b131
}

table.dataTable.dtr-column>tbody>tr.parent td.control::before,table.dataTable.dtr-column>tbody>tr.parent th.control::before {
    content: "-";
    background-color: #d33333
}

table.dataTable>tbody>tr.child {
    padding: .5em 1em
}

table.dataTable>tbody>tr.child:hover {
    background: 0 0!important
}

table.dataTable>tbody>tr.child ul.dtr-details {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: 1px solid #efefef;
    padding: .5em 0
}

table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
    padding-top: 0
}

table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
    border-bottom: none
}

table.dataTable>tbody>tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    font-weight: 700
}

div.dtr-modal {
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 10em 1em
}

div.dtr-modal div.dtr-modal-display {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    overflow: auto;
    margin: auto;
    z-index: 102;
    overflow: auto;
    background-color: #f5f5f7;
    border: 1px solid #000;
    border-radius: .5em;
    -webkit-box-shadow: 0 12px 30px rgba(0,0,0,.6);
    box-shadow: 0 12px 30px rgba(0,0,0,.6)
}

div.dtr-modal div.dtr-modal-content {
    position: relative;
    padding: 1em
}

div.dtr-modal div.dtr-modal-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border: 1px solid #eaeaea;
    background-color: #f9f9f9;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 12
}

div.dtr-modal div.dtr-modal-close:hover {
    background-color: #eaeaea
}

div.dtr-modal div.dtr-modal-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    background: rgba(0,0,0,.6)
}

@media screen and (max-width: 767px) {
    div.dtr-modal div.dtr-modal-display {
        width:95%
    }
}

.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
}

.image-source-link {
    color: #98c3d1
}

.mfp-bg,.mfp-container {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-removing .mfp-container,.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-move-horizontal .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
}

.mfp-move-horizontal.mfp-bg {
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.mfp-move-horizontal.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0
}

.mfp-move-horizontal.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-zoom-out .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.mfp-zoom-out.mfp-bg {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-zoom-out.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0
}

.mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0
}

button.mfp-close.ekit-popup-close {
    border: 1px solid #fff;
    margin: 20px;
    border-radius: 50%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

button.mfp-close.ekit-popup-close:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
    width: 44px
}

.mfp-iframe-holder .mfp-close.ekit-popup-close {
    width: 44px;
    text-align: center;
    padding-right: 0;
    top: 0;
    right: 0
}

.mfp-container.mfp-iframe-holder {
    position: fixed
}

.mfp-container.mfp-iframe-holder .mfp-close.ekit-popup-close {
    position: fixed
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.white-popup-block {
    background: #ccc;
    padding: 20px;
    max-width: 300px;
    margin: 0 auto;
    -webkit-animation: open 1s;
    animation: open 1s
}

.mfp-removing {
    -webkit-animation: close 1s;
    animation: close 1s
}

.mfp-open .modal-popup-group,.mfp-open .xs-modal-sidebar {
    -webkit-animation-name: galleryopen;
    animation-name: galleryopen;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.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 {
    form {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes ekitRevealInTop {
    form {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@-webkit-keyframes ekitRevealInBottom {
    form {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes ekitRevealInBottom {
    form {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@-webkit-keyframes ekitRevealInLeft {
    form {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes ekitRevealInLeft {
    form {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@-webkit-keyframes ekitRevealInRight {
    form {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes ekitRevealInRight {
    form {
        -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: 1000
}

.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 .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 .select {
    cursor: pointer;
    display: block;
    position: relative;
    font-size: 16px;
    color: #7b7b7b;
    width: 220px;
    height: 44px;
    float: right
}

.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
}