@import url('https://fonts.googleapis.com/css?family=Montserrat|Architects+Daughter|Bangers|Raleway|Alegreya+Sans|Shadows+Into+Light|Solway&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Black+And+White+Picture&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Trade+Winds&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Seymour+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bokor&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mystery+Quest&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Almendra&display=swap');
@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Piedra&display=swap');

/*font-family: 'Bangers', cursive;
font-family: 'Solway', serif;
font-family: 'Raleway', sans-serif;
font-family: 'Shadows Into Light', cursive;
font-family: 'Alegreya Sans', sans-serif;
font-family: 'Architects Daughter', cursive;
font-family: 'Black And White Picture', sans-serif;
font-family: 'Fredericka the Great', cursive;
font-family: 'Trade Winds', cursive;
font-family: 'Seymour One', sans-serif;
font-family: 'Bokor', cursive;
font-family: 'Mystery Quest', cursive;
font-family: 'Almendra', serif;
font-family: 'UnifrakturCook', cursive;
font-family: 'UnifrakturMaguntia', cursive;
font-family: 'Piedra', cursive;
*/

body {
    margin: 0;
    background-color: black;
    overflow-x: hidden;
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -moz-user-select: none;
    -ms-user-select: none; 
    user-select: none; 
}

.Monsley-Responsive-10 {
    width: 10%;
}

.Monsley-Responsive-40 {
    width: 40%;
}

.Monsley-Responsive-100 {
    width: 100%;
}

.Monsley-Header {
    position: relative;
    width: 100%;
}

.Monsley-Navigator {
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}

.Monsley-Logo {
    position: relative;
    float: left;
    left: 20px;
    margin-right: 6px;
    /*width: 5%;*/
    width: 86px;
}

.Monsley-Title {
    position: relative;
    float: left;
    /*width: 25%;*/
    /*margin-top: 0.5%;*/
    margin-top: 10px;
    margin-left: 20px;
    color: orange;
    font-family: 'Bangers', cursive;
    /*font-size: 4vw;*/
    font-size: 64px;
}

.Monsley-Description {
    position: relative;
    top: 10px;
    left: 20px;
    font-family: 'Piedra', cursive;
    color: orange;
    font-family: 'Bangers', cursive;
    font-size: 48px;
}

.Monsley-Video-Group {
    position: relative;
    margin-top: 40px;
}

.Monsley-Video-Frame {
    position: relative;
    width: 320px;
    height: 275px;
    float: left;
    margin-left: 30px;
    margin-bottom: 120px;
    border: 1px solid #222222;
    cursor: pointer;
}

.Monsley-Video-Banner {
    padding-left: 10px;
    height: 245px;
    cursor: pointer;
}

.Monsley-Video-Promo {
    padding-left: 10px;
    left: -10px;
    top: 30px;
    width: 320px;
    height: 180px;
    cursor: pointer;
    position: relative;
    margin-bottom: 64px;
    overflow: hidden;
}

.Monsley-Video-Vast {
    padding-left: 10px;
    left: -10px;
    width: 320px;
    height: 240px;
    cursor: pointer;
    position: relative;
    margin-bottom: 5px;
    overflow: hidden;
}

.Monsley-Video-Advert {
    left: 10px;
    top: 0px;
    cursor: pointer;
    position: relative;
    margin-bottom: -10px;
    overflow: hidden;
    z-index: -1;
}

.Monsley-Video-Bar {
    position: relative;
    height: 30px;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #222222;
    background-color: #121212;
}

.Monsley-Video-Title {
    position: relative;
    top: 10px;
    height: 30px;
    width: 320px;
    box-sizing: border-box;
    color: orange;
    font-family: 'Trade Winds', cursive;
}

.Monsley-IFrame {
    position: relative;
    border: none;
    display: none;
}

.Monsley-Photo-Box {
    display: none ;
    margin-top: 40px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.Monsley-Photo-Img {
    max-width: calc(100% - 40px);
    height: auto;
}

.Monsley-Photo-Frm {
    margin-top: 40px;
}

.Monsley-Icon-00 {
    position: relative;
    float: left;
    color: #8f8f8f;
    margin-top: 6px;
    margin-left: 10px;
    margin-right: 6px;
    cursor: pointer;
    font-family: 'Bangers', cursive;
    font-family: 'Fredericka the Great', cursive;
}

.Monsley-Icon-01 {
    position: relative;
    float: left;
    color: orange;
    margin-top: 6px;
    margin-left: 10px;
    margin-right: 6px;
    cursor: pointer;
    font-family: 'Bangers', cursive;
    font-family: 'Fredericka the Great', cursive;
}

.Monsley-Icon-V0 {
    position: relative;
    float: left;
    color: #8f8f8f;
    margin-top: 6px;
    margin-left: 10px;
    margin-right: 6px;
    font-family: 'Bangers', cursive;
    font-family: 'Fredericka the Great', cursive;
}

.Monsley-Icon-V1 {
    position: relative;
    float: left;
    color: orange;
    margin-top: 6px;
    margin-left: 10px;
    margin-right: 6px;
    font-family: 'Bangers', cursive;
    font-family: 'Fredericka the Great', cursive;
}

.Monsley-Icon-Text {
    position: relative;
    float: right;
    color: white;
    margin-left: 6px;
    cursor: default;
    font-family: 'Bangers', cursive;
    font-family: 'Fredericka the Great', cursive;
}

.Monsley-Banner-Right {
    position: relative;
    float: right;
    margin-top: 40px;
    margin-right: 80px;
    width: 300px;
}

.Monsley-Banner-300-250 {
    position: relative;
    width: 300px;
    height: 250px;
    margin-bottom: 40px;
    cursor: pointer;
}

.Monsley-Banner-Title {
    top: 5px;
    overflow: hidden;
    position: relative;
    float: left;
}

.Monsley-Banner-Box {
    overflow: hidden;
    position: relative;
    float: left;
    width: 52%;
    color: orange;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Trade Winds', cursive;
}

.Monsley-Banner-Link {
    color: red;
}

.Monsley-Banner-Free {
    color: green;
}

.Monsley-Pages-Box {
    position: relative;
    display: none;
    width: 0px;
    height: 42px;
    border: 1px solid #222222;
    margin-left: 30px;
    margin-top: 20px;
    padding-top: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    box-sizing: border-box;
    margin-bottom: 40px;
    clear: both;
}

.Monsley-Pages-Button {
    position: relative;
    width: 42px;
    height: 36px;
    border: 1px solid #222222;
    float: left;
    margin-right: 2px;
    box-sizing: border-box;
    color: white;
    font-family: 'Fredericka the Great', cursive;
    text-align: center;
    font-size: 28px;
    cursor: pointer;
    transition: ease 0.3s;
}

    .Monsley-Pages-Button:hover {
        color: orange;
        background-color: rgb(255 255 255 / 10%);
        cursor: pointer;
    }

.Monsley-Pages-Button-Select {
    position: relative;
    width: 42px;
    height: 36px;
    float: left;
    margin-right: 2px;
    box-sizing: border-box;
    font-family: 'Fredericka the Great', cursive;
    text-align: center;
    font-size: 28px;
    transition: ease 0.3s;
    color: white;
    background-color: orange;
    border: 1px solid rgb(255 255 255 / 50%);
}

.Monsley-Offer-01 {
    position: relative;
    top: -20px;
    left: 10px;
    float: left;
}

.Monsley-Offer-02 {
    position: absolute;
    top: -20px;
    left: 220px;
    float: right;
    z-index: 1;
}

.Monsley-Video-New {
    position: absolute;
    top: -20px;
    left: -15px;
    z-index: 1;
}

.Monsley-PornHub-Frame {
    position: relative;
    top: 30px;
    margin-bottom: 60px;
}

.Monsley-PornHub-Logo {
    position: absolute;
    top: 1px;
    z-index: 1;
    right: 1px;
}

.Monsley-Video-Promo-Icon {
    position: absolute;
    top: -30px;
    left: -10px;
    z-index: 1;
}

.Monsley-Video-Name-Offer {
    position: relative;
    float: right;
    margin-top: 5px;
    margin-right: 14px;
    color: orange;
    font-family: 'Fredericka the Great', cursive;
}

.Monsley-Video-Title-Offer {
    position: relative;
    top: -10px;
    height: 30px;
    width: 320px;
    box-sizing: border-box;
    color: #8d9bff;
    font-family: 'Trade Winds', cursive;
    clear: both;
}

.Monsley-Video-Title-Promo {
    position: relative;
    top: 10px;
    height: 30px;
    width: 320px;
    box-sizing: border-box;
    color: #f44336;
    font-family: 'Trade Winds', cursive;
    clear: both;
}

.Monsley-Video-Title-New {
    position: relative;
    top: 10px;
    height: 30px;
    width: 320px;
    box-sizing: border-box;
    color: #fd156c;
    font-family: 'Trade Winds', cursive;
}

.Monsley-Banner-Bar {
    position: relative;
    margin-top: 40px;
    margin-left: -364px;
    margin-bottom: 20px;
    width: 728px;
    display: none;
    overflow: hidden;
    clear: both;
    cursor: pointer;
}

/*NavBar*/

.NavBar {
    position: relative;
    top: -10px;
    /*display: flex;*/
    height: 51px;
    justify-content: flex-start;
    flex-wrap: wrap;
    background-color: rgba(68, 68, 68, 0.2);
    font-family: "Montserrat";
    padding-left: 10px;
    padding-right: 10px;
    transition: 0.3s;
    /*-webkit-box-shadow: 0px 10px 13px -7px rgb(0 0 0 / 50%), 5px 5px 15px 5px rgb(0 0 0 / 0%);
    box-shadow: 0px 10px 13px -7px rgb(0 0 0 / 50%), 5px 5px 15px 5px rgb(0 0 0 / 0%);*/
}

    .NavBar .NavBar-Btn-Glass {
        color: rgba(255, 255, 255, 0.7);
        background-color: rgba(17, 17, 17, 0);
        cursor: pointer;
    }

        .NavBar .NavBar-Btn-Glass:hover {
            border-color: #000000;
            background-color: #111111;
        }

        .NavBar .NavBar-Btn-Glass:active {
            position: relative;
            z-index: 1;
            box-shadow: 0 0 1em 0.5ex rgba(17, 17, 17, 0.5);
        }

        .NavBar .NavBar-Btn-Glass.NavBar-Btn-Primary {
            position: relative;
            float: left;
            color: rgba(255, 255, 255, 0.7);
            background-color: rgba(42, 143, 189, 0);
        }

            .NavBar .NavBar-Btn-Glass.NavBar-Btn-Primary:hover {
                position: relative;
                float: left;
                border-color: #1c607e;
                background-color: #2a8fbd;
            }

            /*Stile quando premo un tasto non in stato Active*/
            .NavBar .NavBar-Btn-Glass.NavBar-Btn-Primary:active {
                position: relative;
                float: left;
                z-index: 1;
                box-shadow: 0 0 1em 0.5ex rgba(42, 143, 189, 0.5); /*Azzurro*/
            }

            /*Stile quando premo un tasto in stato Active*/
            .NavBar .NavBar-Btn-Glass.NavBar-Btn-Primary.NavBar-Btn-Active:active {
                position: relative;
                float: left;
                z-index: 1;
                /*box-shadow: 0 0 1em 0.5ex rgba(189, 42, 174, 0.5);*/ /*Viola*/
                box-shadow: 0 0 1em 0.5ex rgba(255, 0, 0, 0.6); /*Red*/
            }

        .NavBar .NavBar-Btn-Glass.NavBar-Btn-Right {
            top: 0px;
            width: auto;
            position: relative;
            float: right;
            color: rgba(255, 255, 255, 0.7);
            background-color: rgba(42, 143, 189, 0);
            transition: 3s;
            display: block;
        }

            .NavBar .NavBar-Btn-Glass.NavBar-Btn-Right:hover {
                position: relative;
                float: right;
                border-color: #1c607e;
                background-color: #2a8fbd;
            }

            .NavBar .NavBar-Btn-Glass.NavBar-Btn-Right:active {
                position: relative;
                float: right;
                z-index: 1;
                box-shadow: 0 0 1em 0.5ex rgba(42, 143, 189, 0.5); /*Azzurro*/
            }

            .NavBar .NavBar-Btn-Glass.NavBar-Btn-Right.NavBar-Btn-Active:active {
                position: relative;
                float: right;
                z-index: 1;
                /*box-shadow: 0 0 1em 0.5ex rgba(189, 42, 174, 0.5);*/ /*Viola*/
                box-shadow: 0 0 1em 0.5ex rgba(255, 0, 0, 0.6); /*Red*/
            }

.NavBar-Btn-Glass {
    /*flex-grow: 1;*/
    text-align: center;
    display: inline-block;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    /*padding: 1em 2em;*/
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border: 1px solid transparent;
    letter-spacing: 0.98pt;
    transition: background-position 2s cubic-bezier(0, 1, 0, 1), border-color 500ms, background-color 500ms;
    position: relative;
    background-attachment: fixed, scroll;
    background-size: 100vw 100vh, cover;
    background-position: center center, 0 0;
    /*background-image: repeating-linear-gradient( -45deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.075) 10%, rgba(255, 255, 255, 0.075) 14%, rgba(255, 255, 255, 0.15) 14%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0.075) 17%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0.075) 40%, rgba(255, 255, 255, 0.15) 42%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.075) 60%, rgba(255, 255, 255, 0.075) 66%, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0.075) 70%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100% ), radial-gradient( ellipse farthest-corner, transparent, rgba(0, 0, 0, 0.2) 110% );
    background-image: repeating-linear-gradient( -45deg, rgba(255, 255, 255, 0.1) 8%, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0.3) 14%, rgba(255, 255, 255, 0.4) 14%, rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0.6) 17%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.1) 36%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.3) 42%, rgba(255, 255, 255, 0.4) 43%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0.2) 66%, rgba(255, 255, 255, 0.3) 66%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.1) 100% ), radial-gradient( ellipse farthest-corner, transparent, rgba(0, 0, 0, 0.2) 110% );*/
}

    .NavBar-Btn-Glass:hover {
        background-position: -100vw 0, 0 0;
    }

    .NavBar-Btn-Glass:active {
        background-position: -75vw 0, 0 0;
        border-style: solid;
    }

.NavBar-Btn-Active {
    /*border-color: rgba(189, 42, 174, 0.2)!important;
    background-color: rgba(189, 42, 174, 0.2)!important;*/ /*Viola*/
    border-color: rgba(255, 0, 0, 0.2) !important;
    background-color: rgba(255, 0, 0, 0.6) !important; /*Rosso*/
    color: #cff30c !important;
    background-position: -75vw 0, 0 0;
    border-style: solid;
    animation: Key-NavBar-Btn-Active infinite 10s;
    cursor: default !important;
}

.NavBar-Icon-Warrior {
    background-image: url(../Images/Warrior.01.png);
    background-size: 72px 72px;
    width: 72px;
    height: 72px;
    position: absolute;
    top: -10px;
    left: -40px;
    transition: 1s;
}

.NavBar-Span-User {
    transition: 1s;
    color: rgb(255 152 0);
}

/*Animista*/
.Animista-tilt-in-fwd-tl {
    animation-name: tilt-in-fwd-tl;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-tilt-in-fwd-tr {
    animation-name: tilt-in-fwd-tr;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-tilt-in-fwd-bl {
    animation-name: tilt-in-fwd-bl;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-tilt-in-fwd-br {
    animation-name: tilt-in-fwd-br;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-out-blurred-top {
    animation-name: slide-out-blurred-top;
    animation-duration: 0.45s;
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-out-blurred-left {
    animation-name: slide-out-blurred-left;
    animation-duration: 0.45s;
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-out-blurred-right {
    animation-name: slide-out-blurred-right;
    animation-duration: 0.45s;
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-out-blurred-bottom {
    animation-name: slide-out-blurred-bottom;
    animation-duration: 0.45s;
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-out-blurred-tr {
    animation-name: slide-out-blurred-tr;
    animation-duration: 0.45s;
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-out-blurred-tl {
    animation-name: slide-out-blurred-tl;
    animation-duration: 0.45s;
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-out-blurred-br {
    animation-name: slide-out-blurred-br;
    animation-duration: 0.45s;
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-out-blurred-bl {
    animation-name: slide-out-blurred-bl;
    animation-duration: 0.45s;
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-in-blurred-top {
    animation-name: slide-in-blurred-top;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-in-blurred-left {
    animation-name: slide-in-blurred-left;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-in-blurred-right {
    animation-name: slide-in-blurred-right;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-in-blurred-bottom {
    animation-name: slide-in-blurred-bottom;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-in-blurred-tr {
    animation-name: slide-in-blurred-tr;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-in-blurred-tl {
    animation-name: slide-in-blurred-tl;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-in-blurred-br {
    animation-name: slide-in-blurred-br;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-in-blurred-bl {
    animation-name: slide-in-blurred-bl;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-text-focus-in {
    animation-name: text-focus-in;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-text-blur-out {
    animation-name: text-blur-out;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-jello-horizontal {
    animation-name: jello-horizontal;
    animation-duration: 0.9s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-womble-ver-top {
    animation-name: womble-ver-right;
    animation-duration: 0.8s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-womble-ver-left {
    animation-name: womble-ver-left;
    animation-duration: 0.8s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-womble-ver-right {
    animation-name: womble-ver-right;
    animation-duration: 0.8s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-womble-ver-bottom {
    animation-name: womble-ver-bottom;
    animation-duration: 0.8s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-shake-bottom {
    animation-name: shake-bottom;
    animation-duration: 0.8s;
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-swing-in-top-fwd {
    animation-name: swing-in-top-fwd;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-swing-in-top-bck {
    animation-name: swing-in-top-bck;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-swing-in-left-fwd {
    animation-name: swing-in-left-fwd;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-swing-in-left-bck {
    animation-name: swing-in-left-bck;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-swing-in-right-fwd {
    animation-name: swing-in-right-fwd;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-swing-in-right-bck {
    animation-name: swing-in-right-bck;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-swing-in-bottom-fwd {
    animation-name: swing-in-bottom-fwd;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-swing-in-bottom-bck {
    animation-name: swing-in-bottom-bck;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-tilt-in-top-1 {
    animation-name: tilt-in-top-1;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-tilt-in-top-2 {
    animation-name: tilt-in-top-2;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-tilt-in-left-1 {
    animation-name: tilt-in-left-1;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-tilt-in-left-2 {
    animation-name: tilt-in-left-2;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-tilt-in-right-1 {
    animation-name: tilt-in-right-1;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-tilt-in-right-2 {
    animation-name: tilt-in-right-2;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-tilt-in-bottom-1 {
    animation-name: tilt-in-bottom-1;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-tilt-in-bottom-2 {
    animation-name: tilt-in-bottom-2;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-tilt-in-tr {
    animation-name: tilt-in-tr;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-tilt-in-bl {
    animation-name: tilt-in-bl;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-tilt-in-br {
    animation-name: tilt-in-br;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-tilt-in-tl {
    animation-name: tilt-in-tl;
    animation-duration: 0.6s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-bounce-top {
    animation-name: bounce-top;
    animation-duration: 0.9s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-bounce-left {
    animation-name: bounce-left;
    animation-duration: 0.9s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-bounce-right {
    animation-name: bounce-right;
    animation-duration: 0.9s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-bounce-bottom {
    animation-name: bounce-bottom;
    animation-duration: 0.9s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-bounce-bottom {
    animation-name: bounce-bottom;
    animation-duration: 0.9s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-in-elliptic-top-fwd {
    animation-name: slide-in-elliptic-top-fwd;
    animation-duration: 0.7s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-in-elliptic-top-bck {
    animation-name: slide-in-elliptic-top-bck;
    animation-duration: 0.7s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-in-elliptic-left-fwd {
    animation-name: slide-in-elliptic-left-fwd;
    animation-duration: 0.7s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-in-elliptic-left-bck {
    animation-name: slide-in-elliptic-left-bck;
    animation-duration: 0.7s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-in-elliptic-right-fwd {
    animation-name: slide-in-elliptic-right-fwd;
    animation-duration: 0.7s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-in-elliptic-right-bck {
    animation-name: slide-in-elliptic-right-bck;
    animation-duration: 0.7s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-in-elliptic-bottom-fwd {
    animation-name: slide-in-elliptic-bottom-fwd;
    animation-duration: 0.7s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-in-elliptic-bottom-bck {
    animation-name: slide-in-elliptic-bottom-bck;
    animation-duration: 0.7s;
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-out-elliptic-top-fwd {
    animation-name: slide-out-elliptic-top-fwd;
    animation-duration: 0.7s;
    animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-out-elliptic-top-bck {
    animation-name: slide-out-elliptic-top-bck;
    animation-duration: 0.7s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-out-elliptic-left-fwd {
    animation-name: slide-out-elliptic-left-fwd;
    animation-duration: 0.7s;
    animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-out-elliptic-left-bck {
    animation-name: slide-out-elliptic-left-bck;
    animation-duration: 0.7s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-out-elliptic-right-fwd {
    animation-name: slide-out-elliptic-right-fwd;
    animation-duration: 0.7s;
    animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-out-elliptic-right-bck {
    animation-name: slide-out-elliptic-right-bck;
    animation-duration: 0.7s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-out-elliptic-bottom-fwd {
    animation-name: slide-out-elliptic-bottom-fwd;
    animation-duration: 0.7s;
    animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}

.Animista-slide-out-elliptic-bottom-bck {
    animation-name: slide-out-elliptic-bottom-bck;
    animation-duration: 0.7s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both;
}


@-webkit-keyframes tilt-in-fwd-tl {
    0% {
        -webkit-transform: rotateY(-20deg) rotateX(35deg) translate(-300px,-300px) skew(35deg,-10deg);
        transform: rotateY(-20deg) rotateX(35deg) translate(-300px,-300px) skew(35deg,-10deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

@keyframes tilt-in-fwd-tl {
    0% {
        -webkit-transform: rotateY(-20deg) rotateX(35deg) translate(-300px,-300px) skew(35deg,-10deg);
        transform: rotateY(-20deg) rotateX(35deg) translate(-300px,-300px) skew(35deg,-10deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0
    }

    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0
    }

    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes text-blur-out {
    0% {
        -webkit-filter: blur(.01);
        filter: blur(.01)
    }

    100% {
        -webkit-filter: blur(12px) opacity(0);
        filter: blur(12px) opacity(0)
    }
}

@keyframes text-blur-out {
    0% {
        -webkit-filter: blur(.01);
        filter: blur(.01)
    }

    100% {
        -webkit-filter: blur(12px) opacity(0);
        filter: blur(12px) opacity(0)
    }
}

@-webkit-keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

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

@keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

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

@-webkit-keyframes slide-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-fwd-tr {
    0% {
        -webkit-transform: rotateY(20deg) rotateX(35deg) translate(300px,-300px) skew(-35deg,10deg);
        transform: rotateY(20deg) rotateX(35deg) translate(300px,-300px) skew(-35deg,10deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

@keyframes tilt-in-fwd-tr {
    0% {
        -webkit-transform: rotateY(20deg) rotateX(35deg) translate(300px,-300px) skew(-35deg,10deg);
        transform: rotateY(20deg) rotateX(35deg) translate(300px,-300px) skew(-35deg,10deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-fwd-bl {
    0% {
        -webkit-transform: rotateY(-20deg) rotateX(-35deg) translate(-300px,300px) skew(-35deg,10deg);
        transform: rotateY(-20deg) rotateX(-35deg) translate(-300px,300px) skew(-35deg,10deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

@keyframes tilt-in-fwd-bl {
    0% {
        -webkit-transform: rotateY(-20deg) rotateX(-35deg) translate(-300px,300px) skew(-35deg,10deg);
        transform: rotateY(-20deg) rotateX(-35deg) translate(-300px,300px) skew(-35deg,10deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-fwd-br {
    0% {
        -webkit-transform: rotateY(20deg) rotateX(-35deg) translate(300px,300px) skew(35deg,-10deg);
        transform: rotateY(20deg) rotateX(-35deg) translate(300px,300px) skew(35deg,-10deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

@keyframes tilt-in-fwd-br {
    0% {
        -webkit-transform: rotateY(20deg) rotateX(-35deg) translate(300px,300px) skew(35deg,-10deg);
        transform: rotateY(20deg) rotateX(-35deg) translate(300px,300px) skew(35deg,-10deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

@-webkit-keyframes wobble-hor-bottom {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateX(-30px) rotate(-6deg);
        transform: translateX(-30px) rotate(-6deg)
    }

    30% {
        -webkit-transform: translateX(15px) rotate(6deg);
        transform: translateX(15px) rotate(6deg)
    }

    45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg);
        transform: translateX(-15px) rotate(-3.6deg)
    }

    60% {
        -webkit-transform: translateX(9px) rotate(2.4deg);
        transform: translateX(9px) rotate(2.4deg)
    }

    75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg);
        transform: translateX(-6px) rotate(-1.2deg)
    }
}

@keyframes wobble-hor-bottom {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateX(-30px) rotate(-6deg);
        transform: translateX(-30px) rotate(-6deg)
    }

    30% {
        -webkit-transform: translateX(15px) rotate(6deg);
        transform: translateX(15px) rotate(6deg)
    }

    45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg);
        transform: translateX(-15px) rotate(-3.6deg)
    }

    60% {
        -webkit-transform: translateX(9px) rotate(2.4deg);
        transform: translateX(9px) rotate(2.4deg)
    }

    75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg);
        transform: translateX(-6px) rotate(-1.2deg)
    }
}

@-webkit-keyframes wobble-hor-top {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateX(-30px) rotate(6deg);
        transform: translateX(-30px) rotate(6deg)
    }

    30% {
        -webkit-transform: translateX(15px) rotate(-6deg);
        transform: translateX(15px) rotate(-6deg)
    }

    45% {
        -webkit-transform: translateX(-15px) rotate(3.6deg);
        transform: translateX(-15px) rotate(3.6deg)
    }

    60% {
        -webkit-transform: translateX(9px) rotate(-2.4deg);
        transform: translateX(9px) rotate(-2.4deg)
    }

    75% {
        -webkit-transform: translateX(-6px) rotate(1.2deg);
        transform: translateX(-6px) rotate(1.2deg)
    }
}

@keyframes wobble-hor-top {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateX(-30px) rotate(6deg);
        transform: translateX(-30px) rotate(6deg)
    }

    30% {
        -webkit-transform: translateX(15px) rotate(-6deg);
        transform: translateX(15px) rotate(-6deg)
    }

    45% {
        -webkit-transform: translateX(-15px) rotate(3.6deg);
        transform: translateX(-15px) rotate(3.6deg)
    }

    60% {
        -webkit-transform: translateX(9px) rotate(-2.4deg);
        transform: translateX(9px) rotate(-2.4deg)
    }

    75% {
        -webkit-transform: translateX(-6px) rotate(1.2deg);
        transform: translateX(-6px) rotate(1.2deg)
    }
}

@-webkit-keyframes wobble-ver-left {
    0%,100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateY(-30px) rotate(-6deg);
        transform: translateY(-30px) rotate(-6deg)
    }

    30% {
        -webkit-transform: translateY(15px) rotate(6deg);
        transform: translateY(15px) rotate(6deg)
    }

    45% {
        -webkit-transform: translateY(-15px) rotate(-3.6deg);
        transform: translateY(-15px) rotate(-3.6deg)
    }

    60% {
        -webkit-transform: translateY(9px) rotate(2.4deg);
        transform: translateY(9px) rotate(2.4deg)
    }

    75% {
        -webkit-transform: translateY(-6px) rotate(-1.2deg);
        transform: translateY(-6px) rotate(-1.2deg)
    }
}

@keyframes wobble-ver-left {
    0%,100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateY(-30px) rotate(-6deg);
        transform: translateY(-30px) rotate(-6deg)
    }

    30% {
        -webkit-transform: translateY(15px) rotate(6deg);
        transform: translateY(15px) rotate(6deg)
    }

    45% {
        -webkit-transform: translateY(-15px) rotate(-3.6deg);
        transform: translateY(-15px) rotate(-3.6deg)
    }

    60% {
        -webkit-transform: translateY(9px) rotate(2.4deg);
        transform: translateY(9px) rotate(2.4deg)
    }

    75% {
        -webkit-transform: translateY(-6px) rotate(-1.2deg);
        transform: translateY(-6px) rotate(-1.2deg)
    }
}

@-webkit-keyframes wobble-ver-right {
    0%,100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateY(-30px) rotate(6deg);
        transform: translateY(-30px) rotate(6deg)
    }

    30% {
        -webkit-transform: translateY(15px) rotate(-6deg);
        transform: translateY(15px) rotate(-6deg)
    }

    45% {
        -webkit-transform: translateY(-15px) rotate(3.6deg);
        transform: translateY(-15px) rotate(3.6deg)
    }

    60% {
        -webkit-transform: translateY(9px) rotate(-2.4deg);
        transform: translateY(9px) rotate(-2.4deg)
    }

    75% {
        -webkit-transform: translateY(-6px) rotate(1.2deg);
        transform: translateY(-6px) rotate(1.2deg)
    }
}

@keyframes wobble-ver-right {
    0%,100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    15% {
        -webkit-transform: translateY(-30px) rotate(6deg);
        transform: translateY(-30px) rotate(6deg)
    }

    30% {
        -webkit-transform: translateY(15px) rotate(-6deg);
        transform: translateY(15px) rotate(-6deg)
    }

    45% {
        -webkit-transform: translateY(-15px) rotate(3.6deg);
        transform: translateY(-15px) rotate(3.6deg)
    }

    60% {
        -webkit-transform: translateY(9px) rotate(-2.4deg);
        transform: translateY(9px) rotate(-2.4deg)
    }

    75% {
        -webkit-transform: translateY(-6px) rotate(1.2deg);
        transform: translateY(-6px) rotate(1.2deg)
    }
}

@-webkit-keyframes shake-bottom {
    0%,100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }

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

    20%,40%,60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

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

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

@keyframes shake-bottom {
    0%,100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }

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

    20%,40%,60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    30%,50%,70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

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

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

@-webkit-keyframes slide-out-blurred-top {
    0% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-1000px) scaleY(2) scaleX(.2);
        transform: translateY(-1000px) scaleY(2) scaleX(.2);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes slide-out-blurred-top {
    0% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-1000px) scaleY(2) scaleX(.2);
        transform: translateY(-1000px) scaleY(2) scaleX(.2);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

@-webkit-keyframes slide-out-blurred-left {
    0% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-1000px) scaleX(2) scaleY(.2);
        transform: translateX(-1000px) scaleX(2) scaleY(.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes slide-out-blurred-left {
    0% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-1000px) scaleX(2) scaleY(.2);
        transform: translateX(-1000px) scaleX(2) scaleY(.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

@-webkit-keyframes slide-out-blurred-tr {
    0% {
        -webkit-transform: translate(0,0) skew(0deg,0deg);
        transform: translate(0,0) skew(0deg,0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

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

@keyframes slide-out-blurred-tr {
    0% {
        -webkit-transform: translate(0,0) skew(0deg,0deg);
        transform: translate(0,0) skew(0deg,0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

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

@-webkit-keyframes slide-out-blurred-tl {
    0% {
        -webkit-transform: translate(0,0) skew(0deg,0deg);
        transform: translate(0,0) skew(0deg,0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

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

@keyframes slide-out-blurred-tl {
    0% {
        -webkit-transform: translate(0,0) skew(0deg,0deg);
        transform: translate(0,0) skew(0deg,0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

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

@-webkit-keyframes slide-out-blurred-right {
    0% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(1000px) scaleX(2) scaleY(.2);
        transform: translateX(1000px) scaleX(2) scaleY(.2);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes slide-out-blurred-right {
    0% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(1000px) scaleX(2) scaleY(.2);
        transform: translateX(1000px) scaleX(2) scaleY(.2);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

@-webkit-keyframes slide-out-blurred-bottom {
    0% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(1000px) scaleY(2) scaleX(.2);
        transform: translateY(1000px) scaleY(2) scaleX(.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes slide-out-blurred-bottom {
    0% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(1000px) scaleY(2) scaleX(.2);
        transform: translateY(1000px) scaleY(2) scaleX(.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }
}

@-webkit-keyframes slide-out-blurred-br {
    0% {
        -webkit-transform: translate(0,0) skew(0deg,0deg);
        transform: translate(0,0) skew(0deg,0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

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

@keyframes slide-out-blurred-br {
    0% {
        -webkit-transform: translate(0,0) skew(0deg,0deg);
        transform: translate(0,0) skew(0deg,0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

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

@-webkit-keyframes slide-out-blurred-bl {
    0% {
        -webkit-transform: translate(0,0) skew(0deg,0deg);
        transform: translate(0,0) skew(0deg,0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

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

@keyframes slide-out-blurred-bl {
    0% {
        -webkit-transform: translate(0,0) skew(0deg,0deg);
        transform: translate(0,0) skew(0deg,0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

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

@-webkit-keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1
    }
}

@keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1
    }
}

@-webkit-keyframes swing-in-top-bck {
    0% {
        -webkit-transform: rotateX(70deg);
        transform: rotateX(70deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1
    }
}

@keyframes swing-in-top-bck {
    0% {
        -webkit-transform: rotateX(70deg);
        transform: rotateX(70deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1
    }
}

@-webkit-keyframes swing-in-left-fwd {
    0% {
        -webkit-transform: rotateY(100deg);
        transform: rotateY(100deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1
    }
}

@keyframes swing-in-left-fwd {
    0% {
        -webkit-transform: rotateY(100deg);
        transform: rotateY(100deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1
    }
}

@-webkit-keyframes swing-in-left-bck {
    0% {
        -webkit-transform: rotateY(-70deg);
        transform: rotateY(-70deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1
    }
}

@keyframes swing-in-left-bck {
    0% {
        -webkit-transform: rotateY(-70deg);
        transform: rotateY(-70deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        opacity: 1
    }
}

@-webkit-keyframes swing-in-right-fwd {
    0% {
        -webkit-transform: rotateY(-100deg);
        transform: rotateY(-100deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1
    }
}

@keyframes swing-in-right-fwd {
    0% {
        -webkit-transform: rotateY(-100deg);
        transform: rotateY(-100deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1
    }
}

@-webkit-keyframes swing-in-right-bck {
    0% {
        -webkit-transform: rotateY(70deg);
        transform: rotateY(70deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1
    }
}

@keyframes swing-in-right-bck {
    0% {
        -webkit-transform: rotateY(70deg);
        transform: rotateY(70deg);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1
    }
}

@-webkit-keyframes swing-in-bottom-fwd {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 1
    }
}

@keyframes swing-in-bottom-fwd {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 1
    }
}

@-webkit-keyframes swing-in-bottom-bck {
    0% {
        -webkit-transform: rotateX(-70deg);
        transform: rotateX(-70deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 1
    }
}

@keyframes swing-in-bottom-bck {
    0% {
        -webkit-transform: rotateX(-70deg);
        transform: rotateX(-70deg);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        opacity: 1
    }
}

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

    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1
    }
}

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

    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-top-2 {
    0% {
        -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
        transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1
    }
}

@keyframes tilt-in-top-2 {
    0% {
        -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
        transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes tilt-in-left-2 {
    0% {
        -webkit-transform: rotateX(30deg) translateX(-300px) skewX(30deg);
        transform: rotateX(30deg) translateX(-300px) skewX(30deg);
        opacity: 0
    }

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

@keyframes tilt-in-left-2 {
    0% {
        -webkit-transform: rotateX(30deg) translateX(-300px) skewX(30deg);
        transform: rotateX(30deg) translateX(-300px) skewX(30deg);
        opacity: 0
    }

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

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

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

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

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

@-webkit-keyframes tilt-in-right-2 {
    0% {
        -webkit-transform: rotateX(30deg) translateX(300px) skewX(-30deg);
        transform: rotateX(30deg) translateX(300px) skewX(-30deg);
        opacity: 0
    }

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

@keyframes tilt-in-right-2 {
    0% {
        -webkit-transform: rotateX(30deg) translateX(300px) skewX(-30deg);
        transform: rotateX(30deg) translateX(300px) skewX(-30deg);
        opacity: 0
    }

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

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

    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1
    }
}

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

    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes tilt-in-bottom-2 {
    0% {
        -webkit-transform: rotateY(-30deg) translateY(300px) skewY(30deg);
        transform: rotateY(-30deg) translateY(300px) skewY(30deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1
    }
}

@keyframes tilt-in-bottom-2 {
    0% {
        -webkit-transform: rotateY(-30deg) translateY(300px) skewY(30deg);
        transform: rotateY(-30deg) translateY(300px) skewY(30deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
        transform: rotateY(0deg) translateY(0) skewY(0deg);
        opacity: 1
    }
}

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

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

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

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

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

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

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

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

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

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

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

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

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

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

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

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(.2);
        transform: translateX(1000px) scaleX(2.5) scaleY(.2);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(.2);
        transform: translateX(1000px) scaleX(2.5) scaleY(.2);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-tr {
    0% {
        -webkit-transform: translate(1000px,-1000px) skew(-80deg,-10deg);
        transform: translate(1000px,-1000px) skew(-80deg,-10deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0,0) skew(0deg,0deg);
        transform: translate(0,0) skew(0deg,0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-tr {
    0% {
        -webkit-transform: translate(1000px,-1000px) skew(-80deg,-10deg);
        transform: translate(1000px,-1000px) skew(-80deg,-10deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0,0) skew(0deg,0deg);
        transform: translate(0,0) skew(0deg,0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-tl {
    0% {
        -webkit-transform: translate(-1000px,-1000px) skew(80deg,10deg);
        transform: translate(-1000px,-1000px) skew(80deg,10deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0,0) skew(0deg,0deg);
        transform: translate(0,0) skew(0deg,0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-tl {
    0% {
        -webkit-transform: translate(-1000px,-1000px) skew(80deg,10deg);
        transform: translate(-1000px,-1000px) skew(80deg,10deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0,0) skew(0deg,0deg);
        transform: translate(0,0) skew(0deg,0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-br {
    0% {
        -webkit-transform: translate(1000px,1000px) skew(80deg,10deg);
        transform: translate(1000px,1000px) skew(80deg,10deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0,0) skew(0deg,0deg);
        transform: translate(0,0) skew(0deg,0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-br {
    0% {
        -webkit-transform: translate(1000px,1000px) skew(80deg,10deg);
        transform: translate(1000px,1000px) skew(80deg,10deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0,0) skew(0deg,0deg);
        transform: translate(0,0) skew(0deg,0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-bl {
    0% {
        -webkit-transform: translate(-1000px,1000px) skew(-80deg,-10deg);
        transform: translate(-1000px,1000px) skew(-80deg,-10deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0,0) skew(0deg,0deg);
        transform: translate(0,0) skew(0deg,0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-bl {
    0% {
        -webkit-transform: translate(-1000px,1000px) skew(-80deg,-10deg);
        transform: translate(-1000px,1000px) skew(-80deg,-10deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0,0) skew(0deg,0deg);
        transform: translate(0,0) skew(0deg,0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
}

@keyframes bounce-top {
    0% {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
}

@-webkit-keyframes bounce-bottom {
    0% {
        -webkit-transform: translateY(45px);
        transform: translateY(45px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(24px);
        transform: translateY(24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
}

@keyframes bounce-bottom {
    0% {
        -webkit-transform: translateY(45px);
        transform: translateY(45px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(24px);
        transform: translateY(24px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
}

@-webkit-keyframes bounce-left {
    0% {
        -webkit-transform: translateX(-48px);
        transform: translateX(-48px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateX(-26px);
        transform: translateX(-26px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateX(-13px);
        transform: translateX(-13px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateX(-6.5px);
        transform: translateX(-6.5px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87%,98% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
}

@keyframes bounce-left {
    0% {
        -webkit-transform: translateX(-48px);
        transform: translateX(-48px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateX(-26px);
        transform: translateX(-26px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateX(-13px);
        transform: translateX(-13px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateX(-6.5px);
        transform: translateX(-6.5px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87%,98% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
}

@-webkit-keyframes bounce-right {
    0% {
        -webkit-transform: translateX(48px);
        transform: translateX(48px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateX(26px);
        transform: translateX(26px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateX(13px);
        transform: translateX(13px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateX(6.5px);
        transform: translateX(6.5px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87%,98% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
}

@keyframes bounce-right {
    0% {
        -webkit-transform: translateX(48px);
        transform: translateX(48px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }

    24% {
        opacity: 1
    }

    40% {
        -webkit-transform: translateX(26px);
        transform: translateX(26px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    65% {
        -webkit-transform: translateX(13px);
        transform: translateX(13px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    82% {
        -webkit-transform: translateX(6.5px);
        transform: translateX(6.5px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    93% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    25%,55%,75%,87%,98% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-elliptic-top-fwd {
    0% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-top-fwd {
    0% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-elliptic-left-fwd {
    0% {
        -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
        transform: translateX(-800px) rotateY(30deg) scale(0);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 1800px 50%;
        transform-origin: 1800px 50%;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-left-fwd {
    0% {
        -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
        transform: translateX(-800px) rotateY(30deg) scale(0);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 1800px 50%;
        transform-origin: 1800px 50%;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-elliptic-top-bck {
    0% {
        -webkit-transform: translateY(-600px) rotateX(30deg) scale(6.5);
        transform: translateY(-600px) rotateX(30deg) scale(6.5);
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% -500px;
        transform-origin: 50% -500px;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-top-bck {
    0% {
        -webkit-transform: translateY(-600px) rotateX(30deg) scale(6.5);
        transform: translateY(-600px) rotateX(30deg) scale(6.5);
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% -500px;
        transform-origin: 50% -500px;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-elliptic-left-bck {
    0% {
        -webkit-transform: translateX(-800px) rotateY(-30deg) scale(6.5);
        transform: translateX(-800px) rotateY(-30deg) scale(6.5);
        -webkit-transform-origin: 200% 50%;
        transform-origin: 200% 50%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: -600px 50%;
        transform-origin: -600px 50%;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-left-bck {
    0% {
        -webkit-transform: translateX(-800px) rotateY(-30deg) scale(6.5);
        transform: translateX(-800px) rotateY(-30deg) scale(6.5);
        -webkit-transform-origin: 200% 50%;
        transform-origin: 200% 50%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: -600px 50%;
        transform-origin: -600px 50%;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-elliptic-right-fwd {
    0% {
        -webkit-transform: translateX(800px) rotateY(-30deg) scale(0);
        transform: translateX(800px) rotateY(-30deg) scale(0);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: -1800px 50%;
        transform-origin: -1800px 50%;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-right-fwd {
    0% {
        -webkit-transform: translateX(800px) rotateY(-30deg) scale(0);
        transform: translateX(800px) rotateY(-30deg) scale(0);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: -1800px 50%;
        transform-origin: -1800px 50%;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-elliptic-right-bck {
    0% {
        -webkit-transform: translateX(800px) rotateY(30deg) scale(6.5);
        transform: translateX(800px) rotateY(30deg) scale(6.5);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 600px 50%;
        transform-origin: 600px 50%;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-right-bck {
    0% {
        -webkit-transform: translateX(800px) rotateY(30deg) scale(6.5);
        transform: translateX(800px) rotateY(30deg) scale(6.5);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 600px 50%;
        transform-origin: 600px 50%;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-elliptic-bottom-fwd {
    0% {
        -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
        transform: translateY(600px) rotateX(30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% -1400px;
        transform-origin: 50% -1400px;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-bottom-fwd {
    0% {
        -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
        transform: translateY(600px) rotateX(30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% -1400px;
        transform-origin: 50% -1400px;
        opacity: 1
    }
}

@-webkit-keyframes slide-in-elliptic-bottom-bck {
    0% {
        -webkit-transform: translateY(600px) rotateX(-30deg) scale(6.5);
        transform: translateY(600px) rotateX(-30deg) scale(6.5);
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 500px;
        transform-origin: 50% 500px;
        opacity: 1
    }
}

@keyframes slide-in-elliptic-bottom-bck {
    0% {
        -webkit-transform: translateY(600px) rotateX(-30deg) scale(6.5);
        transform: translateY(600px) rotateX(-30deg) scale(6.5);
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 500px;
        transform-origin: 50% 500px;
        opacity: 1
    }
}

@-webkit-keyframes slide-out-elliptic-top-bck {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1
    }

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

@keyframes slide-out-elliptic-top-bck {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1
    }

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

@-webkit-keyframes slide-out-elliptic-left-bck {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 2000px 50%;
        transform-origin: 2000px 50%;
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-1000px) rotateY(30deg) scale(0);
        transform: translateX(-1000px) rotateY(30deg) scale(0);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 1
    }
}

@keyframes slide-out-elliptic-left-bck {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 2000px 50%;
        transform-origin: 2000px 50%;
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-1000px) rotateY(30deg) scale(0);
        transform: translateX(-1000px) rotateY(30deg) scale(0);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 1
    }
}

@-webkit-keyframes slide-out-elliptic-top-fwd {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% -500px;
        transform-origin: 50% -500px;
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-600px) rotateX(20deg) scale(6);
        transform: translateY(-600px) rotateX(20deg) scale(6);
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        opacity: 0
    }
}

@keyframes slide-out-elliptic-top-fwd {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% -500px;
        transform-origin: 50% -500px;
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-600px) rotateX(20deg) scale(6);
        transform: translateY(-600px) rotateX(20deg) scale(6);
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-elliptic-left-fwd {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: -500px 50%;
        transform-origin: -500px 50%;
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-1000px) rotateY(-20deg) scale(6);
        transform: translateX(-1000px) rotateY(-20deg) scale(6);
        -webkit-transform-origin: 200% 50%;
        transform-origin: 200% 50%;
        opacity: 0
    }
}

@keyframes slide-out-elliptic-left-fwd {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: -500px 50%;
        transform-origin: -500px 50%;
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-1000px) rotateY(-20deg) scale(6);
        transform: translateX(-1000px) rotateY(-20deg) scale(6);
        -webkit-transform-origin: 200% 50%;
        transform-origin: 200% 50%;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-elliptic-right-bck {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: -1800px 50%;
        transform-origin: -1800px 50%;
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(1000px) rotateY(-30deg) scale(0);
        transform: translateX(1000px) rotateY(-30deg) scale(0);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 1
    }
}

@keyframes slide-out-elliptic-right-bck {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: -1800px 50%;
        transform-origin: -1800px 50%;
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(1000px) rotateY(-30deg) scale(0);
        transform: translateX(1000px) rotateY(-30deg) scale(0);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 1
    }
}

@-webkit-keyframes slide-out-elliptic-right-fwd {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 600px 50%;
        transform-origin: 600px 50%;
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(1000px) rotateY(20deg) scale(6);
        transform: translateX(1000px) rotateY(20deg) scale(6);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 0
    }
}

@keyframes slide-out-elliptic-right-fwd {
    0% {
        -webkit-transform: translateX(0) rotateY(0) scale(1);
        transform: translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin: 600px 50%;
        transform-origin: 600px 50%;
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(1000px) rotateY(20deg) scale(6);
        transform: translateX(1000px) rotateY(20deg) scale(6);
        -webkit-transform-origin: -100% 50%;
        transform-origin: -100% 50%;
        opacity: 0
    }
}

@-webkit-keyframes slide-out-elliptic-bottom-bck {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% -1400px;
        transform-origin: 50% -1400px;
        opacity: 1
    }

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

@keyframes slide-out-elliptic-bottom-bck {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% -1400px;
        transform-origin: 50% -1400px;
        opacity: 1
    }

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

@-webkit-keyframes slide-out-elliptic-bottom-fwd {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 500px;
        transform-origin: 50% 500px;
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(600px) rotateX(-20deg) scale(6);
        transform: translateY(600px) rotateX(-20deg) scale(6);
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        opacity: 0
    }
}

@keyframes slide-out-elliptic-bottom-fwd {
    0% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 500px;
        transform-origin: 50% 500px;
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(600px) rotateX(-20deg) scale(6);
        transform: translateY(600px) rotateX(-20deg) scale(6);
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        opacity: 0
    }
}