@-webkit-keyframes scale-in-center-alt{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:.2
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes scale-in-center-alt{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:.2
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}

@-webkit-keyframes animlogo{
    0%{
        stroke-opacity:.6
    }
    15%{
        fill:transparent
    }
    55%{
        stroke-dashoffset:0;
        stroke-opacity:1
    }
    to{
        fill:#3e3e3e;
        stroke-dashoffset:0
    }
}
@keyframes animlogo{
    0%{
        stroke-opacity:.6
    }
    15%{
        fill:transparent
    }
    55%{
        stroke-dashoffset:0;
        stroke-opacity:1
    }
    to{
        fill:#3e3e3e;
        stroke-dashoffset:0
    }
}

@-webkit-keyframes heart-it{
    0%{
        stroke-opacity:0
    }
    to{
        stroke-opacity:1;
        fill:#3e3e3e
    }
}
@keyframes heart-it{
    0%{
        stroke-opacity:0
    }
    to{
        stroke-opacity:1;
        fill:#3e3e3e
    }
}

@-webkit-keyframes heartbeat{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    10%{
        -webkit-transform:scale(.91);
        transform:scale(.91);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    17%{
        -webkit-transform:scale(.98);
        transform:scale(.98);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    33%{
        -webkit-transform:scale(.87);
        transform:scale(.87);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
}
@keyframes heartbeat{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    10%{
        -webkit-transform:scale(.91);
        transform:scale(.91);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    17%{
        -webkit-transform:scale(.98);
        transform:scale(.98);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    33%{
        -webkit-transform:scale(.87);
        transform:scale(.87);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
}

@-webkit-keyframes slide-out-left-alt{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(-120%);
        transform:translateX(-120%);
        opacity:1
    }
}
@keyframes slide-out-left-alt{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(-120%);
        transform:translateX(-120%);
        opacity:1
    }
}
@-webkit-keyframes slide-out-right-alt{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(120%);
        transform:translateX(120%);
        opacity:1
    }
}
@keyframes slide-out-right-alt{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(120%);
        transform:translateX(120%);
        opacity:1
    }
}
@-webkit-keyframes slide-in-left-alt{
    0%{
        -webkit-transform:translateX(120%);
        transform:translateX(120%);
        opacity:1
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes slide-in-left-alt{
    0%{
        -webkit-transform:translateX(120%);
        transform:translateX(120%);
        opacity:1
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-right-alt{
    0%{
        -webkit-transform:translateX(-120%);
        transform:translateX(-120%);
        opacity:1
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes slide-in-right-alt{
    0%{
        -webkit-transform:translateX(-120%);
        transform:translateX(-120%);
        opacity:1
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
.no-mobiledevice .anim-demo .btn-controls:hover{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    transition:transform .15s ease;
    transition:transform .15s ease,-webkit-transform .15s ease
}
.no-mobiledevice .anim-demo .btn-controls:hover#btn-replay:after{
    -webkit-animation:rotate-center .4s cubic-bezier(.68,-.55,.265,1.55) both;
    animation:rotate-center .4s cubic-bezier(.68,-.55,.265,1.55) both
}
.no-mobiledevice .anim-demo .btn-controls:hover#btn-fav:after,.no-mobiledevice .anim-demo .btn-controls:hover#btn-generate:after{
    -webkit-animation:pulsate-fwd .3s ease-in-out both;
    animation:pulsate-fwd .3s ease-in-out both
}
.no-mobiledevice .anim-demo .btn-controls:active{
    -webkit-transform:scale(1);
    transform:scale(1);
    box-shadow:0 1px 1px 0 rgba(0,0,0,.09);
    transition:transform .1s ease;
    transition:transform .1s ease,-webkit-transform .1s ease
}
.site-footer{
    position:relative;
    margin:0;
    color:#3e3e3e;
    padding:20px
}
@media (max-width:767px){
    .site-footer{
        text-align:center;
        padding:20px 12px
    }
    .site-footer.mob-fixed{
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        padding:5px 12px;
        height:45px;
        text-align:center;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.site-footer p{
    font:12px/1.2 'TeXGyreAdventorRegular';
    letter-spacing:.12em;
    text-transform:uppercase;
    padding:0;
    margin:0 4px 0 0
}
@media (max-width:767px){
    .site-footer p{
        font-size:10px;
        letter-spacing:.09em
    }
    .site-footer p .share-txt{
        display:none
    }
}
.site-footer a,.site-footer a:visited{
    font-weight:700;
    position:relative;
    text-decoration:none;
    color:#3e3e3e
}
.no-mobiledevice #carbonads a.carbon-text:hover,.site-footer .author-container p.author-info a:active,.site-footer .author-container p.author-info a:hover,.site-footer a:active,.site-footer a:hover,.site-footer a:visited:active,.site-footer a:visited:hover{
    color:#ff6060;
    text-decoration:none
}
.site-footer a.inline-link,.site-footer a:visited.inline-link{
    display:inline-block;
    padding-left:6px
}
.site-footer .author-container{
    margin:0;
    padding:0;
    text-align:center
}
.site-footer .author-container .flex-wrapper{
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.site-footer .author-container p.author-info{
    display:inline-block;
    margin-right:10px
}
.site-footer .social-wrapper .social-icons{
    width:100%;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.site-footer .social-wrapper .social-icon,.site-footer .social-wrapper .social-icon:active{
    margin-left:3px
}
@media (max-width:767px){
    .site-footer .social-wrapper .social-icon,.site-footer .social-wrapper .social-icon:active{
        display:none
    }
}
.site-footer .share-container{
    margin:0;
    padding:0;
    text-align:right
}
@font-face{
    font-family:'TeXGyreAdventorRegular';
    src:url(/webfonts/texgyreadventor-regular-webfont.eot);
    src:url(/webfonts/texgyreadventor-regular-webfont.eot?#iefix) format('embedded-opentype'),url(/webfonts/texgyreadventor-regular-webfont.woff2) format('woff2'),url(/webfonts/texgyreadventor-regular-webfont.woff) format('woff'),url(/webfonts/texgyreadventor-regular-webfont.ttf) format('truetype'),url(images/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular) format('svg');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'TeXGyreAdventorBold';
    src:url(/webfonts/texgyreadventor-bold-webfont.eot);
    src:url(/webfonts/texgyreadventor-bold-webfont.eot?#iefix) format('embedded-opentype'),url(/webfonts/texgyreadventor-bold-webfont.woff2) format('woff2'),url(/webfonts/texgyreadventor-bold-webfont.woff) format('woff'),url(/webfonts/texgyreadventor-bold-webfont.ttf) format('truetype'),url(images/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold) format('svg');
    font-weight:400;
    font-style:normal
}
.mobile-wrapper{
    display:none;
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:10000;
    background:#fff;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.mobile-wrapper .intro{
    padding:30px;
    -webkit-perspective:500px;
    perspective:500px
}
@media (max-width:320px){
    .mobile-wrapper .intro{
        padding:20px
    }
}
.mobile-wrapper .lines-wrapper{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden
}
.mobile-wrapper .lines-wrapper .line{
    position:absolute;
    background-color:#cacaca
}
.mobile-wrapper .lines-wrapper .line.line-t{
    top:0;
    left:0;
    width:100%;
    height:1px
}
.mobile-wrapper .lines-wrapper .line.line-r{
    top:0;
    right:0;
    width:1px;
    height:100%
}
.mobile-wrapper .lines-wrapper .line.line-b{
    bottom:0;
    left:0;
    width:100%;
    height:1px
}
.mobile-wrapper .lines-wrapper .line.line-l{
    bottom:0;
    left:0;
    width:1px;
    height:100%
}
.mobile-wrapper .content-wrapper{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-align-content:center;
    -ms-flex-line-pack:center;
    align-content:center;
    height:100%;
    text-align:center;
    margin:0;
    position:relative;
    padding:8% 15%
}
@media (max-width:480px){
    .mobile-wrapper .content-wrapper{
        padding:8% 12%
    }
}
@media (max-width:320px){
    .mobile-wrapper .content-wrapper{
        padding:8% 10%
    }
}
@media (min-device-width:320px) and (orientation:landscape){
    .mobile-wrapper .content-wrapper{
        padding:5% 8%
    }
}
.mobile-wrapper .logo{
    display:block;
    position:relative;
    width:90%;
    padding:0;
    margin:0 0 2.5em;
    text-align:center;
    transition:all .3s ease
}
@media (max-width:480px){
    .mobile-wrapper .logo{
        margin-bottom:1.5em;
        width:100%
    }
}
@media (max-width:320px){
    .mobile-wrapper .logo{
        width:100%
    }
}
@media (min-device-width:320px) and (orientation:landscape){
    .mobile-wrapper .logo{
        width:50%;
        margin-bottom:.8em
    }
}
.mobile-wrapper .logo path{
    stroke:transparent;
    stroke-width:1px;
    stroke-dasharray:1000;
    stroke-dashoffset:1000;
    stroke-linecap:round;
    stroke-linejoin:round;
    fill:transparent;
    -webkit-animation:animlogo 3.9s ease-out both;
    animation:animlogo 3.9s ease-out both;
    stroke:rgba(62,62,62,.7)
}
.mobile-wrapper .logo svg #animista-logo-outline #letter-1{
    -webkit-animation-delay:.16s;
    animation-delay:.16s
}
.mobile-wrapper .logo svg #animista-logo-outline #letter-2{
    -webkit-animation-delay:.32s;
    animation-delay:.32s
}
.mobile-wrapper .logo svg #animista-logo-outline #letter-3{
    -webkit-animation-delay:.48s;
    animation-delay:.48s
}
.mobile-wrapper .logo svg #animista-logo-outline #letter-4{
    -webkit-animation-delay:.64s;
    animation-delay:.64s
}
.mobile-wrapper .logo svg #animista-logo-outline #letter-5{
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
.mobile-wrapper .logo svg #animista-logo-outline #letter-6{
    -webkit-animation-delay:.96s;
    animation-delay:.96s
}
.mobile-wrapper .logo svg #animista-logo-outline #letter-7{
    -webkit-animation-delay:1.12s;
    animation-delay:1.12s
}
@keyframes animlogo{
    15%{
        fill:transparent
    }
    55%{
        stroke-dashoffset:0
    }
    to{
        fill:#3e3e3e;
        stroke-dashoffset:0
    }
}
.mobile-wrapper .beta-wrapper{
    display:block;
    position:absolute;
    top:0;
    right:0;
    overflow:hidden
}
@media (min-device-width:320px) and (orientation:landscape){
    .mobile-wrapper .beta-wrapper{
        right:-20px;
        top:5px
    }
}
.mobile-wrapper .beta-wrapper .beta{
    font:12px/1 'TeXGyreAdventorRegular';
    text-transform:uppercase;
    color:#b1b1b1;
    letter-spacing:.1em
}
@media (max-width:480px){
    .mobile-wrapper .beta-wrapper .beta{
        letter-spacing:.05em;
        font-size:11px
    }
}
@media (max-width:320px){
    .mobile-wrapper .beta-wrapper .beta{
        font-size:10px
    }
}
@media (min-device-width:320px) and (orientation:landscape){
    .mobile-wrapper .beta-wrapper .beta{
        font-size:11px
    }
}
.mobile-wrapper .text-wrapper{
    margin-bottom:0;
    padding:0;
    color:#3e3e3e;
    position:relative
}
.mobile-wrapper .text-wrapper .subtitle{
    font-family:'TeXGyreAdventorRegular';
    font-size:16px;
    font-weight:400;
    line-height:1.3;
    padding:0;
    margin:0 0 4em;
    text-transform:uppercase;
    color:#3e3e3e;
    letter-spacing:.15em
}
@media (max-width:480px){
    .mobile-wrapper .text-wrapper .subtitle{
        font-size:14px;
        letter-spacing:.12em;
        margin-bottom:3.7em
    }
}
@media (max-width:320px){
    .mobile-wrapper .text-wrapper .subtitle{
        font-size:14px;
        letter-spacing:.08em;
        margin-bottom:3em
    }
}
@media (min-device-width:320px) and (orientation:landscape){
    .mobile-wrapper .text-wrapper .subtitle{
        letter-spacing:.1em;
        font-size:14px;
        margin-bottom:1.3em
    }
}
.mobile-wrapper .text-wrapper .text{
    padding:0;
    margin:0
}
@media (max-width:480px){
    .mobile-wrapper .text-wrapper .text{
        line-height:1.4;
        font-size:15px
    }
}
@media (max-width:320px){
    .mobile-wrapper .text-wrapper .text{
        font-size:15px;
        line-height:1.3
    }
}
@media (min-device-width:320px) and (orientation:landscape){
    .mobile-wrapper .text-wrapper .text{
        font-size:15px;
        line-height:1.3
    }
}
.mobile-wrapper .text-wrapper a{
    color:#ff6060
}
.mobile-wrapper .intro-main-nav-wrapper{
    margin-bottom:50px;
    position:relative;
    padding:0;
    top:auto;
    right:auto;
    width:100%;
    background-color:transparent
}
.mobile-wrapper .intro-main-nav-wrapper .main-nav{
    display:inline-block
}
.mobile-wrapper .intro-main-nav-wrapper .main-nav .main-nav-item{
    display:inline;
    margin-left:30px;
    padding:0;
    font-size:16px
}
.mobile-wrapper .intro-main-nav-wrapper .main-nav .main-nav-item:first-child{
    margin-left:0
}
.popup-newsletter{
    width:450px;
    position:fixed;
    right:20px;
    bottom:20px;
    background-color:#fff;
    z-index:999999;
    padding:2em;
    border-radius:3px;
    box-shadow:0 1px 30px 1px rgba(0,0,0,.2);
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    transition:all .35s cubic-bezier(.215,.61,.355,1)
}
.popup-newsletter.hide-popup{
    -webkit-transform:translateY(150%);
    transform:translateY(150%);
    transition:all .35s cubic-bezier(.55,.055,.675,.19)
}
@media (max-width:480px){
    .popup-newsletter{
        width:100%;
        right:0;
        bottom:0;
        padding:2.2em
    }
}
@media (max-width:320px){
    .popup-newsletter{
        padding:1.2em
    }
}
.newsletter-form-wrapper{
    position:relative
}
.newsletter-form .newsletter-title{
    font-family:'TeXGyreAdventorBold';
    font-weight:400;
    font-size:1.25em;
    line-height:1.1;
    margin:0 0 .55em;
    padding:0;
    letter-spacing:.04em;
    text-align:left;
    text-transform:uppercase
}
.newsletter-form .newsletter-desc{
    font-family:'TeXGyreAdventorRegular';
    font-weight:400;
    font-size:1em;
    line-height:1.15;
    margin:0;
    padding:0;
    letter-spacing:.04em;
    text-align:left;
    color:#3e3e3e
}
@media (max-width:320px){
    .newsletter-form .newsletter-desc{
        font-size:.9em;
        letter-spacing:.06em
    }
}
.newsletter-form .newsletter-input-wrapper{
    position:relative;
    margin:1.2em 0 .85em
}
@media (max-width:320px){
    .newsletter-form .newsletter-input-wrapper{
        margin-top:1em
    }
}
.newsletter-form .newsletter-field-group,td,th{
    padding:0
}
.newsletter-form .newsletter-field-group input{
    display:inline-block;
    width:72%;
    height:40px;
    padding:10px 14px;
    margin-bottom:0;
    font-size:14px;
    color:#3e3e3e;
    vertical-align:middle;
    border-radius:2px;
    border:0;
    background-color:#ebebeb;
    box-shadow:none;
    font-weight:400;
    font-family:'TeXGyreAdventorRegular';
    letter-spacing:.04em;
    line-height:1;
    transition:background .1s
}
@media (max-width:320px){
    .newsletter-form .newsletter-field-group input{
        font-size:13px;
        letter-spacing:.06em
    }
}
.newsletter-form .newsletter-field-group input::-webkit-input-placeholder{
    color:#8b8b8b;
    -webkit-filter:blur(.01) opacity(100%);
    filter:blur(.01) opacity(100%);
    padding:0;
    margin:0;
    height:20px;
    line-height:20px;
    transition:all .3s ease-out
}
.newsletter-form .newsletter-field-group input::-moz-placeholder{
    color:#8b8b8b;
    filter:blur(.01) opacity(100%);
    padding:0;
    margin:0;
    height:20px;
    line-height:20px;
    transition:all .3s ease-out
}
.newsletter-form .newsletter-field-group input:-ms-input-placeholder{
    color:#8b8b8b;
    filter:blur(.01) opacity(100%);
    padding:0;
    margin:0;
    height:20px;
    line-height:20px;
    transition:all .3s ease-out
}
.newsletter-form .newsletter-field-group input::placeholder{
    color:#8b8b8b;
    -webkit-filter:blur(.01) opacity(100%);
    filter:blur(.01) opacity(100%);
    padding:0;
    margin:0;
    height:20px;
    line-height:20px;
    transition:all .3s ease-out
}
.newsletter-form .newsletter-field-group input:placeholder-shown{
    color:#8b8b8b;
    background-color:#ebebeb
}
.newsletter-form .newsletter-field-group input:focus{
    outline:0;
    color:#3e3e3e;
    background-color:#dfdfdf;
    outline:thin dotted \9;
    transition:background .1s
}
.newsletter-form .newsletter-field-group input:focus::-webkit-input-placeholder{
    -webkit-filter:blur(8px) opacity(0%);
    filter:blur(8px) opacity(0%);
    transition:all .5s ease-out
}
.newsletter-form .newsletter-field-group input:focus::-moz-placeholder{
    filter:blur(8px) opacity(0%);
    transition:all .5s ease-out
}
.newsletter-form .newsletter-field-group input:focus:-ms-input-placeholder{
    filter:blur(8px) opacity(0%);
    transition:all .5s ease-out
}
.newsletter-form .newsletter-field-group input:focus::placeholder{
    -webkit-filter:blur(8px) opacity(0%);
    filter:blur(8px) opacity(0%);
    transition:all .5s ease-out
}
.newsletter-form .newsletter-field-group input:focus:placeholder-shown{
    background-color:#dfdfdf
}
.newsletter-form .newsletter-button{
    position:absolute;
    right:0;
    bottom:0;
    width:30%;
    height:40px;
    background-color:#3e3e3e;
    color:#fff;
    font:12px/1 'TeXGyreAdventorBold';
    font-weight:400;
    letter-spacing:.12em;
    text-transform:uppercase;
    padding:0;
    margin:0;
    border:0;
    text-decoration:none;
    overflow:hidden;
    outline:0;
    border-radius:2px;
    transition:background .15s
}
.newsletter-form .newsletter-button:hover{
    background-color:#ff6060
}
@media (max-width:320px){
    .newsletter-form .newsletter-button{
        letter-spacing:.1em
    }
}
#newsletter-message{
    font:12px/1.1 'HelveticaNeue-Light','HelveticaNeue',Helvetica,'Roboto-Thin',Arial,sans-serif-light;
    color:#3e3e3e;
    padding:0;
    margin:0;
    letter-spacing:.04em
}
#newsletter-message.error{
    color:#f93333
}
.popup-content.success{
    position:relative
}
.popup-content.success .newsletter-form-wrapper{
    opacity:0;
    height:0
}
.popup-content.success #newsletter-message{
    position:relative;
    text-align:center;
    font:15px/1.55 'TeXGyreAdventorRegular';
    color:#3e3e3e;
    padding:0;
    margin:1.5em 0;
    letter-spacing:.06em
}
@media (max-width:480px){
    .btn-close-small.btn-popup-close{
        width:30px;
        height:30px;
        right:8px
    }
    .btn-close-small.btn-popup-close:after,.btn-close-small.btn-popup-close:before{
        height:22px;
        left:7px
    }
}
fieldset{
    min-width:0;
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    width:100%;
    margin-bottom:20px;
    font-size:21px;
    line-height:inherit;
    color:#333;
    border:0;
    padding:0
}
label{
    display:inline-block;
    max-width:100%;
    margin-bottom:5px;
    font-weight:700
}
input[type=checkbox],input[type=radio]{
    margin:4px 0 0;
    margin-top:1px \9;
    line-height:normal
}
article,aside,details,figcaption,figure,footer,header,hgroup,input[type=file],legend,main,menu,nav,section,summary{
    display:block
}
input[type=range]{
    display:block;
    width:100%
}
.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control,select[multiple],select[multiple].input-sm,select[size],textarea.form-control,textarea.input-sm{
    height:auto
}
input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.form-control,output{
    display:block;
    font-size:14px;
    line-height:1.42857143
}
output{
    padding-top:7px;
    color:#555
}
.form-control{
    width:100%;
    padding:6px 12px;
    background-image:none
}
.form-control:focus{
    border-color:#66afe9;
    outline:0;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.form-control::-moz-placeholder{
    color:#999;
    opacity:1
}
.form-control:-ms-input-placeholder{
    color:#999
}
.form-control::-webkit-input-placeholder{
    color:#999
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{
    background-color:#eee;
    opacity:1
}
.form-control[disabled],fieldset[disabled] .form-control{
    cursor:not-allowed
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{
        line-height:34px
    }
    .input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{
        line-height:30px
    }
    .input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{
        line-height:46px
    }
}
.form-group{
    margin-bottom:15px
}
.checkbox,.radio{
    position:relative;
    display:block;
    margin-top:10px;
    margin-bottom:10px
}
.checkbox label,.checkbox-inline,.radio label,.radio-inline{
    padding-left:20px;
    margin-bottom:0;
    font-weight:400;
    cursor:pointer
}
.checkbox label,.radio label{
    min-height:20px
}
.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{
    position:absolute;
    margin-left:-20px;
    margin-top:4px \9
}
.checkbox+.checkbox,.radio+.radio{
    margin-top:-5px
}
.checkbox-inline,.radio-inline{
    position:relative;
    display:inline-block;
    vertical-align:middle
}
.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{
    margin-top:0;
    margin-left:10px
}
.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{
    cursor:not-allowed
}
.form-control-static{
    padding-top:7px;
    padding-bottom:7px;
    margin-bottom:0;
    min-height:34px
}
.form-control-static.input-lg,.form-control-static.input-sm{
    padding-left:0;
    padding-right:0
}
.form-group-sm .form-control,.input-sm{
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.form-group-sm select.form-control,select.input-sm{
    height:30px;
    line-height:30px
}
.form-group-sm .form-control-static{
    height:30px;
    min-height:32px;
    padding:6px 10px;
    font-size:12px;
    line-height:1.5
}
.form-group-lg .form-control,.input-lg{
    height:46px;
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333;
    border-radius:6px
}
.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control,select[multiple].input-lg,textarea.input-lg{
    height:auto
}
.form-group-lg select.form-control,select.input-lg{
    height:46px;
    line-height:46px
}
.form-group-lg .form-control-static{
    height:46px;
    min-height:38px;
    padding:11px 16px;
    font-size:18px;
    line-height:1.3333333
}
.has-feedback{
    position:relative
}
.has-feedback .form-control{
    padding-right:42.5px
}
.form-control-feedback{
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    display:block;
    width:34px;
    height:34px;
    line-height:34px;
    text-align:center;
    pointer-events:none
}
.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{
    width:46px;
    height:46px;
    line-height:46px
}
.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{
    width:30px;
    height:30px;
    line-height:30px
}
.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{
    color:#3c763d
}
.has-success .form-control{
    border-color:#3c763d;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-success .form-control:focus{
    border-color:#2b542c;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}
.has-success .input-group-addon{
    color:#3c763d;
    border-color:#3c763d;
    background-color:#dff0d8
}
.has-success .form-control-feedback{
    color:#3c763d
}
.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{
    color:#8a6d3b
}
.has-warning .form-control{
    border-color:#8a6d3b;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-warning .form-control:focus{
    border-color:#66512c;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}
.has-warning .input-group-addon{
    color:#8a6d3b;
    border-color:#8a6d3b;
    background-color:#fcf8e3
}
.has-warning .form-control-feedback{
    color:#8a6d3b
}
.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{
    color:#a94442
}
.has-error .form-control{
    border-color:#a94442;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus{
    border-color:#843534;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}
.has-error .input-group-addon{
    color:#a94442;
    border-color:#a94442;
    background-color:#f2dede
}
.has-error .form-control-feedback{
    color:#a94442
}
.has-feedback label~.form-control-feedback{
    top:25px
}
.has-feedback label.sr-only~.form-control-feedback{
    top:0
}
.help-block{
    display:block;
    margin-top:5px;
    margin-bottom:10px;
    color:#737373
}
@media (min-width:768px){
    .form-inline .form-group{
        display:inline-block;
        margin-bottom:0;
        vertical-align:middle
    }
    .form-inline .form-control{
        display:inline-block;
        width:auto;
        vertical-align:middle
    }
    .form-inline .form-control-static{
        display:inline-block
    }
    .form-inline .input-group{
        display:inline-table;
        vertical-align:middle
    }
    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{
        width:auto
    }
    .form-inline .input-group>.form-control{
        width:100%
    }
    .form-inline .control-label{
        margin-bottom:0;
        vertical-align:middle
    }
    .form-inline .checkbox,.form-inline .radio{
        display:inline-block;
        margin-top:0;
        margin-bottom:0;
        vertical-align:middle
    }
    .form-inline .checkbox label,.form-inline .radio label{
        padding-left:0
    }
    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{
        position:relative;
        margin-left:0
    }
    .form-inline .has-feedback .form-control-feedback{
        top:0
    }
}
.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{
    margin-top:0;
    margin-bottom:0;
    padding-top:7px
}
.form-horizontal .checkbox,.form-horizontal .radio{
    min-height:27px
}
.form-horizontal .form-group{
    margin-left:-10px;
    margin-right:-10px
}
@media (min-width:768px){
    .form-horizontal .control-label{
        text-align:right;
        margin-bottom:0;
        padding-top:7px
    }
}
.form-horizontal .has-feedback .form-control-feedback{
    right:10px
}
@media (min-width:768px){
    .form-horizontal .form-group-lg .control-label{
        padding-top:14.333333px;
        font-size:18px
    }
    .form-horizontal .form-group-sm .control-label{
        padding-top:6px;
        font-size:12px
    }
}
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    font-size:10px;
    height:100%;
    -webkit-tap-highlight-color:transparent
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent;
    color:#4b6676;
    text-decoration:none;
    pointer-events:auto
}
a:hover{
    outline:0
}
a:focus{
    text-decoration:none;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0;
    font-weight:400
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
img{
    border:0;
    vertical-align:middle
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:0
}
hr{
    box-sizing:content-box;
    height:0;
    margin-top:20px;
    margin-bottom:20px;
    border:0;
    border-top:1px solid #eee
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
body,textarea{
    overflow:auto
}
optgroup{
    font-weight:700
}
table{
    border-collapse:collapse;
    border-spacing:0
}
.clearfix:after,.clearfix:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before{
    content:" ";
    display:table
}
.clearfix:after,.form-horizontal .form-group:after{
    clear:both
}
.center-block{
    display:block;
    margin-left:auto;
    margin-right:auto
}
.pull-right{
    float:right!important
}
.pull-left{
    float:left!important
}
.hide{
    display:none!important
}
.show{
    display:block!important
}
.invisible{
    visibility:hidden
}
.text-hide{
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}
.hidden{
    display:none!important
}
.affix{
    position:fixed
}
.flex-wrapper{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
body{
    font-family:'HelveticaNeue-Light','HelveticaNeue',Helvetica,'Roboto-Thin',Arial,sans-serif-light;
    font-size:14px;
    line-height:1.5;
    color:#3e3e3e;
    background-color:#fff;
    -webkit-font-smoothing:antialiased;
    font-weight:100
}
@media (max-width:767px){
    body{
        font-family:'HelveticaNeue-Light',sans-serif-light,sans-serif
    }
}
button,input,select,textarea{
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
a:active{
    outline:0;
    text-decoration:none
}
.disabled,a.disabled{
    opacity:.5;
    pointer-events:none
}
.disabled *{
    pointer-events:none
}
.img-responsive{
    display:block;
    max-width:100%;
    height:auto
}
.img-rounded{
    border-radius:6px
}
.img-thumbnail{
    padding:4px;
    line-height:1.42857143;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    transition:all .2s ease-in-out;
    display:inline-block;
    max-width:100%;
    height:auto
}
.img-circle{
    border-radius:50%
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus{
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    clip:auto
}
[role=button]{
    cursor:pointer
}
.toast-title{
    font:13px/1.1 'TeXGyreAdventorBold';
    padding:0 10px 10px 0;
    letter-spacing:.07em;
    text-transform:uppercase
}
@media (max-width:767px){
    .toast-title{
        font-size:14px;
        padding:0 0 12px
    }
}
.toast-message{
    font:13px/1.1 'HelveticaNeue-Light','HelveticaNeue',Helvetica,'Roboto-Thin',Arial,sans-serif-light;
    word-wrap:break-word;
    letter-spacing:.06em
}
@media (max-width:767px){
    .toast-message{
        line-height:1.2
    }
}
.toast-message a,.toast-message label{
    color:#fff
}
.toast-message a:hover{
    color:#ccc;
    text-decoration:none
}
button.toast-close-button{
    display:block;
    position:absolute;
    right:12px;
    top:10px;
    width:15px;
    height:15px;
    text-indent:-9999px;
    color:transparent;
    overflow:hidden;
    transition:all .12s ease
}
button.toast-close-button:after,button.toast-close-button:before{
    display:block;
    content:"";
    width:1px;
    height:13px;
    left:7px;
    top:3px;
    background-color:#fff;
    position:absolute;
    transition:all .12s ease
}
@media (max-width:767px){
    button.toast-close-button{
        width:20px;
        height:20px
    }
    button.toast-close-button:after,button.toast-close-button:before{
        height:100%;
        left:10px;
        top:0
    }
}
button.toast-close-button:after{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
button.toast-close-button:before{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
button.toast-close-button:focus:after,button.toast-close-button:focus:before,button.toast-close-button:hover:after,button.toast-close-button:hover:before{
    background-color:#fff
}
button.toast-close-button:focus:after,button.toast-close-button:hover:after{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
button.toast-close-button:focus:before,button.toast-close-button:hover:before{
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
button.toast-close-button{
    padding:0;
    cursor:pointer;
    background:0 0;
    border:0
}
.toast-top-center{
    top:0;
    right:0;
    width:100%
}
.toast-bottom-center{
    bottom:0;
    right:0;
    width:100%
}
.toast-top-full-width{
    top:0;
    right:0;
    width:100%
}
.toast-bottom-full-width{
    bottom:0;
    right:0;
    width:100%
}
.toast-top-left{
    top:20px;
    left:20px
}
.toast-top-right{
    top:20px;
    right:20px
}
.toast-bottom-right{
    right:20px;
    bottom:20px
}
.toast-bottom-left{
    bottom:20px;
    left:20px
}
#toast-container{
    position:fixed;
    z-index:999999;
    pointer-events:none
}
@media (max-width:767px){
    #toast-container{
        padding:0;
        left:0;
        right:0;
        top:0
    }
}
#toast-container *{
    box-sizing:border-box
}
#carbonads,#toast-container>div{
    position:relative;
    overflow:hidden
}
#toast-container>div{
    pointer-events:auto;
    margin:0 0 20px;
    padding:20px;
    opacity:1;
    width:400px;
    border-radius:3px;
    color:#fff
}
@media (max-width:767px){
    #toast-container>div{
        width:100%;
        margin:0;
        border-radius:0;
        box-shadow:0 1px 4px 0 rgba(0,0,0,.1)
    }
}
#toast-container>div.rtl{
    direction:rtl;
    padding:15px 50px 15px 15px;
    background-position:right 15px center
}
#toast-container>div:hover{
    opacity:1;
    cursor:pointer
}
#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{
    width:300px;
    margin-left:auto;
    margin-right:auto
}
#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{
    width:96%;
    margin-left:auto;
    margin-right:auto
}
.toast{
    background-color:#030303
}
@media (max-width:767px){
    .toast{
        width:100%;
        border-radius:0
    }
}
.toast-success{
    background-color:#2dccb8
}
.toast-error{
    background-color:#f93333
}
.toast-info{
    background-color:#53a3dc
}
.toast-warning{
    background-color:#f89406
}
.toast-progress{
    position:absolute;
    left:0;
    bottom:0;
    height:4px;
    background-color:#000;
    opacity:.4;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter:alpha(opacity=40)
}
#carbonads{
    font-family:'HelveticaNeue-Light','HelveticaNeue',Helvetica,'Roboto-Thin',Arial,sans-serif-light;
    border-radius:2px;
    width:100%;
    height:100px;
    top:auto;
    right:auto;
    margin-top:20px;
    background-color:#fff;
    min-height:100px;
    z-index:910;
    color:#646464
}
#carbonads a{
    color:inherit
}
#carbonads a:active,#carbonads a:focus{
    color:inherit;
    text-decoration:none
}
#carbonads span{
    display:block;
    overflow:hidden
}
#carbonads .carbon-wrap{
    padding:10px 8px 5px 0
}
@media (max-width:767px){
    #carbonads .carbon-wrap{
        padding:0 0 5px
    }
}
#carbonads .carbon-img{
    display:block;
    margin:0;
    border-radius:2px;
    width:130px;
    position:absolute;
    left:0;
    top:0
}
#carbonads .carbon-text{
    display:block;
    padding-left:138px;
    text-align:left;
    width:100%;
    font-size:.85em;
    line-height:1.2
}
#carbonads .carbon-poweredby{
    display:block;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-size:.67em;
    line-height:1;
    color:#a4a4a4;
    position:absolute;
    bottom:8px;
    left:138px;
    text-align:left;
    width:auto
}
@media (max-width:767px){
    #carbonads .carbon-poweredby{
        bottom:0
    }
}
#carbonads .carbon-poweredby:active{
    text-decoration:none
}
#carbonads.alt{
    width:250px;
    height:100px;
    position:relative;
    top:auto;
    right:auto;
    margin-top:20px;
    background-color:#fff;
    min-height:100px
}
#carbonads.alt .carbon-wrap{
    padding:10px 10px 5px 0
}
@media (max-width:767px){
    #carbonads.alt .carbon-wrap{
        padding:0 0 5px
    }
}
#carbonads.alt .carbon-img{
    width:130px;
    position:absolute;
    left:0;
    top:0
}
#carbonads.alt .carbon-text{
    padding-left:140px;
    text-align:left
}
#carbonads.alt .carbon-poweredby{
    position:absolute;
    bottom:9px;
    left:140px;
    text-align:left
}
@media (max-width:767px){
    #carbonads.alt .carbon-poweredby{
        bottom:0
    }
}
.no-mobiledevice #carbonads a.carbon-poweredby:hover{
    text-decoration:none;
    color:#717171
}
.frame{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    overflow:hidden;
    opacity:1
}
.appear,.disappear{
    display:block;
    z-index:50
}
.appear .h-fader{
    -webkit-animation:simple-fade-in 1.5s both;
    animation:simple-fade-in 1.5s both
}
.disappear{
    z-index:10
}
.disappear .h-fader{
    -webkit-animation:simple-fade-out 2s both;
    animation:simple-fade-out 2s both
}
.invisible{
    opacity:0;
    visibility:hidden;
    z-index:0;
    display:none
}
.houdini-pagination-container{
    position:absolute;
    height:20px;
    z-index:1000000;
    bottom:15px;
    width:100%;
    left:0
}
.houdini-next,.houdini-prev{
    display:block;
    position:absolute;
    width:30px;
    height:30px;
    top:50%;
    margin-top:-15px;
    border:1px solid #fff;
    opacity:.5;
    transition:opacity .5s;
    color:#fff;
    text-decoration:none;
    z-index:10000;
    -webkit-transform:rotate3d(0,0,0,0deg);
    transform:rotate3d(0,0,0,0deg);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.houdini-next:hover,.houdini-prev:hover{
    opacity:1
}
.houdini-next.disabled,.houdini-prev.disabled{
    opacity:.2;
    cursor:default
}
.houdini-next{
    right:2%
}
.houdini-next:after,.houdini-prev:after{
    position:absolute;
    display:block;
    content:"\27F6";
    top:0;
    left:0;
    width:100%;
    height:100%;
    color:#fff;
    font:20px sans-serif;
    line-height:30px;
    text-align:center
}
.houdini-prev{
    left:2%
}
.houdini-prev:after{
    content:"\27F5"
}
.houdini-pagination{
    position:absolute;
    display:inline-block;
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;
    left:15px;
    right:15px;
    height:20px;
    text-align:center;
    z-index:1000000
}
.houdini-pagination>li{
    position:relative;
    display:inline-block;
    margin:0 0 0 10px;
    padding:0;
    width:14px;
    height:14px
}
.houdini-pagination>li:first-child{
    margin-left:0
}
.houdini-pagination>li>a{
    position:absolute;
    display:block;
    background:#fff;
    border-radius:50%;
    width:14px;
    height:14px;
    text-align:-9999px;
    color:transparent;
    opacity:.5;
    -webkit-transform:scale(.6);
    transform:scale(.6);
    transition:all .3s;
    cursor:pointer
}
.houdini-pagination>li>a.active{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.h-loading{
    transition:opacity .4s ease-out;
    position:absolute;
    width:120px;
    background:#000;
    color:#fff;
    text-transform:uppercase;
    font:700 12px/1 Arial;
    padding:4px;
    border-radius:5px;
    opacity:1;
    left:50%;
    top:50%;
    margin-left:-60px;
    margin-top:-10px;
    text-align:center;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.3)
}
@-webkit-keyframes simple-fade-in{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes simple-fade-in{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes simple-fade-out{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes simple-fade-out{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@-webkit-keyframes scale-up-bl{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@keyframes scale-up-bl{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@-webkit-keyframes scale-up-br{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@keyframes scale-up-br{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@-webkit-keyframes scale-up-bottom{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
}
@keyframes scale-up-bottom{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
}
@-webkit-keyframes scale-up-center{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5)
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes scale-up-center{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5)
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes scale-up-hor-center{
    0%{
        -webkit-transform:scaleX(.4);
        transform:scaleX(.4)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes scale-up-hor-center{
    0%{
        -webkit-transform:scaleX(.4);
        transform:scaleX(.4)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@-webkit-keyframes scale-up-hor-left{
    0%{
        -webkit-transform:scaleX(.4);
        transform:scaleX(.4);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@keyframes scale-up-hor-left{
    0%{
        -webkit-transform:scaleX(.4);
        transform:scaleX(.4);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@-webkit-keyframes scale-up-hor-right{
    0%{
        -webkit-transform:scaleX(.4);
        transform:scaleX(.4);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@keyframes scale-up-hor-right{
    0%{
        -webkit-transform:scaleX(.4);
        transform:scaleX(.4);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@-webkit-keyframes scale-up-left{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
}
@keyframes scale-up-left{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
}
@-webkit-keyframes scale-up-right{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
}
@keyframes scale-up-right{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
}
@-webkit-keyframes scale-up-tl{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@keyframes scale-up-tl{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@-webkit-keyframes scale-up-tr{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@keyframes scale-up-tr{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@-webkit-keyframes scale-up-top{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
}
@keyframes scale-up-top{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
}
@-webkit-keyframes scale-up-ver-bottom{
    0%{
        -webkit-transform:scaleY(.4);
        transform:scaleY(.4);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@keyframes scale-up-ver-bottom{
    0%{
        -webkit-transform:scaleY(.4);
        transform:scaleY(.4);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@-webkit-keyframes scale-up-ver-center{
    0%{
        -webkit-transform:scaleY(.4);
        transform:scaleY(.4)
    }
    to{
        -webkit-transform:scaleY(1);
        transform:scaleY(1)
    }
}
@keyframes scale-up-ver-center{
    0%{
        -webkit-transform:scaleY(.4);
        transform:scaleY(.4)
    }
    to{
        -webkit-transform:scaleY(1);
        transform:scaleY(1)
    }
}
@-webkit-keyframes scale-up-ver-top{
    0%{
        -webkit-transform:scaleY(.4);
        transform:scaleY(.4);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    to{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@keyframes scale-up-ver-top{
    0%{
        -webkit-transform:scaleY(.4);
        transform:scaleY(.4);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    to{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@-webkit-keyframes scale-down-bl{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@keyframes scale-down-bl{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@-webkit-keyframes scale-down-br{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@keyframes scale-down-br{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@-webkit-keyframes scale-down-bottom{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
}
@keyframes scale-down-bottom{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
}
@-webkit-keyframes scale-down-center{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5)
    }
}
@keyframes scale-down-center{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5)
    }
}
@-webkit-keyframes scale-down-hor-center{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    to{
        -webkit-transform:scaleX(.3);
        transform:scaleX(.3)
    }
}
@keyframes scale-down-hor-center{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    to{
        -webkit-transform:scaleX(.3);
        transform:scaleX(.3)
    }
}
@-webkit-keyframes scale-down-hor-left{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:scaleX(.3);
        transform:scaleX(.3);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@keyframes scale-down-hor-left{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:scaleX(.3);
        transform:scaleX(.3);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@-webkit-keyframes scale-down-hor-right{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:scaleX(.3);
        transform:scaleX(.3);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@keyframes scale-down-hor-right{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:scaleX(.3);
        transform:scaleX(.3);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@-webkit-keyframes scale-down-left{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
}
@keyframes scale-down-left{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
}
@-webkit-keyframes scale-down-right{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
}
@keyframes scale-down-right{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
}
@-webkit-keyframes scale-down-tl{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@keyframes scale-down-tl{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@-webkit-keyframes scale-down-tr{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@keyframes scale-down-tr{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@-webkit-keyframes scale-down-top{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
}
@keyframes scale-down-top{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
    to{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
}
@-webkit-keyframes scale-down-ver-bottom{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:scaleY(.3);
        transform:scaleY(.3);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@keyframes scale-down-ver-bottom{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:scaleY(.3);
        transform:scaleY(.3);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@-webkit-keyframes scale-down-ver-center{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1)
    }
    to{
        -webkit-transform:scaleY(.3);
        transform:scaleY(.3)
    }
}
@keyframes scale-down-ver-center{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1)
    }
    to{
        -webkit-transform:scaleY(.3);
        transform:scaleY(.3)
    }
}
@-webkit-keyframes scale-down-ver-top{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    to{
        -webkit-transform:scaleY(.3);
        transform:scaleY(.3);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@keyframes scale-down-ver-top{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    to{
        -webkit-transform:scaleY(.3);
        transform:scaleY(.3);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@-webkit-keyframes rotate-bl{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:bottom left;
        transform-origin:bottom left
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform-origin:bottom left;
        transform-origin:bottom left
    }
}
@keyframes rotate-bl{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:bottom left;
        transform-origin:bottom left
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform-origin:bottom left;
        transform-origin:bottom left
    }
}
@-webkit-keyframes rotate-bottom{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
}
@keyframes rotate-bottom{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
}
@-webkit-keyframes rotate-br{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:bottom right;
        transform-origin:bottom right
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform-origin:bottom right;
        transform-origin:bottom right
    }
}
@keyframes rotate-br{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:bottom right;
        transform-origin:bottom right
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform-origin:bottom right;
        transform-origin:bottom right
    }
}
@-webkit-keyframes rotate-center{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes rotate-center{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes rotate-diagonal-1{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg)
    }
    50%{
        -webkit-transform:rotate3d(1,1,0,-180deg);
        transform:rotate3d(1,1,0,-180deg)
    }
    to{
        -webkit-transform:rotate3d(1,1,0,-360deg);
        transform:rotate3d(1,1,0,-360deg)
    }
}
@keyframes rotate-diagonal-1{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg)
    }
    50%{
        -webkit-transform:rotate3d(1,1,0,-180deg);
        transform:rotate3d(1,1,0,-180deg)
    }
    to{
        -webkit-transform:rotate3d(1,1,0,-360deg);
        transform:rotate3d(1,1,0,-360deg)
    }
}
@-webkit-keyframes rotate-diagonal-2{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg)
    }
    50%{
        -webkit-transform:rotate3d(-1,1,0,180deg);
        transform:rotate3d(-1,1,0,180deg)
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,360deg);
        transform:rotate3d(-1,1,0,360deg)
    }
}
@keyframes rotate-diagonal-2{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg)
    }
    50%{
        -webkit-transform:rotate3d(-1,1,0,180deg);
        transform:rotate3d(-1,1,0,180deg)
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,360deg);
        transform:rotate3d(-1,1,0,360deg)
    }
}
@-webkit-keyframes rotate-diagonal-bl{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    50%{
        -webkit-transform:rotate3d(1,1,0,180deg);
        transform:rotate3d(1,1,0,180deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:rotate3d(1,1,0,360deg);
        transform:rotate3d(1,1,0,360deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@keyframes rotate-diagonal-bl{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    50%{
        -webkit-transform:rotate3d(1,1,0,180deg);
        transform:rotate3d(1,1,0,180deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:rotate3d(1,1,0,360deg);
        transform:rotate3d(1,1,0,360deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@-webkit-keyframes rotate-diagonal-br{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    50%{
        -webkit-transform:rotate3d(-1,1,0,-180deg);
        transform:rotate3d(-1,1,0,-180deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,-360deg);
        transform:rotate3d(-1,1,0,-360deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@keyframes rotate-diagonal-br{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    50%{
        -webkit-transform:rotate3d(-1,1,0,-180deg);
        transform:rotate3d(-1,1,0,-180deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,-360deg);
        transform:rotate3d(-1,1,0,-360deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@-webkit-keyframes rotate-diagonal-tl{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    50%{
        -webkit-transform:rotate3d(-1,1,0,180deg);
        transform:rotate3d(-1,1,0,180deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,360deg);
        transform:rotate3d(-1,1,0,360deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@keyframes rotate-diagonal-tl{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    50%{
        -webkit-transform:rotate3d(-1,1,0,180deg);
        transform:rotate3d(-1,1,0,180deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,360deg);
        transform:rotate3d(-1,1,0,360deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@-webkit-keyframes rotate-diagonal-tr{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    50%{
        -webkit-transform:rotate3d(1,1,0,-180deg);
        transform:rotate3d(1,1,0,-180deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    to{
        -webkit-transform:rotate3d(1,1,0,-360deg);
        transform:rotate3d(1,1,0,-360deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@keyframes rotate-diagonal-tr{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    50%{
        -webkit-transform:rotate3d(1,1,0,-180deg);
        transform:rotate3d(1,1,0,-180deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    to{
        -webkit-transform:rotate3d(1,1,0,-360deg);
        transform:rotate3d(1,1,0,-360deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@-webkit-keyframes rotate-hor-bottom{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
    to{
        -webkit-transform:rotateX(360deg);
        transform:rotateX(360deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
}
@keyframes rotate-hor-bottom{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
    to{
        -webkit-transform:rotateX(360deg);
        transform:rotateX(360deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
}
@-webkit-keyframes rotate-hor-center{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0)
    }
    to{
        -webkit-transform:rotateX(-360deg);
        transform:rotateX(-360deg)
    }
}
@keyframes rotate-hor-center{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0)
    }
    to{
        -webkit-transform:rotateX(-360deg);
        transform:rotateX(-360deg)
    }
}
@-webkit-keyframes rotate-hor-top{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:top;
        transform-origin:top
    }
    to{
        -webkit-transform:rotateX(-360deg);
        transform:rotateX(-360deg);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@keyframes rotate-hor-top{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:top;
        transform-origin:top
    }
    to{
        -webkit-transform:rotateX(-360deg);
        transform:rotateX(-360deg);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@-webkit-keyframes rotate-left{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:left;
        transform-origin:left
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform-origin:left;
        transform-origin:left
    }
}
@keyframes rotate-left{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:left;
        transform-origin:left
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform-origin:left;
        transform-origin:left
    }
}
@-webkit-keyframes rotate-right{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:right;
        transform-origin:right
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform-origin:right;
        transform-origin:right
    }
}
@keyframes rotate-right{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:right;
        transform-origin:right
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform-origin:right;
        transform-origin:right
    }
}
@-webkit-keyframes rotate-tl{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top left;
        transform-origin:top left
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform-origin:top left;
        transform-origin:top left
    }
}
@keyframes rotate-tl{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top left;
        transform-origin:top left
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform-origin:top left;
        transform-origin:top left
    }
}
@-webkit-keyframes rotate-top{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top;
        transform-origin:top
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@keyframes rotate-top{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top;
        transform-origin:top
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@-webkit-keyframes rotate-tr{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top right;
        transform-origin:top right
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform-origin:top right;
        transform-origin:top right
    }
}
@keyframes rotate-tr{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top right;
        transform-origin:top right
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transform-origin:top right;
        transform-origin:top right
    }
}
@-webkit-keyframes rotate-vert-center{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    to{
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
}
@keyframes rotate-vert-center{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    to{
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
}
@-webkit-keyframes rotate-vert-left{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:left;
        transform-origin:left
    }
    to{
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg);
        -webkit-transform-origin:left;
        transform-origin:left
    }
}
@keyframes rotate-vert-left{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:left;
        transform-origin:left
    }
    to{
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg);
        -webkit-transform-origin:left;
        transform-origin:left
    }
}
@-webkit-keyframes rotate-vert-right{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:right;
        transform-origin:right
    }
    to{
        -webkit-transform:rotateY(-360deg);
        transform:rotateY(-360deg);
        -webkit-transform-origin:right;
        transform-origin:right
    }
}
@keyframes rotate-vert-right{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:right;
        transform-origin:right
    }
    to{
        -webkit-transform:rotateY(-360deg);
        transform:rotateY(-360deg);
        -webkit-transform-origin:right;
        transform-origin:right
    }
}
@-webkit-keyframes rotate-scale-down-diag-1{
    0%{
        -webkit-transform:scale(1) rotate3d(1,1,0,0deg);
        transform:scale(1) rotate3d(1,1,0,0deg)
    }
    50%{
        -webkit-transform:scale(.5) rotate3d(1,1,0,-180deg);
        transform:scale(.5) rotate3d(1,1,0,-180deg)
    }
    to{
        -webkit-transform:scale(1) rotate3d(1,1,0,-360deg);
        transform:scale(1) rotate3d(1,1,0,-360deg)
    }
}
@keyframes rotate-scale-down-diag-1{
    0%{
        -webkit-transform:scale(1) rotate3d(1,1,0,0deg);
        transform:scale(1) rotate3d(1,1,0,0deg)
    }
    50%{
        -webkit-transform:scale(.5) rotate3d(1,1,0,-180deg);
        transform:scale(.5) rotate3d(1,1,0,-180deg)
    }
    to{
        -webkit-transform:scale(1) rotate3d(1,1,0,-360deg);
        transform:scale(1) rotate3d(1,1,0,-360deg)
    }
}
@-webkit-keyframes rotate-scale-down-diag-2{
    0%{
        -webkit-transform:scale(1) rotate3d(-1,1,0,0deg);
        transform:scale(1) rotate3d(-1,1,0,0deg)
    }
    50%{
        -webkit-transform:scale(.5) rotate3d(-1,1,0,180deg);
        transform:scale(.5) rotate3d(-1,1,0,180deg)
    }
    to{
        -webkit-transform:scale(1) rotate3d(-1,1,0,360deg);
        transform:scale(1) rotate3d(-1,1,0,360deg)
    }
}
@keyframes rotate-scale-down-diag-2{
    0%{
        -webkit-transform:scale(1) rotate3d(-1,1,0,0deg);
        transform:scale(1) rotate3d(-1,1,0,0deg)
    }
    50%{
        -webkit-transform:scale(.5) rotate3d(-1,1,0,180deg);
        transform:scale(.5) rotate3d(-1,1,0,180deg)
    }
    to{
        -webkit-transform:scale(1) rotate3d(-1,1,0,360deg);
        transform:scale(1) rotate3d(-1,1,0,360deg)
    }
}
@-webkit-keyframes rotate-scale-down-hor{
    0%{
        -webkit-transform:scale(1) rotateX(0);
        transform:scale(1) rotateX(0)
    }
    50%{
        -webkit-transform:scale(.5) rotateX(-180deg);
        transform:scale(.5) rotateX(-180deg)
    }
    to{
        -webkit-transform:scale(1) rotateX(-360deg);
        transform:scale(1) rotateX(-360deg)
    }
}
@keyframes rotate-scale-down-hor{
    0%{
        -webkit-transform:scale(1) rotateX(0);
        transform:scale(1) rotateX(0)
    }
    50%{
        -webkit-transform:scale(.5) rotateX(-180deg);
        transform:scale(.5) rotateX(-180deg)
    }
    to{
        -webkit-transform:scale(1) rotateX(-360deg);
        transform:scale(1) rotateX(-360deg)
    }
}
@-webkit-keyframes rotate-scale-down-ver{
    0%{
        -webkit-transform:scale(1) rotateY(0);
        transform:scale(1) rotateY(0)
    }
    50%{
        -webkit-transform:scale(.5) rotateY(180deg);
        transform:scale(.5) rotateY(180deg)
    }
    to{
        -webkit-transform:scale(1) rotateY(360deg);
        transform:scale(1) rotateY(360deg)
    }
}
@keyframes rotate-scale-down-ver{
    0%{
        -webkit-transform:scale(1) rotateY(0);
        transform:scale(1) rotateY(0)
    }
    50%{
        -webkit-transform:scale(.5) rotateY(180deg);
        transform:scale(.5) rotateY(180deg)
    }
    to{
        -webkit-transform:scale(1) rotateY(360deg);
        transform:scale(1) rotateY(360deg)
    }
}
@-webkit-keyframes rotate-scale-down{
    0%{
        -webkit-transform:scale(1) rotateZ(0);
        transform:scale(1) rotateZ(0)
    }
    50%{
        -webkit-transform:scale(.5) rotateZ(180deg);
        transform:scale(.5) rotateZ(180deg)
    }
    to{
        -webkit-transform:scale(1) rotateZ(360deg);
        transform:scale(1) rotateZ(360deg)
    }
}
@keyframes rotate-scale-down{
    0%{
        -webkit-transform:scale(1) rotateZ(0);
        transform:scale(1) rotateZ(0)
    }
    50%{
        -webkit-transform:scale(.5) rotateZ(180deg);
        transform:scale(.5) rotateZ(180deg)
    }
    to{
        -webkit-transform:scale(1) rotateZ(360deg);
        transform:scale(1) rotateZ(360deg)
    }
}
@-webkit-keyframes rotate-scale-up-diag-1{
    0%{
        -webkit-transform:scale(1) rotate3d(1,1,0,0deg);
        transform:scale(1) rotate3d(1,1,0,0deg)
    }
    50%{
        -webkit-transform:scale(2) rotate3d(1,1,0,-180deg);
        transform:scale(2) rotate3d(1,1,0,-180deg)
    }
    to{
        -webkit-transform:scale(1) rotate3d(1,1,0,-360deg);
        transform:scale(1) rotate3d(1,1,0,-360deg)
    }
}
@keyframes rotate-scale-up-diag-1{
    0%{
        -webkit-transform:scale(1) rotate3d(1,1,0,0deg);
        transform:scale(1) rotate3d(1,1,0,0deg)
    }
    50%{
        -webkit-transform:scale(2) rotate3d(1,1,0,-180deg);
        transform:scale(2) rotate3d(1,1,0,-180deg)
    }
    to{
        -webkit-transform:scale(1) rotate3d(1,1,0,-360deg);
        transform:scale(1) rotate3d(1,1,0,-360deg)
    }
}
@-webkit-keyframes rotate-scale-up-diag-2{
    0%{
        -webkit-transform:scale(1) rotate3d(-1,1,0,0deg);
        transform:scale(1) rotate3d(-1,1,0,0deg)
    }
    50%{
        -webkit-transform:scale(2) rotate3d(-1,1,0,180deg);
        transform:scale(2) rotate3d(-1,1,0,180deg)
    }
    to{
        -webkit-transform:scale(1) rotate3d(-1,1,0,360deg);
        transform:scale(1) rotate3d(-1,1,0,360deg)
    }
}
@keyframes rotate-scale-up-diag-2{
    0%{
        -webkit-transform:scale(1) rotate3d(-1,1,0,0deg);
        transform:scale(1) rotate3d(-1,1,0,0deg)
    }
    50%{
        -webkit-transform:scale(2) rotate3d(-1,1,0,180deg);
        transform:scale(2) rotate3d(-1,1,0,180deg)
    }
    to{
        -webkit-transform:scale(1) rotate3d(-1,1,0,360deg);
        transform:scale(1) rotate3d(-1,1,0,360deg)
    }
}
@-webkit-keyframes rotate-scale-up-hor{
    0%{
        -webkit-transform:scale(1) rotateX(0);
        transform:scale(1) rotateX(0)
    }
    50%{
        -webkit-transform:scale(2) rotateX(-180deg);
        transform:scale(2) rotateX(-180deg)
    }
    to{
        -webkit-transform:scale(1) rotateX(-360deg);
        transform:scale(1) rotateX(-360deg)
    }
}
@keyframes rotate-scale-up-hor{
    0%{
        -webkit-transform:scale(1) rotateX(0);
        transform:scale(1) rotateX(0)
    }
    50%{
        -webkit-transform:scale(2) rotateX(-180deg);
        transform:scale(2) rotateX(-180deg)
    }
    to{
        -webkit-transform:scale(1) rotateX(-360deg);
        transform:scale(1) rotateX(-360deg)
    }
}
@-webkit-keyframes rotate-scale-up-ver{
    0%{
        -webkit-transform:scale(1) rotateY(0);
        transform:scale(1) rotateY(0)
    }
    50%{
        -webkit-transform:scale(2) rotateY(180deg);
        transform:scale(2) rotateY(180deg)
    }
    to{
        -webkit-transform:scale(1) rotateY(360deg);
        transform:scale(1) rotateY(360deg)
    }
}
@keyframes rotate-scale-up-ver{
    0%{
        -webkit-transform:scale(1) rotateY(0);
        transform:scale(1) rotateY(0)
    }
    50%{
        -webkit-transform:scale(2) rotateY(180deg);
        transform:scale(2) rotateY(180deg)
    }
    to{
        -webkit-transform:scale(1) rotateY(360deg);
        transform:scale(1) rotateY(360deg)
    }
}
@-webkit-keyframes rotate-scale-up{
    0%{
        -webkit-transform:scale(1) rotateZ(0);
        transform:scale(1) rotateZ(0)
    }
    50%{
        -webkit-transform:scale(2) rotateZ(180deg);
        transform:scale(2) rotateZ(180deg)
    }
    to{
        -webkit-transform:scale(1) rotateZ(360deg);
        transform:scale(1) rotateZ(360deg)
    }
}
@keyframes rotate-scale-up{
    0%{
        -webkit-transform:scale(1) rotateZ(0);
        transform:scale(1) rotateZ(0)
    }
    50%{
        -webkit-transform:scale(2) rotateZ(180deg);
        transform:scale(2) rotateZ(180deg)
    }
    to{
        -webkit-transform:scale(1) rotateZ(360deg);
        transform:scale(1) rotateZ(360deg)
    }
}
@-webkit-keyframes rotate-90-bl-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@keyframes rotate-90-bl-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@-webkit-keyframes rotate-90-bl-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@keyframes rotate-90-bl-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@-webkit-keyframes rotate-90-bottom-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
}
@keyframes rotate-90-bottom-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
}
@-webkit-keyframes rotate-90-bottom-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
}
@keyframes rotate-90-bottom-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
}
@-webkit-keyframes rotate-90-br-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@keyframes rotate-90-br-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@-webkit-keyframes rotate-90-br-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@keyframes rotate-90-br-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@-webkit-keyframes rotate-90-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg)
    }
}
@keyframes rotate-90-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg)
    }
}
@-webkit-keyframes rotate-90-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
}
@keyframes rotate-90-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
}
@-webkit-keyframes rotate-90-horizontal-bck{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0)
    }
    to{
        -webkit-transform:rotateX(-90deg);
        transform:rotateX(-90deg)
    }
}
@keyframes rotate-90-horizontal-bck{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0)
    }
    to{
        -webkit-transform:rotateX(-90deg);
        transform:rotateX(-90deg)
    }
}
@-webkit-keyframes rotate-90-horizontal-fwd{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0)
    }
    to{
        -webkit-transform:rotateX(90deg);
        transform:rotateX(90deg)
    }
}
@keyframes rotate-90-horizontal-fwd{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0)
    }
    to{
        -webkit-transform:rotateX(90deg);
        transform:rotateX(90deg)
    }
}
@-webkit-keyframes rotate-90-left-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:left;
        transform-origin:left
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:left;
        transform-origin:left
    }
}
@keyframes rotate-90-left-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:left;
        transform-origin:left
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:left;
        transform-origin:left
    }
}
@-webkit-keyframes rotate-90-left-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:left;
        transform-origin:left
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:left;
        transform-origin:left
    }
}
@keyframes rotate-90-left-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:left;
        transform-origin:left
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:left;
        transform-origin:left
    }
}
@-webkit-keyframes rotate-90-right-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:right;
        transform-origin:right
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:right;
        transform-origin:right
    }
}
@keyframes rotate-90-right-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:right;
        transform-origin:right
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:right;
        transform-origin:right
    }
}
@-webkit-keyframes rotate-90-right-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:right;
        transform-origin:right
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:right;
        transform-origin:right
    }
}
@keyframes rotate-90-right-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:right;
        transform-origin:right
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:right;
        transform-origin:right
    }
}
@-webkit-keyframes rotate-90-tl-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@keyframes rotate-90-tl-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@-webkit-keyframes rotate-90-tl-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@keyframes rotate-90-tl-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@-webkit-keyframes rotate-90-top-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top;
        transform-origin:top
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@keyframes rotate-90-top-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top;
        transform-origin:top
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@-webkit-keyframes rotate-90-top-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top;
        transform-origin:top
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@keyframes rotate-90-top-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top;
        transform-origin:top
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@-webkit-keyframes rotate-90-tr-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top right;
        transform-origin:top right
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:top right;
        transform-origin:top right
    }
}
@keyframes rotate-90-tr-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top right;
        transform-origin:top right
    }
    to{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:top right;
        transform-origin:top right
    }
}
@-webkit-keyframes rotate-90-tr-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top right;
        transform-origin:top right
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:top right;
        transform-origin:top right
    }
}
@keyframes rotate-90-tr-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top right;
        transform-origin:top right
    }
    to{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        -webkit-transform-origin:top right;
        transform-origin:top right
    }
}
@-webkit-keyframes rotate-90-vertical-bck{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    to{
        -webkit-transform:rotateY(-90deg);
        transform:rotateY(-90deg)
    }
}
@keyframes rotate-90-vertical-bck{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    to{
        -webkit-transform:rotateY(-90deg);
        transform:rotateY(-90deg)
    }
}
@-webkit-keyframes rotate-90-vertical-fwd{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    to{
        -webkit-transform:rotateY(90deg);
        transform:rotateY(90deg)
    }
}
@keyframes rotate-90-vertical-fwd{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    to{
        -webkit-transform:rotateY(90deg);
        transform:rotateY(90deg)
    }
}
@-webkit-keyframes flip-diagonal-1-tr{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg)
    }
    to{
        -webkit-transform:rotate3d(1,1,0,180deg);
        transform:rotate3d(1,1,0,180deg)
    }
}
@keyframes flip-diagonal-1-tr{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg)
    }
    to{
        -webkit-transform:rotate3d(1,1,0,180deg);
        transform:rotate3d(1,1,0,180deg)
    }
}
@-webkit-keyframes flip-diagonal-1-bl{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg)
    }
    to{
        -webkit-transform:rotate3d(1,1,0,-180deg);
        transform:rotate3d(1,1,0,-180deg)
    }
}
@keyframes flip-diagonal-1-bl{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg)
    }
    to{
        -webkit-transform:rotate3d(1,1,0,-180deg);
        transform:rotate3d(1,1,0,-180deg)
    }
}
@-webkit-keyframes flip-diagonal-1-bck{
    0%{
        -webkit-transform:translateZ(0) rotate3d(1,1,0,0deg);
        transform:translateZ(0) rotate3d(1,1,0,0deg)
    }
    to{
        -webkit-transform:translateZ(-260px) rotate3d(1,1,0,-180deg);
        transform:translateZ(-260px) rotate3d(1,1,0,-180deg)
    }
}
@keyframes flip-diagonal-1-bck{
    0%{
        -webkit-transform:translateZ(0) rotate3d(1,1,0,0deg);
        transform:translateZ(0) rotate3d(1,1,0,0deg)
    }
    to{
        -webkit-transform:translateZ(-260px) rotate3d(1,1,0,-180deg);
        transform:translateZ(-260px) rotate3d(1,1,0,-180deg)
    }
}
@-webkit-keyframes flip-diagonal-1-fwd{
    0%{
        -webkit-transform:translateZ(0) rotate3d(1,1,0,0deg);
        transform:translateZ(0) rotate3d(1,1,0,0deg)
    }
    to{
        -webkit-transform:translateZ(160px) rotate3d(1,1,0,180deg);
        transform:translateZ(160px) rotate3d(1,1,0,180deg)
    }
}
@keyframes flip-diagonal-1-fwd{
    0%{
        -webkit-transform:translateZ(0) rotate3d(1,1,0,0deg);
        transform:translateZ(0) rotate3d(1,1,0,0deg)
    }
    to{
        -webkit-transform:translateZ(160px) rotate3d(1,1,0,180deg);
        transform:translateZ(160px) rotate3d(1,1,0,180deg)
    }
}
@-webkit-keyframes flip-diagonal-2-br{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg)
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,180deg);
        transform:rotate3d(-1,1,0,180deg)
    }
}
@keyframes flip-diagonal-2-br{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg)
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,180deg);
        transform:rotate3d(-1,1,0,180deg)
    }
}
@-webkit-keyframes flip-diagonal-2-tl{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg)
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,-180deg);
        transform:rotate3d(-1,1,0,-180deg)
    }
}
@keyframes flip-diagonal-2-tl{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg)
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,-180deg);
        transform:rotate3d(-1,1,0,-180deg)
    }
}
@-webkit-keyframes flip-diagonal-2-bck{
    0%{
        -webkit-transform:translateZ(0) rotate3d(-1,1,0,0deg);
        transform:translateZ(0) rotate3d(-1,1,0,0deg)
    }
    to{
        -webkit-transform:translateZ(-260px) rotate3d(-1,1,0,-180deg);
        transform:translateZ(-260px) rotate3d(-1,1,0,-180deg)
    }
}
@keyframes flip-diagonal-2-bck{
    0%{
        -webkit-transform:translateZ(0) rotate3d(-1,1,0,0deg);
        transform:translateZ(0) rotate3d(-1,1,0,0deg)
    }
    to{
        -webkit-transform:translateZ(-260px) rotate3d(-1,1,0,-180deg);
        transform:translateZ(-260px) rotate3d(-1,1,0,-180deg)
    }
}
@-webkit-keyframes flip-diagonal-2-fwd{
    0%{
        -webkit-transform:translateZ(0) rotate3d(-1,1,0,0deg);
        transform:translateZ(0) rotate3d(-1,1,0,0deg)
    }
    to{
        -webkit-transform:translateZ(160px) rotate3d(-1,1,0,180deg);
        transform:translateZ(160px) rotate3d(-1,1,0,180deg)
    }
}
@keyframes flip-diagonal-2-fwd{
    0%{
        -webkit-transform:translateZ(0) rotate3d(-1,1,0,0deg);
        transform:translateZ(0) rotate3d(-1,1,0,0deg)
    }
    to{
        -webkit-transform:translateZ(160px) rotate3d(-1,1,0,180deg);
        transform:translateZ(160px) rotate3d(-1,1,0,180deg)
    }
}
@-webkit-keyframes flip-horizontal-bottom{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0)
    }
    to{
        -webkit-transform:rotateX(-180deg);
        transform:rotateX(-180deg)
    }
}
@keyframes flip-horizontal-bottom{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0)
    }
    to{
        -webkit-transform:rotateX(-180deg);
        transform:rotateX(-180deg)
    }
}
@-webkit-keyframes flip-horizontal-top{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0)
    }
    to{
        -webkit-transform:rotateX(180deg);
        transform:rotateX(180deg)
    }
}
@keyframes flip-horizontal-top{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0)
    }
    to{
        -webkit-transform:rotateX(180deg);
        transform:rotateX(180deg)
    }
}
@-webkit-keyframes flip-horizontal-bck{
    0%{
        -webkit-transform:translateZ(0) rotateX(0);
        transform:translateZ(0) rotateX(0)
    }
    to{
        -webkit-transform:translateZ(-260px) rotateX(180deg);
        transform:translateZ(-260px) rotateX(180deg)
    }
}
@keyframes flip-horizontal-bck{
    0%{
        -webkit-transform:translateZ(0) rotateX(0);
        transform:translateZ(0) rotateX(0)
    }
    to{
        -webkit-transform:translateZ(-260px) rotateX(180deg);
        transform:translateZ(-260px) rotateX(180deg)
    }
}
@-webkit-keyframes flip-horizontal-fwd{
    0%{
        -webkit-transform:translateZ(0) rotateX(0);
        transform:translateZ(0) rotateX(0)
    }
    to{
        -webkit-transform:translateZ(160px) rotateX(-180deg);
        transform:translateZ(160px) rotateX(-180deg)
    }
}
@keyframes flip-horizontal-fwd{
    0%{
        -webkit-transform:translateZ(0) rotateX(0);
        transform:translateZ(0) rotateX(0)
    }
    to{
        -webkit-transform:translateZ(160px) rotateX(-180deg);
        transform:translateZ(160px) rotateX(-180deg)
    }
}
@-webkit-keyframes flip-vertical-right{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    to{
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg)
    }
}
@keyframes flip-vertical-right{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    to{
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg)
    }
}
@-webkit-keyframes flip-vertical-left{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    to{
        -webkit-transform:rotateY(-180deg);
        transform:rotateY(-180deg)
    }
}
@keyframes flip-vertical-left{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    to{
        -webkit-transform:rotateY(-180deg);
        transform:rotateY(-180deg)
    }
}
@-webkit-keyframes flip-vertical-bck{
    0%{
        -webkit-transform:translateZ(0) rotateY(0);
        transform:translateZ(0) rotateY(0)
    }
    to{
        -webkit-transform:translateZ(-260px) rotateY(-180deg);
        transform:translateZ(-260px) rotateY(-180deg)
    }
}
@keyframes flip-vertical-bck{
    0%{
        -webkit-transform:translateZ(0) rotateY(0);
        transform:translateZ(0) rotateY(0)
    }
    to{
        -webkit-transform:translateZ(-260px) rotateY(-180deg);
        transform:translateZ(-260px) rotateY(-180deg)
    }
}
@-webkit-keyframes flip-vertical-fwd{
    0%{
        -webkit-transform:translateZ(0) rotateY(0);
        transform:translateZ(0) rotateY(0)
    }
    to{
        -webkit-transform:translateZ(160px) rotateY(180deg);
        transform:translateZ(160px) rotateY(180deg)
    }
}
@keyframes flip-vertical-fwd{
    0%{
        -webkit-transform:translateZ(0) rotateY(0);
        transform:translateZ(0) rotateY(0)
    }
    to{
        -webkit-transform:translateZ(160px) rotateY(180deg);
        transform:translateZ(160px) rotateY(180deg)
    }
}
@-webkit-keyframes flip-2-hor-bottom-1{
    0%{
        -webkit-transform:translateY(0) rotateX(0);
        transform:translateY(0) rotateX(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    to{
        -webkit-transform:translateY(100%) rotateX(180deg);
        transform:translateY(100%) rotateX(180deg);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
}
@keyframes flip-2-hor-bottom-1{
    0%{
        -webkit-transform:translateY(0) rotateX(0);
        transform:translateY(0) rotateX(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    to{
        -webkit-transform:translateY(100%) rotateX(180deg);
        transform:translateY(100%) rotateX(180deg);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
}
@-webkit-keyframes flip-2-hor-bottom-2{
    0%{
        -webkit-transform:translateY(0) rotateX(0);
        transform:translateY(0) rotateX(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    to{
        -webkit-transform:translateY(100%) rotateX(-180deg);
        transform:translateY(100%) rotateX(-180deg);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
}
@keyframes flip-2-hor-bottom-2{
    0%{
        -webkit-transform:translateY(0) rotateX(0);
        transform:translateY(0) rotateX(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    to{
        -webkit-transform:translateY(100%) rotateX(-180deg);
        transform:translateY(100%) rotateX(-180deg);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
}
@-webkit-keyframes flip-2-hor-bottom-bck{
    0%{
        -webkit-transform:translateY(0) translateZ(0) rotateX(0);
        transform:translateY(0) translateZ(0) rotateX(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    to{
        -webkit-transform:translateY(100%) translateZ(-260px) rotateX(-180deg);
        transform:translateY(100%) translateZ(-260px) rotateX(-180deg);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
}
@keyframes flip-2-hor-bottom-bck{
    0%{
        -webkit-transform:translateY(0) translateZ(0) rotateX(0);
        transform:translateY(0) translateZ(0) rotateX(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    to{
        -webkit-transform:translateY(100%) translateZ(-260px) rotateX(-180deg);
        transform:translateY(100%) translateZ(-260px) rotateX(-180deg);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
}
@-webkit-keyframes flip-2-hor-bottom-fwd{
    0%{
        -webkit-transform:translateY(0) translateZ(0) rotateX(0);
        transform:translateY(0) translateZ(0) rotateX(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    to{
        -webkit-transform:translateY(100%) translateZ(160px) rotateX(180deg);
        transform:translateY(100%) translateZ(160px) rotateX(180deg);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
}
@keyframes flip-2-hor-bottom-fwd{
    0%{
        -webkit-transform:translateY(0) translateZ(0) rotateX(0);
        transform:translateY(0) translateZ(0) rotateX(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    to{
        -webkit-transform:translateY(100%) translateZ(160px) rotateX(180deg);
        transform:translateY(100%) translateZ(160px) rotateX(180deg);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
}
@-webkit-keyframes flip-2-hor-top-1{
    0%{
        -webkit-transform:translateY(0) rotateX(0);
        transform:translateY(0) rotateX(0);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
    to{
        -webkit-transform:translateY(-100%) rotateX(-180deg);
        transform:translateY(-100%) rotateX(-180deg);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
}
@keyframes flip-2-hor-top-1{
    0%{
        -webkit-transform:translateY(0) rotateX(0);
        transform:translateY(0) rotateX(0);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
    to{
        -webkit-transform:translateY(-100%) rotateX(-180deg);
        transform:translateY(-100%) rotateX(-180deg);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
}
@-webkit-keyframes flip-2-hor-top-2{
    0%{
        -webkit-transform:translateY(0) rotateX(0);
        transform:translateY(0) rotateX(0);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
    to{
        -webkit-transform:translateY(-100%) rotateX(180deg);
        transform:translateY(-100%) rotateX(180deg);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
}
@keyframes flip-2-hor-top-2{
    0%{
        -webkit-transform:translateY(0) rotateX(0);
        transform:translateY(0) rotateX(0);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
    to{
        -webkit-transform:translateY(-100%) rotateX(180deg);
        transform:translateY(-100%) rotateX(180deg);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
}
@-webkit-keyframes flip-2-hor-top-bck{
    0%{
        -webkit-transform:translateY(0) translateZ(0) rotateX(0);
        transform:translateY(0) translateZ(0) rotateX(0);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
    to{
        -webkit-transform:translateY(-100%) translateZ(-260px) rotateX(180deg);
        transform:translateY(-100%) translateZ(-260px) rotateX(180deg);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
}
@keyframes flip-2-hor-top-bck{
    0%{
        -webkit-transform:translateY(0) translateZ(0) rotateX(0);
        transform:translateY(0) translateZ(0) rotateX(0);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
    to{
        -webkit-transform:translateY(-100%) translateZ(-260px) rotateX(180deg);
        transform:translateY(-100%) translateZ(-260px) rotateX(180deg);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
}
@-webkit-keyframes flip-2-hor-top-fwd{
    0%{
        -webkit-transform:translateY(0) translateZ(0) rotateX(0);
        transform:translateY(0) translateZ(0) rotateX(0);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
    to{
        -webkit-transform:translateY(-100%) translateZ(160px) rotateX(-180deg);
        transform:translateY(-100%) translateZ(160px) rotateX(-180deg);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
}
@keyframes flip-2-hor-top-fwd{
    0%{
        -webkit-transform:translateY(0) translateZ(0) rotateX(0);
        transform:translateY(0) translateZ(0) rotateX(0);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
    to{
        -webkit-transform:translateY(-100%) translateZ(160px) rotateX(-180deg);
        transform:translateY(-100%) translateZ(160px) rotateX(-180deg);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
}
@-webkit-keyframes flip-2-ver-left-1{
    0%{
        -webkit-transform:translateX(0) rotateY(0);
        transform:translateX(0) rotateY(0);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
    to{
        -webkit-transform:translateX(-100%) rotateY(180deg);
        transform:translateX(-100%) rotateY(180deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@keyframes flip-2-ver-left-1{
    0%{
        -webkit-transform:translateX(0) rotateY(0);
        transform:translateX(0) rotateY(0);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
    to{
        -webkit-transform:translateX(-100%) rotateY(180deg);
        transform:translateX(-100%) rotateY(180deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@-webkit-keyframes flip-2-ver-left-2{
    0%{
        -webkit-transform:translateX(0) rotateY(0);
        transform:translateX(0) rotateY(0);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
    to{
        -webkit-transform:translateX(-100%) rotateY(-180deg);
        transform:translateX(-100%) rotateY(-180deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@keyframes flip-2-ver-left-2{
    0%{
        -webkit-transform:translateX(0) rotateY(0);
        transform:translateX(0) rotateY(0);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
    to{
        -webkit-transform:translateX(-100%) rotateY(-180deg);
        transform:translateX(-100%) rotateY(-180deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@-webkit-keyframes flip-2-ver-left-bck{
    0%{
        -webkit-transform:translateX(0) translateZ(0) rotateY(0);
        transform:translateX(0) translateZ(0) rotateY(0);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
    to{
        -webkit-transform:translateX(-100%) translateZ(-260px) rotateY(-180deg);
        transform:translateX(-100%) translateZ(-260px) rotateY(-180deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@keyframes flip-2-ver-left-bck{
    0%{
        -webkit-transform:translateX(0) translateZ(0) rotateY(0);
        transform:translateX(0) translateZ(0) rotateY(0);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
    to{
        -webkit-transform:translateX(-100%) translateZ(-260px) rotateY(-180deg);
        transform:translateX(-100%) translateZ(-260px) rotateY(-180deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@-webkit-keyframes flip-2-ver-left-fwd{
    0%{
        -webkit-transform:translateX(0) translateZ(0) rotateY(0);
        transform:translateX(0) translateZ(0) rotateY(0);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
    to{
        -webkit-transform:translateX(-100%) translateZ(160px) rotateY(180deg);
        transform:translateX(-100%) translateZ(160px) rotateY(180deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@keyframes flip-2-ver-left-fwd{
    0%{
        -webkit-transform:translateX(0) translateZ(0) rotateY(0);
        transform:translateX(0) translateZ(0) rotateY(0);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
    to{
        -webkit-transform:translateX(-100%) translateZ(160px) rotateY(180deg);
        transform:translateX(-100%) translateZ(160px) rotateY(180deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@-webkit-keyframes flip-2-ver-right-1{
    0%{
        -webkit-transform:translateX(0) rotateY(0);
        transform:translateX(0) rotateY(0);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    to{
        -webkit-transform:translateX(100%) rotateY(-180deg);
        transform:translateX(100%) rotateY(-180deg);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
}
@keyframes flip-2-ver-right-1{
    0%{
        -webkit-transform:translateX(0) rotateY(0);
        transform:translateX(0) rotateY(0);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    to{
        -webkit-transform:translateX(100%) rotateY(-180deg);
        transform:translateX(100%) rotateY(-180deg);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
}
@-webkit-keyframes flip-2-ver-right-2{
    0%{
        -webkit-transform:translateX(0) rotateY(0);
        transform:translateX(0) rotateY(0);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    to{
        -webkit-transform:translateX(100%) rotateY(180deg);
        transform:translateX(100%) rotateY(180deg);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
}
@keyframes flip-2-ver-right-2{
    0%{
        -webkit-transform:translateX(0) rotateY(0);
        transform:translateX(0) rotateY(0);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    to{
        -webkit-transform:translateX(100%) rotateY(180deg);
        transform:translateX(100%) rotateY(180deg);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
}
@-webkit-keyframes flip-2-ver-right-bck{
    0%{
        -webkit-transform:translateX(0) translateZ(0) rotateY(0);
        transform:translateX(0) translateZ(0) rotateY(0);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    to{
        -webkit-transform:translateX(100%) translateZ(-260px) rotateY(180deg);
        transform:translateX(100%) translateZ(-260px) rotateY(180deg);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
}
@keyframes flip-2-ver-right-bck{
    0%{
        -webkit-transform:translateX(0) translateZ(0) rotateY(0);
        transform:translateX(0) translateZ(0) rotateY(0);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    to{
        -webkit-transform:translateX(100%) translateZ(-260px) rotateY(180deg);
        transform:translateX(100%) translateZ(-260px) rotateY(180deg);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
}
@-webkit-keyframes flip-2-ver-right-fwd{
    0%{
        -webkit-transform:translateX(0) translateZ(0) rotateY(0);
        transform:translateX(0) translateZ(0) rotateY(0);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    to{
        -webkit-transform:translateX(100%) translateZ(160px) rotateY(-180deg);
        transform:translateX(100%) translateZ(160px) rotateY(-180deg);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
}
@keyframes flip-2-ver-right-fwd{
    0%{
        -webkit-transform:translateX(0) translateZ(0) rotateY(0);
        transform:translateX(0) translateZ(0) rotateY(0);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    to{
        -webkit-transform:translateX(100%) translateZ(160px) rotateY(-180deg);
        transform:translateX(100%) translateZ(160px) rotateY(-180deg);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
}
@-webkit-keyframes flip-scale-up-hor{
    0%{
        -webkit-transform:scale(1) rotateX(0);
        transform:scale(1) rotateX(0)
    }
    50%{
        -webkit-transform:scale(2.5) rotateX(-90deg);
        transform:scale(2.5) rotateX(-90deg)
    }
    to{
        -webkit-transform:scale(1) rotateX(-180deg);
        transform:scale(1) rotateX(-180deg)
    }
}
@keyframes flip-scale-up-hor{
    0%{
        -webkit-transform:scale(1) rotateX(0);
        transform:scale(1) rotateX(0)
    }
    50%{
        -webkit-transform:scale(2.5) rotateX(-90deg);
        transform:scale(2.5) rotateX(-90deg)
    }
    to{
        -webkit-transform:scale(1) rotateX(-180deg);
        transform:scale(1) rotateX(-180deg)
    }
}
@-webkit-keyframes flip-scale-down-hor{
    0%{
        -webkit-transform:scale(1) rotateX(0);
        transform:scale(1) rotateX(0)
    }
    50%{
        -webkit-transform:scale(.4) rotateX(90deg);
        transform:scale(.4) rotateX(90deg)
    }
    to{
        -webkit-transform:scale(1) rotateX(180deg);
        transform:scale(1) rotateX(180deg)
    }
}
@keyframes flip-scale-down-hor{
    0%{
        -webkit-transform:scale(1) rotateX(0);
        transform:scale(1) rotateX(0)
    }
    50%{
        -webkit-transform:scale(.4) rotateX(90deg);
        transform:scale(.4) rotateX(90deg)
    }
    to{
        -webkit-transform:scale(1) rotateX(180deg);
        transform:scale(1) rotateX(180deg)
    }
}
@-webkit-keyframes flip-scale-up-ver{
    0%{
        -webkit-transform:scale(1) rotateY(0);
        transform:scale(1) rotateY(0)
    }
    50%{
        -webkit-transform:scale(2.5) rotateY(90deg);
        transform:scale(2.5) rotateY(90deg)
    }
    to{
        -webkit-transform:scale(1) rotateY(180deg);
        transform:scale(1) rotateY(180deg)
    }
}
@keyframes flip-scale-up-ver{
    0%{
        -webkit-transform:scale(1) rotateY(0);
        transform:scale(1) rotateY(0)
    }
    50%{
        -webkit-transform:scale(2.5) rotateY(90deg);
        transform:scale(2.5) rotateY(90deg)
    }
    to{
        -webkit-transform:scale(1) rotateY(180deg);
        transform:scale(1) rotateY(180deg)
    }
}
@-webkit-keyframes flip-scale-down-ver{
    0%{
        -webkit-transform:scale(1) rotateY(0);
        transform:scale(1) rotateY(0)
    }
    50%{
        -webkit-transform:scale(.4) rotateY(-90deg);
        transform:scale(.4) rotateY(-90deg)
    }
    to{
        -webkit-transform:scale(1) rotateY(-180deg);
        transform:scale(1) rotateY(-180deg)
    }
}
@keyframes flip-scale-down-ver{
    0%{
        -webkit-transform:scale(1) rotateY(0);
        transform:scale(1) rotateY(0)
    }
    50%{
        -webkit-transform:scale(.4) rotateY(-90deg);
        transform:scale(.4) rotateY(-90deg)
    }
    to{
        -webkit-transform:scale(1) rotateY(-180deg);
        transform:scale(1) rotateY(-180deg)
    }
}
@-webkit-keyframes flip-scale-up-diag-1{
    0%{
        -webkit-transform:scale(1) rotate3d(1,1,0,0deg);
        transform:scale(1) rotate3d(1,1,0,0deg)
    }
    50%{
        -webkit-transform:scale(2.5) rotate3d(1,1,0,90deg);
        transform:scale(2.5) rotate3d(1,1,0,90deg)
    }
    to{
        -webkit-transform:scale(1) rotate3d(1,1,0,180deg);
        transform:scale(1) rotate3d(1,1,0,180deg)
    }
}
@keyframes flip-scale-up-diag-1{
    0%{
        -webkit-transform:scale(1) rotate3d(1,1,0,0deg);
        transform:scale(1) rotate3d(1,1,0,0deg)
    }
    50%{
        -webkit-transform:scale(2.5) rotate3d(1,1,0,90deg);
        transform:scale(2.5) rotate3d(1,1,0,90deg)
    }
    to{
        -webkit-transform:scale(1) rotate3d(1,1,0,180deg);
        transform:scale(1) rotate3d(1,1,0,180deg)
    }
}
@-webkit-keyframes flip-scale-down-diag-1{
    0%{
        -webkit-transform:scale(1) rotate3d(1,1,0,0deg);
        transform:scale(1) rotate3d(1,1,0,0deg)
    }
    50%{
        -webkit-transform:scale(.4) rotate3d(1,1,0,-90deg);
        transform:scale(.4) rotate3d(1,1,0,-90deg)
    }
    to{
        -webkit-transform:scale(1) rotate3d(1,1,0,-180deg);
        transform:scale(1) rotate3d(1,1,0,-180deg)
    }
}
@keyframes flip-scale-down-diag-1{
    0%{
        -webkit-transform:scale(1) rotate3d(1,1,0,0deg);
        transform:scale(1) rotate3d(1,1,0,0deg)
    }
    50%{
        -webkit-transform:scale(.4) rotate3d(1,1,0,-90deg);
        transform:scale(.4) rotate3d(1,1,0,-90deg)
    }
    to{
        -webkit-transform:scale(1) rotate3d(1,1,0,-180deg);
        transform:scale(1) rotate3d(1,1,0,-180deg)
    }
}
@-webkit-keyframes flip-scale-up-diag-2{
    0%{
        -webkit-transform:scale(1) rotate3d(-1,1,0,0deg);
        transform:scale(1) rotate3d(-1,1,0,0deg)
    }
    50%{
        -webkit-transform:scale(2.5) rotate3d(-1,1,0,90deg);
        transform:scale(2.5) rotate3d(-1,1,0,90deg)
    }
    to{
        -webkit-transform:scale(1) rotate3d(-1,1,0,180deg);
        transform:scale(1) rotate3d(-1,1,0,180deg)
    }
}
@keyframes flip-scale-up-diag-2{
    0%{
        -webkit-transform:scale(1) rotate3d(-1,1,0,0deg);
        transform:scale(1) rotate3d(-1,1,0,0deg)
    }
    50%{
        -webkit-transform:scale(2.5) rotate3d(-1,1,0,90deg);
        transform:scale(2.5) rotate3d(-1,1,0,90deg)
    }
    to{
        -webkit-transform:scale(1) rotate3d(-1,1,0,180deg);
        transform:scale(1) rotate3d(-1,1,0,180deg)
    }
}
@-webkit-keyframes flip-scale-down-diag-2{
    0%{
        -webkit-transform:scale(1) rotate3d(-1,1,0,0deg);
        transform:scale(1) rotate3d(-1,1,0,0deg)
    }
    50%{
        -webkit-transform:scale(.4) rotate3d(-1,1,0,-90deg);
        transform:scale(.4) rotate3d(-1,1,0,-90deg)
    }
    to{
        -webkit-transform:scale(1) rotate3d(-1,1,0,-180deg);
        transform:scale(1) rotate3d(-1,1,0,-180deg)
    }
}
@keyframes flip-scale-down-diag-2{
    0%{
        -webkit-transform:scale(1) rotate3d(-1,1,0,0deg);
        transform:scale(1) rotate3d(-1,1,0,0deg)
    }
    50%{
        -webkit-transform:scale(.4) rotate3d(-1,1,0,-90deg);
        transform:scale(.4) rotate3d(-1,1,0,-90deg)
    }
    to{
        -webkit-transform:scale(1) rotate3d(-1,1,0,-180deg);
        transform:scale(1) rotate3d(-1,1,0,-180deg)
    }
}
@-webkit-keyframes flip-scale-2-hor-bottom{
    0%{
        -webkit-transform:translateY(0) rotateX(0) scale(1);
        transform:translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    50%{
        -webkit-transform:translateY(50%) rotateX(90deg) scale(2);
        transform:translateY(50%) rotateX(90deg) scale(2);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
    to{
        -webkit-transform:translateY(100%) rotateX(180deg) scale(1);
        transform:translateY(100%) rotateX(180deg) scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
}
@keyframes flip-scale-2-hor-bottom{
    0%{
        -webkit-transform:translateY(0) rotateX(0) scale(1);
        transform:translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    50%{
        -webkit-transform:translateY(50%) rotateX(90deg) scale(2);
        transform:translateY(50%) rotateX(90deg) scale(2);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
    to{
        -webkit-transform:translateY(100%) rotateX(180deg) scale(1);
        transform:translateY(100%) rotateX(180deg) scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
}
@-webkit-keyframes flip-scale-2-hor-top{
    0%{
        -webkit-transform:translateY(0) rotateX(0) scale(1);
        transform:translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
    50%{
        -webkit-transform:translateY(-50%) rotateX(-90deg) scale(2);
        transform:translateY(-50%) rotateX(-90deg) scale(2);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
    to{
        -webkit-transform:translateY(-100%) rotateX(-180deg) scale(1);
        transform:translateY(-100%) rotateX(-180deg) scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
}
@keyframes flip-scale-2-hor-top{
    0%{
        -webkit-transform:translateY(0) rotateX(0) scale(1);
        transform:translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%
    }
    50%{
        -webkit-transform:translateY(-50%) rotateX(-90deg) scale(2);
        transform:translateY(-50%) rotateX(-90deg) scale(2);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
    to{
        -webkit-transform:translateY(-100%) rotateX(-180deg) scale(1);
        transform:translateY(-100%) rotateX(-180deg) scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
}
@-webkit-keyframes flip-scale-2-ver-left{
    0%{
        -webkit-transform:translateX(0) rotateY(0) scale(1);
        transform:translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
    50%{
        -webkit-transform:translateX(-50%) rotateY(90deg) scale(2);
        transform:translateX(-50%) rotateY(90deg) scale(2);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
    to{
        -webkit-transform:translateX(-100%) rotateY(180deg) scale(1);
        transform:translateX(-100%) rotateY(180deg) scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
}
@keyframes flip-scale-2-ver-left{
    0%{
        -webkit-transform:translateX(0) rotateY(0) scale(1);
        transform:translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
    50%{
        -webkit-transform:translateX(-50%) rotateY(90deg) scale(2);
        transform:translateX(-50%) rotateY(90deg) scale(2);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
    to{
        -webkit-transform:translateX(-100%) rotateY(180deg) scale(1);
        transform:translateX(-100%) rotateY(180deg) scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
}
@-webkit-keyframes flip-scale-2-ver-right{
    0%{
        -webkit-transform:translateX(0) rotateY(0) scale(1);
        transform:translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    50%{
        -webkit-transform:translateX(50%) rotateY(-90deg) scale(2);
        transform:translateX(50%) rotateY(-90deg) scale(2);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
    to{
        -webkit-transform:translateX(100%) rotateY(-180deg) scale(1);
        transform:translateX(100%) rotateY(-180deg) scale(1);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
}
@keyframes flip-scale-2-ver-right{
    0%{
        -webkit-transform:translateX(0) rotateY(0) scale(1);
        transform:translateX(0) rotateY(0) scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    50%{
        -webkit-transform:translateX(50%) rotateY(-90deg) scale(2);
        transform:translateX(50%) rotateY(-90deg) scale(2);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
    to{
        -webkit-transform:translateX(100%) rotateY(-180deg) scale(1);
        transform:translateX(100%) rotateY(-180deg) scale(1);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%
    }
}
@-webkit-keyframes swing-bottom-bck{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
    to{
        -webkit-transform:rotateX(180deg);
        transform:rotateX(180deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
}
@keyframes swing-bottom-bck{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
    to{
        -webkit-transform:rotateX(180deg);
        transform:rotateX(180deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
}
@-webkit-keyframes swing-bottom-fwd{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
    to{
        -webkit-transform:rotateX(-180deg);
        transform:rotateX(-180deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
}
@keyframes swing-bottom-fwd{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
    to{
        -webkit-transform:rotateX(-180deg);
        transform:rotateX(-180deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
}
@-webkit-keyframes swing-bottom-left-bck{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:rotate3d(1,1,0,180deg);
        transform:rotate3d(1,1,0,180deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@keyframes swing-bottom-left-bck{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:rotate3d(1,1,0,180deg);
        transform:rotate3d(1,1,0,180deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@-webkit-keyframes swing-bottom-left-fwd{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:rotate3d(1,1,0,-180deg);
        transform:rotate3d(1,1,0,-180deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@keyframes swing-bottom-left-fwd{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
    to{
        -webkit-transform:rotate3d(1,1,0,-180deg);
        transform:rotate3d(1,1,0,-180deg);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%
    }
}
@-webkit-keyframes swing-bottom-right-bck{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,-180deg);
        transform:rotate3d(-1,1,0,-180deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@keyframes swing-bottom-right-bck{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,-180deg);
        transform:rotate3d(-1,1,0,-180deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@-webkit-keyframes swing-bottom-right-fwd{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,180deg);
        transform:rotate3d(-1,1,0,180deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@keyframes swing-bottom-right-fwd{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,180deg);
        transform:rotate3d(-1,1,0,180deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
}
@-webkit-keyframes swing-left-bck{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom
    }
    to{
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg);
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom
    }
}
@keyframes swing-left-bck{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom
    }
    to{
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg);
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom
    }
}
@-webkit-keyframes swing-left-fwd{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom
    }
    to{
        -webkit-transform:rotateY(-180deg);
        transform:rotateY(-180deg);
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom
    }
}
@keyframes swing-left-fwd{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom
    }
    to{
        -webkit-transform:rotateY(-180deg);
        transform:rotateY(-180deg);
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom
    }
}
@-webkit-keyframes swing-right-bck{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:right;
        transform-origin:right
    }
    to{
        -webkit-transform:rotateY(-180deg);
        transform:rotateY(-180deg);
        -webkit-transform-origin:right;
        transform-origin:right
    }
}
@keyframes swing-right-bck{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:right;
        transform-origin:right
    }
    to{
        -webkit-transform:rotateY(-180deg);
        transform:rotateY(-180deg);
        -webkit-transform-origin:right;
        transform-origin:right
    }
}
@-webkit-keyframes swing-right-fwd{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:right;
        transform-origin:right
    }
    to{
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg);
        -webkit-transform-origin:right;
        transform-origin:right
    }
}
@keyframes swing-right-fwd{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:right;
        transform-origin:right
    }
    to{
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg);
        -webkit-transform-origin:right;
        transform-origin:right
    }
}
@-webkit-keyframes swing-top-bck{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:top;
        transform-origin:top
    }
    to{
        -webkit-transform:rotateX(-180deg);
        transform:rotateX(-180deg);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@keyframes swing-top-bck{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:top;
        transform-origin:top
    }
    to{
        -webkit-transform:rotateX(-180deg);
        transform:rotateX(-180deg);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@-webkit-keyframes swing-top-fwd{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:top;
        transform-origin:top
    }
    to{
        -webkit-transform:rotateX(180deg);
        transform:rotateX(180deg);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@keyframes swing-top-fwd{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:top;
        transform-origin:top
    }
    to{
        -webkit-transform:rotateX(180deg);
        transform:rotateX(180deg);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@-webkit-keyframes swing-top-left-bck{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,180deg);
        transform:rotate3d(-1,1,0,180deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@keyframes swing-top-left-bck{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,180deg);
        transform:rotate3d(-1,1,0,180deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@-webkit-keyframes swing-top-left-fwd{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,-180deg);
        transform:rotate3d(-1,1,0,-180deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@keyframes swing-top-left-fwd{
    0%{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,-180deg);
        transform:rotate3d(-1,1,0,-180deg);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%
    }
}
@-webkit-keyframes swing-top-right-bck{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    to{
        -webkit-transform:rotate3d(1,1,0,-180deg);
        transform:rotate3d(1,1,0,-180deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@keyframes swing-top-right-bck{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    to{
        -webkit-transform:rotate3d(1,1,0,-180deg);
        transform:rotate3d(1,1,0,-180deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@-webkit-keyframes swing-top-right-fwd{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    to{
        -webkit-transform:rotate3d(1,1,0,180deg);
        transform:rotate3d(1,1,0,180deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@keyframes swing-top-right-fwd{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
    to{
        -webkit-transform:rotate3d(1,1,0,180deg);
        transform:rotate3d(1,1,0,180deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%
    }
}
@-webkit-keyframes slide-bl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateY(100px) translateX(-100px);
        transform:translateY(100px) translateX(-100px)
    }
}
@keyframes slide-bl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateY(100px) translateX(-100px);
        transform:translateY(100px) translateX(-100px)
    }
}
@-webkit-keyframes slide-bottom{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(100px);
        transform:translateY(100px)
    }
}
@keyframes slide-bottom{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(100px);
        transform:translateY(100px)
    }
}
@-webkit-keyframes slide-br{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateY(100px) translateX(100px);
        transform:translateY(100px) translateX(100px)
    }
}
@keyframes slide-br{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateY(100px) translateX(100px);
        transform:translateY(100px) translateX(100px)
    }
}
@-webkit-keyframes slide-left{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        -webkit-transform:translateX(-100px);
        transform:translateX(-100px)
    }
}
@keyframes slide-left{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        -webkit-transform:translateX(-100px);
        transform:translateX(-100px)
    }
}
@-webkit-keyframes slide-right{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        -webkit-transform:translateX(100px);
        transform:translateX(100px)
    }
}
@keyframes slide-right{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        -webkit-transform:translateX(100px);
        transform:translateX(100px)
    }
}
@-webkit-keyframes slide-tl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateY(-100px) translateX(-100px);
        transform:translateY(-100px) translateX(-100px)
    }
}
@keyframes slide-tl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateY(-100px) translateX(-100px);
        transform:translateY(-100px) translateX(-100px)
    }
}
@-webkit-keyframes slide-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(-100px);
        transform:translateY(-100px)
    }
}
@keyframes slide-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(-100px);
        transform:translateY(-100px)
    }
}
@-webkit-keyframes slide-tr{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateY(-100px) translateX(100px);
        transform:translateY(-100px) translateX(100px)
    }
}
@keyframes slide-tr{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateY(-100px) translateX(100px);
        transform:translateY(-100px) translateX(100px)
    }
}
@-webkit-keyframes slide-bck-bl{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(-400px) translateY(200px) translateX(-200px);
        transform:translateZ(-400px) translateY(200px) translateX(-200px)
    }
}
@keyframes slide-bck-bl{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(-400px) translateY(200px) translateX(-200px);
        transform:translateZ(-400px) translateY(200px) translateX(-200px)
    }
}
@-webkit-keyframes slide-bck-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0)
    }
    to{
        -webkit-transform:translateZ(-400px) translateY(200px);
        transform:translateZ(-400px) translateY(200px)
    }
}
@keyframes slide-bck-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0)
    }
    to{
        -webkit-transform:translateZ(-400px) translateY(200px);
        transform:translateZ(-400px) translateY(200px)
    }
}
@-webkit-keyframes slide-bck-br{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(-400px) translateY(200px) translateX(200px);
        transform:translateZ(-400px) translateY(200px) translateX(200px)
    }
}
@keyframes slide-bck-br{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(-400px) translateY(200px) translateX(200px);
        transform:translateZ(-400px) translateY(200px) translateX(200px)
    }
}
@-webkit-keyframes slide-bck-center{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translateZ(-400px);
        transform:translateZ(-400px)
    }
}
@keyframes slide-bck-center{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translateZ(-400px);
        transform:translateZ(-400px)
    }
}
@-webkit-keyframes slide-bck-left{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(-400px) translateX(-200px);
        transform:translateZ(-400px) translateX(-200px)
    }
}
@keyframes slide-bck-left{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(-400px) translateX(-200px);
        transform:translateZ(-400px) translateX(-200px)
    }
}
@-webkit-keyframes slide-bck-right{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(-400px) translateX(200px);
        transform:translateZ(-400px) translateX(200px)
    }
}
@keyframes slide-bck-right{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(-400px) translateX(200px);
        transform:translateZ(-400px) translateX(200px)
    }
}
@-webkit-keyframes slide-bck-tl{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(-400px) translateY(-200px) translateX(-200px);
        transform:translateZ(-400px) translateY(-200px) translateX(-200px)
    }
}
@keyframes slide-bck-tl{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(-400px) translateY(-200px) translateX(-200px);
        transform:translateZ(-400px) translateY(-200px) translateX(-200px)
    }
}
@-webkit-keyframes slide-bck-top{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0)
    }
    to{
        -webkit-transform:translateZ(-400px) translateY(-200px);
        transform:translateZ(-400px) translateY(-200px)
    }
}
@keyframes slide-bck-top{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0)
    }
    to{
        -webkit-transform:translateZ(-400px) translateY(-200px);
        transform:translateZ(-400px) translateY(-200px)
    }
}
@-webkit-keyframes slide-bck-tr{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(-400px) translateY(-200px) translateX(200px);
        transform:translateZ(-400px) translateY(-200px) translateX(200px)
    }
}
@keyframes slide-bck-tr{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(-400px) translateY(-200px) translateX(200px);
        transform:translateZ(-400px) translateY(-200px) translateX(200px)
    }
}
@-webkit-keyframes slide-fwd-bl{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(160px) translateY(100px) translateX(-100px);
        transform:translateZ(160px) translateY(100px) translateX(-100px)
    }
}
@keyframes slide-fwd-bl{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(160px) translateY(100px) translateX(-100px);
        transform:translateZ(160px) translateY(100px) translateX(-100px)
    }
}
@-webkit-keyframes slide-fwd-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0)
    }
    to{
        -webkit-transform:translateZ(160px) translateY(100px);
        transform:translateZ(160px) translateY(100px)
    }
}
@keyframes slide-fwd-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0)
    }
    to{
        -webkit-transform:translateZ(160px) translateY(100px);
        transform:translateZ(160px) translateY(100px)
    }
}
@-webkit-keyframes slide-fwd-br{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(160px) translateY(100px) translateX(100px);
        transform:translateZ(160px) translateY(100px) translateX(100px)
    }
}
@keyframes slide-fwd-br{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(160px) translateY(100px) translateX(100px);
        transform:translateZ(160px) translateY(100px) translateX(100px)
    }
}
@-webkit-keyframes slide-fwd-center{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translateZ(160px);
        transform:translateZ(160px)
    }
}
@keyframes slide-fwd-center{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translateZ(160px);
        transform:translateZ(160px)
    }
}
@-webkit-keyframes slide-fwd-left{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(160px) translateX(-100px);
        transform:translateZ(160px) translateX(-100px)
    }
}
@keyframes slide-fwd-left{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(160px) translateX(-100px);
        transform:translateZ(160px) translateX(-100px)
    }
}
@-webkit-keyframes slide-fwd-right{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(160px) translateX(100px);
        transform:translateZ(160px) translateX(100px)
    }
}
@keyframes slide-fwd-right{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(160px) translateX(100px);
        transform:translateZ(160px) translateX(100px)
    }
}
@-webkit-keyframes slide-fwd-tl{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(160px) translateY(-100px) translateX(-100px);
        transform:translateZ(160px) translateY(-100px) translateX(-100px)
    }
}
@keyframes slide-fwd-tl{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(160px) translateY(-100px) translateX(-100px);
        transform:translateZ(160px) translateY(-100px) translateX(-100px)
    }
}
@-webkit-keyframes slide-fwd-top{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0)
    }
    to{
        -webkit-transform:translateZ(160px) translateY(-100px);
        transform:translateZ(160px) translateY(-100px)
    }
}
@keyframes slide-fwd-top{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0)
    }
    to{
        -webkit-transform:translateZ(160px) translateY(-100px);
        transform:translateZ(160px) translateY(-100px)
    }
}
@-webkit-keyframes slide-fwd-tr{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(160px) translateY(-100px) translateX(100px);
        transform:translateZ(160px) translateY(-100px) translateX(100px)
    }
}
@keyframes slide-fwd-tr{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0)
    }
    to{
        -webkit-transform:translateZ(160px) translateY(-100px) translateX(100px);
        transform:translateZ(160px) translateY(-100px) translateX(100px)
    }
}
@-webkit-keyframes slide-rotate-hor-b-bck{
    0%{
        -webkit-transform:translateY(0) translateZ(0) rotateX(0deg);
        transform:translateY(0) translateZ(0) rotateX(0deg);
        -webkit-transform-origin:bottom center;
        transform-origin:bottom center
    }
    to{
        -webkit-transform:translateY(150px) translateZ(-230px) rotateX(90deg);
        transform:translateY(150px) translateZ(-230px) rotateX(90deg);
        -webkit-transform-origin:bottom center;
        transform-origin:bottom center
    }
}
@keyframes slide-rotate-hor-b-bck{
    0%{
        -webkit-transform:translateY(0) translateZ(0) rotateX(0deg);
        transform:translateY(0) translateZ(0) rotateX(0deg);
        -webkit-transform-origin:bottom center;
        transform-origin:bottom center
    }
    to{
        -webkit-transform:translateY(150px) translateZ(-230px) rotateX(90deg);
        transform:translateY(150px) translateZ(-230px) rotateX(90deg);
        -webkit-transform-origin:bottom center;
        transform-origin:bottom center
    }
}
@-webkit-keyframes slide-rotate-hor-b-fwd{
    0%{
        -webkit-transform:translateY(0) translateZ(0) rotateX(0deg);
        transform:translateY(0) translateZ(0) rotateX(0deg);
        -webkit-transform-origin:top center;
        transform-origin:top center
    }
    to{
        -webkit-transform:translateY(150px) translateZ(130px) rotateX(90deg);
        transform:translateY(150px) translateZ(130px) rotateX(90deg);
        -webkit-transform-origin:top center;
        transform-origin:top center
    }
}
@keyframes slide-rotate-hor-b-fwd{
    0%{
        -webkit-transform:translateY(0) translateZ(0) rotateX(0deg);
        transform:translateY(0) translateZ(0) rotateX(0deg);
        -webkit-transform-origin:top center;
        transform-origin:top center
    }
    to{
        -webkit-transform:translateY(150px) translateZ(130px) rotateX(90deg);
        transform:translateY(150px) translateZ(130px) rotateX(90deg);
        -webkit-transform-origin:top center;
        transform-origin:top center
    }
}
@-webkit-keyframes slide-rotate-hor-bottom{
    0%{
        -webkit-transform:translateY(0) rotateX(0deg);
        transform:translateY(0) rotateX(0deg)
    }
    to{
        -webkit-transform:translateY(150px) rotateX(90deg);
        transform:translateY(150px) rotateX(90deg)
    }
}
@keyframes slide-rotate-hor-bottom{
    0%{
        -webkit-transform:translateY(0) rotateX(0deg);
        transform:translateY(0) rotateX(0deg)
    }
    to{
        -webkit-transform:translateY(150px) rotateX(90deg);
        transform:translateY(150px) rotateX(90deg)
    }
}
@-webkit-keyframes slide-rotate-hor-t-bck{
    0%{
        -webkit-transform:translateY(0) translateZ(0) rotateX(0deg);
        transform:translateY(0) translateZ(0) rotateX(0deg);
        -webkit-transform-origin:top center;
        transform-origin:top center
    }
    to{
        -webkit-transform:translateY(-150px) translateZ(-230px) rotateX(-90deg);
        transform:translateY(-150px) translateZ(-230px) rotateX(-90deg);
        -webkit-transform-origin:top center;
        transform-origin:top center
    }
}
@keyframes slide-rotate-hor-t-bck{
    0%{
        -webkit-transform:translateY(0) translateZ(0) rotateX(0deg);
        transform:translateY(0) translateZ(0) rotateX(0deg);
        -webkit-transform-origin:top center;
        transform-origin:top center
    }
    to{
        -webkit-transform:translateY(-150px) translateZ(-230px) rotateX(-90deg);
        transform:translateY(-150px) translateZ(-230px) rotateX(-90deg);
        -webkit-transform-origin:top center;
        transform-origin:top center
    }
}
@-webkit-keyframes slide-rotate-hor-t-fwd{
    0%{
        -webkit-transform:translateY(0) translateZ(0) rotateX(0deg);
        transform:translateY(0) translateZ(0) rotateX(0deg);
        -webkit-transform-origin:bottom center;
        transform-origin:bottom center
    }
    to{
        -webkit-transform:translateY(-150px) translateZ(130px) rotateX(-90deg);
        transform:translateY(-150px) translateZ(130px) rotateX(-90deg);
        -webkit-transform-origin:bottom center;
        transform-origin:bottom center
    }
}
@keyframes slide-rotate-hor-t-fwd{
    0%{
        -webkit-transform:translateY(0) translateZ(0) rotateX(0deg);
        transform:translateY(0) translateZ(0) rotateX(0deg);
        -webkit-transform-origin:bottom center;
        transform-origin:bottom center
    }
    to{
        -webkit-transform:translateY(-150px) translateZ(130px) rotateX(-90deg);
        transform:translateY(-150px) translateZ(130px) rotateX(-90deg);
        -webkit-transform-origin:bottom center;
        transform-origin:bottom center
    }
}
@-webkit-keyframes slide-rotate-hor-top{
    0%{
        -webkit-transform:translateY(0) rotateX(0deg);
        transform:translateY(0) rotateX(0deg)
    }
    to{
        -webkit-transform:translateY(-150px) rotateX(-90deg);
        transform:translateY(-150px) rotateX(-90deg)
    }
}
@keyframes slide-rotate-hor-top{
    0%{
        -webkit-transform:translateY(0) rotateX(0deg);
        transform:translateY(0) rotateX(0deg)
    }
    to{
        -webkit-transform:translateY(-150px) rotateX(-90deg);
        transform:translateY(-150px) rotateX(-90deg)
    }
}
@-webkit-keyframes slide-rotate-ver-l-bck{
    0%{
        -webkit-transform:translateX(0) translateZ(0) rotateY(0);
        transform:translateX(0) translateZ(0) rotateY(0);
        -webkit-transform-origin:center left;
        transform-origin:center left
    }
    to{
        -webkit-transform:translateX(-150px) translateZ(-230px) rotateY(90deg);
        transform:translateX(-150px) translateZ(-230px) rotateY(90deg);
        -webkit-transform-origin:center left;
        transform-origin:center left
    }
}
@keyframes slide-rotate-ver-l-bck{
    0%{
        -webkit-transform:translateX(0) translateZ(0) rotateY(0);
        transform:translateX(0) translateZ(0) rotateY(0);
        -webkit-transform-origin:center left;
        transform-origin:center left
    }
    to{
        -webkit-transform:translateX(-150px) translateZ(-230px) rotateY(90deg);
        transform:translateX(-150px) translateZ(-230px) rotateY(90deg);
        -webkit-transform-origin:center left;
        transform-origin:center left
    }
}
@-webkit-keyframes slide-rotate-ver-l-fwd{
    0%{
        -webkit-transform:translateX(0) translateZ(0) rotateY(0);
        transform:translateX(0) translateZ(0) rotateY(0);
        -webkit-transform-origin:center right;
        transform-origin:center right
    }
    to{
        -webkit-transform:translateX(-150px) translateZ(130px) rotateY(90deg);
        transform:translateX(-150px) translateZ(130px) rotateY(90deg);
        -webkit-transform-origin:center right;
        transform-origin:center right
    }
}
@keyframes slide-rotate-ver-l-fwd{
    0%{
        -webkit-transform:translateX(0) translateZ(0) rotateY(0);
        transform:translateX(0) translateZ(0) rotateY(0);
        -webkit-transform-origin:center right;
        transform-origin:center right
    }
    to{
        -webkit-transform:translateX(-150px) translateZ(130px) rotateY(90deg);
        transform:translateX(-150px) translateZ(130px) rotateY(90deg);
        -webkit-transform-origin:center right;
        transform-origin:center right
    }
}
@-webkit-keyframes slide-rotate-ver-left{
    0%{
        -webkit-transform:translateX(0) rotateY(0);
        transform:translateX(0) rotateY(0)
    }
    to{
        -webkit-transform:translateX(-150px) rotateY(90deg);
        transform:translateX(-150px) rotateY(90deg)
    }
}
@keyframes slide-rotate-ver-left{
    0%{
        -webkit-transform:translateX(0) rotateY(0);
        transform:translateX(0) rotateY(0)
    }
    to{
        -webkit-transform:translateX(-150px) rotateY(90deg);
        transform:translateX(-150px) rotateY(90deg)
    }
}
@-webkit-keyframes slide-rotate-ver-r-bck{
    0%{
        -webkit-transform:translateX(0) translateZ(0) rotateY(0);
        transform:translateX(0) translateZ(0) rotateY(0);
        -webkit-transform-origin:center right;
        transform-origin:center right
    }
    to{
        -webkit-transform:translateX(150px) translateZ(-230px) rotateY(-90deg);
        transform:translateX(150px) translateZ(-230px) rotateY(-90deg);
        -webkit-transform-origin:center right;
        transform-origin:center right
    }
}
@keyframes slide-rotate-ver-r-bck{
    0%{
        -webkit-transform:translateX(0) translateZ(0) rotateY(0);
        transform:translateX(0) translateZ(0) rotateY(0);
        -webkit-transform-origin:center right;
        transform-origin:center right
    }
    to{
        -webkit-transform:translateX(150px) translateZ(-230px) rotateY(-90deg);
        transform:translateX(150px) translateZ(-230px) rotateY(-90deg);
        -webkit-transform-origin:center right;
        transform-origin:center right
    }
}
@-webkit-keyframes slide-rotate-ver-r-fwd{
    0%{
        -webkit-transform:translateX(0) translateZ(0) rotateY(0);
        transform:translateX(0) translateZ(0) rotateY(0);
        -webkit-transform-origin:center left;
        transform-origin:center left
    }
    to{
        -webkit-transform:translateX(150px) translateZ(130px) rotateY(-90deg);
        transform:translateX(150px) translateZ(130px) rotateY(-90deg);
        -webkit-transform-origin:center left;
        transform-origin:center left
    }
}
@keyframes slide-rotate-ver-r-fwd{
    0%{
        -webkit-transform:translateX(0) translateZ(0) rotateY(0);
        transform:translateX(0) translateZ(0) rotateY(0);
        -webkit-transform-origin:center left;
        transform-origin:center left
    }
    to{
        -webkit-transform:translateX(150px) translateZ(130px) rotateY(-90deg);
        transform:translateX(150px) translateZ(130px) rotateY(-90deg);
        -webkit-transform-origin:center left;
        transform-origin:center left
    }
}
@-webkit-keyframes slide-rotate-ver-right{
    0%{
        -webkit-transform:translateX(0) rotateY(0);
        transform:translateX(0) rotateY(0)
    }
    to{
        -webkit-transform:translateX(150px) rotateY(-90deg);
        transform:translateX(150px) rotateY(-90deg)
    }
}
@keyframes slide-rotate-ver-right{
    0%{
        -webkit-transform:translateX(0) rotateY(0);
        transform:translateX(0) rotateY(0)
    }
    to{
        -webkit-transform:translateX(150px) rotateY(-90deg);
        transform:translateX(150px) rotateY(-90deg)
    }
}
@-webkit-keyframes shadow-drop-bl{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:-12px 12px 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-bl{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:-12px 12px 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-bottom{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:0 12px 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-bottom{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:0 12px 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-br{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:12px 12px 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-br{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:12px 12px 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-center{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:0 0 20px 0 rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-center{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:0 0 20px 0 rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-left{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:-12px 0 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-left{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:-12px 0 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-lr{
    0%{
        box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
    }
    to{
        box-shadow:-12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-lr{
    0%{
        box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
    }
    to{
        box-shadow:-12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-right{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:12px 0 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-right{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:12px 0 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-tb{
    0%{
        box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
    }
    to{
        box-shadow:0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-tb{
    0%{
        box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
    }
    to{
        box-shadow:0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-tl{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:-12px -12px 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-tl{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:-12px -12px 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-top{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:0 -12px 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-top{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:0 -12px 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-tr{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:12px -12px 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-tr{
    0%{
        box-shadow:0 0 0 0 transparent
    }
    to{
        box-shadow:12px -12px 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-2-bl{
    0%{
        -webkit-transform:translateZ(0) translateX(0) translateY(0);
        transform:translateZ(0) translateX(0) translateY(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px) translateX(12px) translateY(-12px);
        transform:translateZ(50px) translateX(12px) translateY(-12px);
        box-shadow:-12px 12px 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-2-bl{
    0%{
        -webkit-transform:translateZ(0) translateX(0) translateY(0);
        transform:translateZ(0) translateX(0) translateY(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px) translateX(12px) translateY(-12px);
        transform:translateZ(50px) translateX(12px) translateY(-12px);
        box-shadow:-12px 12px 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-2-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px) translateY(-12px);
        transform:translateZ(50px) translateY(-12px);
        box-shadow:0 12px 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-2-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px) translateY(-12px);
        transform:translateZ(50px) translateY(-12px);
        box-shadow:0 12px 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-2-br{
    0%{
        -webkit-transform:translateZ(0) translateX(0) translateY(0);
        transform:translateZ(0) translateX(0) translateY(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px) translateX(-12px) translateY(-12px);
        transform:translateZ(50px) translateX(-12px) translateY(-12px);
        box-shadow:12px 12px 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-2-br{
    0%{
        -webkit-transform:translateZ(0) translateX(0) translateY(0);
        transform:translateZ(0) translateX(0) translateY(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px) translateX(-12px) translateY(-12px);
        transform:translateZ(50px) translateX(-12px) translateY(-12px);
        box-shadow:12px 12px 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-2-center{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px);
        transform:translateZ(50px);
        box-shadow:0 0 20px 0 rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-2-center{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px);
        transform:translateZ(50px);
        box-shadow:0 0 20px 0 rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-2-left{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px) translateX(12px);
        transform:translateZ(50px) translateX(12px);
        box-shadow:-12px 0 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-2-left{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px) translateX(12px);
        transform:translateZ(50px) translateX(12px);
        box-shadow:-12px 0 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-2-lr{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px);
        transform:translateZ(50px);
        box-shadow:-12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-2-lr{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px);
        transform:translateZ(50px);
        box-shadow:-12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-2-right{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px) translateX(-12px);
        transform:translateZ(50px) translateX(-12px);
        box-shadow:12px 0 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-2-right{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px) translateX(-12px);
        transform:translateZ(50px) translateX(-12px);
        box-shadow:12px 0 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-2-tb{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px);
        transform:translateZ(50px);
        box-shadow:0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-2-tb{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px);
        transform:translateZ(50px);
        box-shadow:0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-2-tl{
    0%{
        -webkit-transform:translateZ(0) translateX(0) translateY(0);
        transform:translateZ(0) translateX(0) translateY(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px) translateX(12px) translateY(12px);
        transform:translateZ(50px) translateX(12px) translateY(12px);
        box-shadow:-12px -12px 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-2-tl{
    0%{
        -webkit-transform:translateZ(0) translateX(0) translateY(0);
        transform:translateZ(0) translateX(0) translateY(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px) translateX(12px) translateY(12px);
        transform:translateZ(50px) translateX(12px) translateY(12px);
        box-shadow:-12px -12px 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-2-top{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px) translateY(12px);
        transform:translateZ(50px) translateY(12px);
        box-shadow:0 -12px 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-2-top{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px) translateY(12px);
        transform:translateZ(50px) translateY(12px);
        box-shadow:0 -12px 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-drop-2-tr{
    0%{
        -webkit-transform:translateZ(0) translateX(0) translateY(0);
        transform:translateZ(0) translateX(0) translateY(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px) translateX(-12px) translateY(12px);
        transform:translateZ(50px) translateX(-12px) translateY(12px);
        box-shadow:12px -12px 20px -12px rgba(0,0,0,.35)
    }
}
@keyframes shadow-drop-2-tr{
    0%{
        -webkit-transform:translateZ(0) translateX(0) translateY(0);
        transform:translateZ(0) translateX(0) translateY(0);
        box-shadow:0 0 0 0 transparent
    }
    to{
        -webkit-transform:translateZ(50px) translateX(-12px) translateY(12px);
        transform:translateZ(50px) translateX(-12px) translateY(12px);
        box-shadow:12px -12px 20px -12px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes shadow-pop-bl{
    0%{
        box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    to{
        box-shadow:-1px 1px #3e3e3e,-2px 2px #3e3e3e,-3px 3px #3e3e3e,-4px 4px #3e3e3e,-5px 5px #3e3e3e,-6px 6px #3e3e3e,-7px 7px #3e3e3e,-8px 8px #3e3e3e;
        -webkit-transform:translateX(8px) translateY(-8px);
        transform:translateX(8px) translateY(-8px)
    }
}
@keyframes shadow-pop-bl{
    0%{
        box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    to{
        box-shadow:-1px 1px #3e3e3e,-2px 2px #3e3e3e,-3px 3px #3e3e3e,-4px 4px #3e3e3e,-5px 5px #3e3e3e,-6px 6px #3e3e3e,-7px 7px #3e3e3e,-8px 8px #3e3e3e;
        -webkit-transform:translateX(8px) translateY(-8px);
        transform:translateX(8px) translateY(-8px)
    }
}
@-webkit-keyframes shadow-pop-br{
    0%{
        box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    to{
        box-shadow:1px 1px #3e3e3e,2px 2px #3e3e3e,3px 3px #3e3e3e,4px 4px #3e3e3e,5px 5px #3e3e3e,6px 6px #3e3e3e,7px 7px #3e3e3e,8px 8px #3e3e3e;
        -webkit-transform:translateX(-8px) translateY(-8px);
        transform:translateX(-8px) translateY(-8px)
    }
}
@keyframes shadow-pop-br{
    0%{
        box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    to{
        box-shadow:1px 1px #3e3e3e,2px 2px #3e3e3e,3px 3px #3e3e3e,4px 4px #3e3e3e,5px 5px #3e3e3e,6px 6px #3e3e3e,7px 7px #3e3e3e,8px 8px #3e3e3e;
        -webkit-transform:translateX(-8px) translateY(-8px);
        transform:translateX(-8px) translateY(-8px)
    }
}
@-webkit-keyframes shadow-pop-tl{
    0%{
        box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    to{
        box-shadow:-1px -1px #3e3e3e,-2px -2px #3e3e3e,-3px -3px #3e3e3e,-4px -4px #3e3e3e,-5px -5px #3e3e3e,-6px -6px #3e3e3e,-7px -7px #3e3e3e,-8px -8px #3e3e3e;
        -webkit-transform:translateX(8px) translateY(8px);
        transform:translateX(8px) translateY(8px)
    }
}
@keyframes shadow-pop-tl{
    0%{
        box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    to{
        box-shadow:-1px -1px #3e3e3e,-2px -2px #3e3e3e,-3px -3px #3e3e3e,-4px -4px #3e3e3e,-5px -5px #3e3e3e,-6px -6px #3e3e3e,-7px -7px #3e3e3e,-8px -8px #3e3e3e;
        -webkit-transform:translateX(8px) translateY(8px);
        transform:translateX(8px) translateY(8px)
    }
}
@-webkit-keyframes shadow-pop-tr{
    0%{
        box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    to{
        box-shadow:1px -1px #3e3e3e,2px -2px #3e3e3e,3px -3px #3e3e3e,4px -4px #3e3e3e,5px -5px #3e3e3e,6px -6px #3e3e3e,7px -7px #3e3e3e,8px -8px #3e3e3e;
        -webkit-transform:translateX(-8px) translateY(8px);
        transform:translateX(-8px) translateY(8px)
    }
}
@keyframes shadow-pop-tr{
    0%{
        box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    to{
        box-shadow:1px -1px #3e3e3e,2px -2px #3e3e3e,3px -3px #3e3e3e,4px -4px #3e3e3e,5px -5px #3e3e3e,6px -6px #3e3e3e,7px -7px #3e3e3e,8px -8px #3e3e3e;
        -webkit-transform:translateX(-8px) translateY(8px);
        transform:translateX(-8px) translateY(8px)
    }
}
@-webkit-keyframes shadow-inset-bl{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset 6px -6px 14px -6px rgba(0,0,0,.5)
    }
}
@keyframes shadow-inset-bl{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset 6px -6px 14px -6px rgba(0,0,0,.5)
    }
}
@-webkit-keyframes shadow-inset-bottom{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset 0 -6px 14px -6px rgba(0,0,0,.5)
    }
}
@keyframes shadow-inset-bottom{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset 0 -6px 14px -6px rgba(0,0,0,.5)
    }
}
@-webkit-keyframes shadow-inset-br{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset -6px -6px 14px -6px rgba(0,0,0,.5)
    }
}
@keyframes shadow-inset-br{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset -6px -6px 14px -6px rgba(0,0,0,.5)
    }
}
@-webkit-keyframes shadow-inset-center{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset 0 0 14px 0 rgba(0,0,0,.5)
    }
}
@keyframes shadow-inset-center{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset 0 0 14px 0 rgba(0,0,0,.5)
    }
}
@-webkit-keyframes shadow-inset-left{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset 6px 0 14px -6px rgba(0,0,0,.5)
    }
}
@keyframes shadow-inset-left{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset 6px 0 14px -6px rgba(0,0,0,.5)
    }
}
@-webkit-keyframes shadow-inset-lr{
    0%{
        box-shadow:inset 0 0 0 0 transparent,inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset -6px 0 14px -6px rgba(0,0,0,.5),inset 6px 0 14px -6px rgba(0,0,0,.5)
    }
}
@keyframes shadow-inset-lr{
    0%{
        box-shadow:inset 0 0 0 0 transparent,inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset -6px 0 14px -6px rgba(0,0,0,.5),inset 6px 0 14px -6px rgba(0,0,0,.5)
    }
}
@-webkit-keyframes shadow-inset-right{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset -6px 0 14px -6px rgba(0,0,0,.5)
    }
}
@keyframes shadow-inset-right{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset -6px 0 14px -6px rgba(0,0,0,.5)
    }
}
@-webkit-keyframes shadow-inset-tb{
    0%{
        box-shadow:inset 0 0 0 0 transparent,inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset 0 -6px 14px -6px rgba(0,0,0,.5),inset 0 6px 14px -6px rgba(0,0,0,.5)
    }
}
@keyframes shadow-inset-tb{
    0%{
        box-shadow:inset 0 0 0 0 transparent,inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset 0 -6px 14px -6px rgba(0,0,0,.5),inset 0 6px 14px -6px rgba(0,0,0,.5)
    }
}
@-webkit-keyframes shadow-inset-tl{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset 6px 6px 14px -6px rgba(0,0,0,.5)
    }
}
@keyframes shadow-inset-tl{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset 6px 6px 14px -6px rgba(0,0,0,.5)
    }
}
@-webkit-keyframes shadow-inset-top{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset 0 6px 14px -6px rgba(0,0,0,.5)
    }
}
@keyframes shadow-inset-top{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset 0 6px 14px -6px rgba(0,0,0,.5)
    }
}
@-webkit-keyframes shadow-inset-tr{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset -6px 6px 14px -6px rgba(0,0,0,.5)
    }
}
@keyframes shadow-inset-tr{
    0%{
        box-shadow:inset 0 0 0 0 transparent
    }
    to{
        box-shadow:inset -6px 6px 14px -6px rgba(0,0,0,.5)
    }
}
@-webkit-keyframes scale-in-bl{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        opacity:1
    }
}
@keyframes scale-in-bl{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        opacity:1
    }
}
@-webkit-keyframes scale-in-br{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
}
@keyframes scale-in-br{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
}
@-webkit-keyframes scale-in-bottom{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1
    }
}
@keyframes scale-in-bottom{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1
    }
}
@-webkit-keyframes scale-in-center{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes scale-in-center{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@-webkit-keyframes scale-in-hor-center{
    0%{
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        opacity:1
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        opacity:1
    }
}
@keyframes scale-in-hor-center{
    0%{
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        opacity:1
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        opacity:1
    }
}
@-webkit-keyframes scale-in-hor-left{
    0%{
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        opacity:1
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        opacity:1
    }
}
@keyframes scale-in-hor-left{
    0%{
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        opacity:1
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        opacity:1
    }
}
@-webkit-keyframes scale-in-hor-right{
    0%{
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
}
@keyframes scale-in-hor-right{
    0%{
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
}
@-webkit-keyframes scale-in-left{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        opacity:1
    }
}
@keyframes scale-in-left{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        opacity:1
    }
}
@-webkit-keyframes scale-in-right{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:1
    }
}
@keyframes scale-in-right{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:1
    }
}
@-webkit-keyframes scale-in-tl{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        opacity:1
    }
}
@keyframes scale-in-tl{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        opacity:1
    }
}
@-webkit-keyframes scale-in-tr{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
}
@keyframes scale-in-tr{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
}
@-webkit-keyframes scale-in-top{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        opacity:1
    }
}
@keyframes scale-in-top{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        opacity:1
    }
}
@-webkit-keyframes scale-in-ver-bottom{
    0%{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        opacity:1
    }
}
@keyframes scale-in-ver-bottom{
    0%{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        opacity:1
    }
}
@-webkit-keyframes scale-in-ver-center{
    0%{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        opacity:1
    }
    to{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        opacity:1
    }
}
@keyframes scale-in-ver-center{
    0%{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        opacity:1
    }
    to{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        opacity:1
    }
}
@-webkit-keyframes scale-in-ver-top{
    0%{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
    to{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
}
@keyframes scale-in-ver-top{
    0%{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
    to{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
}
@-webkit-keyframes rotate-in-bl{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:bottom left;
        transform-origin:bottom left;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:bottom left;
        transform-origin:bottom left;
        opacity:1
    }
}
@keyframes rotate-in-bl{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:bottom left;
        transform-origin:bottom left;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:bottom left;
        transform-origin:bottom left;
        opacity:1
    }
}
@-webkit-keyframes rotate-in-bottom{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:1
    }
}
@keyframes rotate-in-bottom{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:1
    }
}
@-webkit-keyframes rotate-in-br{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:bottom right;
        transform-origin:bottom right;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:bottom right;
        transform-origin:bottom right;
        opacity:1
    }
}
@keyframes rotate-in-br{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:bottom right;
        transform-origin:bottom right;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:bottom right;
        transform-origin:bottom right;
        opacity:1
    }
}
@-webkit-keyframes rotate-in-center{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotate-in-center{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@-webkit-keyframes rotate-in-left{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:left;
        transform-origin:left;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:left;
        transform-origin:left;
        opacity:1
    }
}
@keyframes rotate-in-left{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:left;
        transform-origin:left;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:left;
        transform-origin:left;
        opacity:1
    }
}
@-webkit-keyframes rotate-in-right{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:right;
        transform-origin:right;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:right;
        transform-origin:right;
        opacity:1
    }
}
@keyframes rotate-in-right{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:right;
        transform-origin:right;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:right;
        transform-origin:right;
        opacity:1
    }
}
@-webkit-keyframes rotate-in-tl{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        opacity:1
    }
}
@keyframes rotate-in-tl{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        opacity:1
    }
}
@-webkit-keyframes rotate-in-top{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:1
    }
}
@keyframes rotate-in-top{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:1
    }
}
@-webkit-keyframes rotate-in-tr{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:top right;
        transform-origin:top right;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:top right;
        transform-origin:top right;
        opacity:1
    }
}
@keyframes rotate-in-tr{
    0%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:top right;
        transform-origin:top right;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:top right;
        transform-origin:top right;
        opacity:1
    }
}
@-webkit-keyframes rotate-in-diag-1{
    0%{
        -webkit-transform:rotate3d(1,1,0,-360deg);
        transform:rotate3d(1,1,0,-360deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
}
@keyframes rotate-in-diag-1{
    0%{
        -webkit-transform:rotate3d(1,1,0,-360deg);
        transform:rotate3d(1,1,0,-360deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
}
@-webkit-keyframes rotate-in-diag-2{
    0%{
        -webkit-transform:rotate3d(-1,1,0,-360deg);
        transform:rotate3d(-1,1,0,-360deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg);
        opacity:1
    }
}
@keyframes rotate-in-diag-2{
    0%{
        -webkit-transform:rotate3d(-1,1,0,-360deg);
        transform:rotate3d(-1,1,0,-360deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg);
        opacity:1
    }
}
@-webkit-keyframes rotate-in-hor{
    0%{
        -webkit-transform:rotateX(360deg);
        transform:rotateX(360deg);
        opacity:0
    }
    to{
        -webkit-transform:rotateX(0deg);
        transform:rotateX(0deg);
        opacity:1
    }
}
@keyframes rotate-in-hor{
    0%{
        -webkit-transform:rotateX(360deg);
        transform:rotateX(360deg);
        opacity:0
    }
    to{
        -webkit-transform:rotateX(0deg);
        transform:rotateX(0deg);
        opacity:1
    }
}
@-webkit-keyframes rotate-in-ver{
    0%{
        -webkit-transform:rotateY(-360deg);
        transform:rotateY(-360deg);
        opacity:0
    }
    to{
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg);
        opacity:1
    }
}
@keyframes rotate-in-ver{
    0%{
        -webkit-transform:rotateY(-360deg);
        transform:rotateY(-360deg);
        opacity:0
    }
    to{
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg);
        opacity:1
    }
}
@-webkit-keyframes rotate-in-2-bck{
    0%{
        -webkit-transform:translateZ(200px) rotate(45deg);
        transform:translateZ(200px) rotate(45deg);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) rotate(0);
        transform:translateZ(0) rotate(0);
        opacity:1
    }
}
@keyframes rotate-in-2-bck{
    0%{
        -webkit-transform:translateZ(200px) rotate(45deg);
        transform:translateZ(200px) rotate(45deg);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) rotate(0);
        transform:translateZ(0) rotate(0);
        opacity:1
    }
}
@-webkit-keyframes rotate-in-2-bl-ccw{
    0%{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:1
    }
}
@keyframes rotate-in-2-bl-ccw{
    0%{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:1
    }
}
@-webkit-keyframes rotate-in-2-bl-cw{
    0%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:1
    }
}
@keyframes rotate-in-2-bl-cw{
    0%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:1
    }
}
@-webkit-keyframes rotate-in-2-br-ccw{
    0%{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
}
@keyframes rotate-in-2-br-ccw{
    0%{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
}
@-webkit-keyframes rotate-in-2-br-cw{
    0%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
}
@keyframes rotate-in-2-br-cw{
    0%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
}
@-webkit-keyframes rotate-in-2-ccw{
    0%{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotate-in-2-ccw{
    0%{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@-webkit-keyframes rotate-in-2-cw{
    0%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotate-in-2-cw{
    0%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@-webkit-keyframes rotate-in-2-fwd{
    0%{
        -webkit-transform:translateZ(-200px) rotate(-45deg);
        transform:translateZ(-200px) rotate(-45deg);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) rotate(0);
        transform:translateZ(0) rotate(0);
        opacity:1
    }
}
@keyframes rotate-in-2-fwd{
    0%{
        -webkit-transform:translateZ(-200px) rotate(-45deg);
        transform:translateZ(-200px) rotate(-45deg);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) rotate(0);
        transform:translateZ(0) rotate(0);
        opacity:1
    }
}
@-webkit-keyframes rotate-in-2-tl-ccw{
    0%{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
}
@keyframes rotate-in-2-tl-ccw{
    0%{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
}
@-webkit-keyframes rotate-in-2-tl-cw{
    0%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
}
@keyframes rotate-in-2-tl-cw{
    0%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
}
@-webkit-keyframes rotate-in-2-tr-ccw{
    0%{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
}
@keyframes rotate-in-2-tr-ccw{
    0%{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
}
@-webkit-keyframes rotate-in-2-tr-cw{
    0%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
}
@keyframes rotate-in-2-tr-cw{
    0%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
}
@-webkit-keyframes swirl-in-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        opacity:1
    }
}
@keyframes swirl-in-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        opacity:1
    }
}
@-webkit-keyframes swirl-in-bl-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:1
    }
}
@keyframes swirl-in-bl-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:1
    }
}
@-webkit-keyframes swirl-in-bl-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:1
    }
}
@keyframes swirl-in-bl-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:1
    }
}
@-webkit-keyframes swirl-in-br-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
}
@keyframes swirl-in-br-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
}
@-webkit-keyframes swirl-in-br-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
}
@keyframes swirl-in-br-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
}
@-webkit-keyframes swirl-in-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        opacity:1
    }
}
@keyframes swirl-in-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        opacity:1
    }
}
@-webkit-keyframes swirl-in-tl-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
}
@keyframes swirl-in-tl-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
}
@-webkit-keyframes swirl-in-tl-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
}
@keyframes swirl-in-tl-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
}
@-webkit-keyframes swirl-in-tr-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
}
@keyframes swirl-in-tr-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
}
@-webkit-keyframes swirl-in-tr-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
}
@keyframes swirl-in-tr-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
}
@-webkit-keyframes swirl-in-top-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:50% 0;
        transform-origin:50% 0;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:50% 0;
        transform-origin:50% 0;
        opacity:1
    }
}
@keyframes swirl-in-top-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:50% 0;
        transform-origin:50% 0;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:50% 0;
        transform-origin:50% 0;
        opacity:1
    }
}
@-webkit-keyframes swirl-in-top-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:50% 0;
        transform-origin:50% 0;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:50% 0;
        transform-origin:50% 0;
        opacity:1
    }
}
@keyframes swirl-in-top-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:50% 0;
        transform-origin:50% 0;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:50% 0;
        transform-origin:50% 0;
        opacity:1
    }
}
@-webkit-keyframes swirl-in-right-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:1
    }
}
@keyframes swirl-in-right-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:1
    }
}
@-webkit-keyframes swirl-in-right-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:1
    }
}
@keyframes swirl-in-right-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:1
    }
}
@-webkit-keyframes swirl-in-bottom-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1
    }
}
@keyframes swirl-in-bottom-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1
    }
}
@-webkit-keyframes swirl-in-bottom-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1
    }
}
@keyframes swirl-in-bottom-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1
    }
}
@-webkit-keyframes swirl-in-left-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        opacity:1
    }
}
@keyframes swirl-in-left-fwd{
    0%{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        opacity:1
    }
}
@-webkit-keyframes swirl-in-left-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        opacity:1
    }
}
@keyframes swirl-in-left-bck{
    0%{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        opacity:0
    }
    to{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        opacity:1
    }
}
@-webkit-keyframes flip-in-diag-1-tr{
    0%{
        -webkit-transform:rotate3d(1,1,0,-80deg);
        transform:rotate3d(1,1,0,-80deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
}
@keyframes flip-in-diag-1-tr{
    0%{
        -webkit-transform:rotate3d(1,1,0,-80deg);
        transform:rotate3d(1,1,0,-80deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
}
@-webkit-keyframes flip-in-diag-1-bl{
    0%{
        -webkit-transform:rotate3d(1,1,0,80deg);
        transform:rotate3d(1,1,0,80deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
}
@keyframes flip-in-diag-1-bl{
    0%{
        -webkit-transform:rotate3d(1,1,0,80deg);
        transform:rotate3d(1,1,0,80deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
}
@-webkit-keyframes flip-in-diag-2-tl{
    0%{
        -webkit-transform:rotate3d(-1,1,0,80deg);
        transform:rotate3d(-1,1,0,80deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
}
@keyframes flip-in-diag-2-tl{
    0%{
        -webkit-transform:rotate3d(-1,1,0,80deg);
        transform:rotate3d(-1,1,0,80deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
}
@-webkit-keyframes flip-in-diag-2-br{
    0%{
        -webkit-transform:rotate3d(-1,1,0,-80deg);
        transform:rotate3d(-1,1,0,-80deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
}
@keyframes flip-in-diag-2-br{
    0%{
        -webkit-transform:rotate3d(-1,1,0,-80deg);
        transform:rotate3d(-1,1,0,-80deg);
        opacity:0
    }
    to{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
}
@-webkit-keyframes flip-in-hor-top{
    0%{
        -webkit-transform:rotateX(-80deg);
        transform:rotateX(-80deg);
        opacity:0
    }
    to{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}
@keyframes flip-in-hor-top{
    0%{
        -webkit-transform:rotateX(-80deg);
        transform:rotateX(-80deg);
        opacity:0
    }
    to{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}
@-webkit-keyframes flip-in-hor-bottom{
    0%{
        -webkit-transform:rotateX(80deg);
        transform:rotateX(80deg);
        opacity:0
    }
    to{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}
@keyframes flip-in-hor-bottom{
    0%{
        -webkit-transform:rotateX(80deg);
        transform:rotateX(80deg);
        opacity:0
    }
    to{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}
@-webkit-keyframes flip-in-ver-right{
    0%{
        -webkit-transform:rotateY(-80deg);
        transform:rotateY(-80deg);
        opacity:0
    }
    to{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        opacity:1
    }
}
@keyframes flip-in-ver-right{
    0%{
        -webkit-transform:rotateY(-80deg);
        transform:rotateY(-80deg);
        opacity:0
    }
    to{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        opacity:1
    }
}
@-webkit-keyframes flip-in-ver-left{
    0%{
        -webkit-transform:rotateY(80deg);
        transform:rotateY(80deg);
        opacity:0
    }
    to{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        opacity:1
    }
}
@keyframes flip-in-ver-left{
    0%{
        -webkit-transform:rotateY(80deg);
        transform:rotateY(80deg);
        opacity:0
    }
    to{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        opacity:1
    }
}
@-webkit-keyframes slit-in-horizontal{
    0%{
        -webkit-transform:translateZ(-800px) rotateX(90deg);
        transform:translateZ(-800px) rotateX(90deg);
        opacity:0
    }
    54%{
        -webkit-transform:translateZ(-160px) rotateX(87deg);
        transform:translateZ(-160px) rotateX(87deg);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(0) rotateX(0);
        transform:translateZ(0) rotateX(0)
    }
}
@keyframes slit-in-horizontal{
    0%{
        -webkit-transform:translateZ(-800px) rotateX(90deg);
        transform:translateZ(-800px) rotateX(90deg);
        opacity:0
    }
    54%{
        -webkit-transform:translateZ(-160px) rotateX(87deg);
        transform:translateZ(-160px) rotateX(87deg);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(0) rotateX(0);
        transform:translateZ(0) rotateX(0)
    }
}
@-webkit-keyframes slit-in-vertical{
    0%{
        -webkit-transform:translateZ(-800px) rotateY(90deg);
        transform:translateZ(-800px) rotateY(90deg);
        opacity:0
    }
    54%{
        -webkit-transform:translateZ(-160px) rotateY(87deg);
        transform:translateZ(-160px) rotateY(87deg);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(0) rotateY(0);
        transform:translateZ(0) rotateY(0)
    }
}
@keyframes slit-in-vertical{
    0%{
        -webkit-transform:translateZ(-800px) rotateY(90deg);
        transform:translateZ(-800px) rotateY(90deg);
        opacity:0
    }
    54%{
        -webkit-transform:translateZ(-160px) rotateY(87deg);
        transform:translateZ(-160px) rotateY(87deg);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(0) rotateY(0);
        transform:translateZ(0) rotateY(0)
    }
}
@-webkit-keyframes slit-in-diagonal-1{
    0%{
        -webkit-transform:translateZ(-800px) rotate3d(1,1,0,90deg);
        transform:translateZ(-800px) rotate3d(1,1,0,90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    54%{
        -webkit-transform:translateZ(-160px) rotate3d(1,1,0,87deg);
        transform:translateZ(-160px) rotate3d(1,1,0,87deg);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to{
        -webkit-transform:translateZ(0) rotate3d(1,1,0,0);
        transform:translateZ(0) rotate3d(1,1,0,0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
}
@keyframes slit-in-diagonal-1{
    0%{
        -webkit-transform:translateZ(-800px) rotate3d(1,1,0,90deg);
        transform:translateZ(-800px) rotate3d(1,1,0,90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    54%{
        -webkit-transform:translateZ(-160px) rotate3d(1,1,0,87deg);
        transform:translateZ(-160px) rotate3d(1,1,0,87deg);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to{
        -webkit-transform:translateZ(0) rotate3d(1,1,0,0);
        transform:translateZ(0) rotate3d(1,1,0,0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
}
@-webkit-keyframes slit-in-diagonal-2{
    0%{
        -webkit-transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);
        transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    54%{
        -webkit-transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);
        transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to{
        -webkit-transform:translateZ(0) rotate3d(-1,1,0,0);
        transform:translateZ(0) rotate3d(-1,1,0,0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
}
@keyframes slit-in-diagonal-2{
    0%{
        -webkit-transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);
        transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    54%{
        -webkit-transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);
        transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to{
        -webkit-transform:translateZ(0) rotate3d(-1,1,0,0);
        transform:translateZ(0) rotate3d(-1,1,0,0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
}
@-webkit-keyframes roll-in-left{
    0%{
        -webkit-transform:translateX(-800px) rotate(-540deg);
        transform:translateX(-800px) rotate(-540deg);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        opacity:1
    }
}
@keyframes roll-in-left{
    0%{
        -webkit-transform:translateX(-800px) rotate(-540deg);
        transform:translateX(-800px) rotate(-540deg);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        opacity:1
    }
}
@-webkit-keyframes roll-in-top{
    0%{
        -webkit-transform:translateY(-800px) rotate(-540deg);
        transform:translateY(-800px) rotate(-540deg);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
}
@keyframes roll-in-top{
    0%{
        -webkit-transform:translateY(-800px) rotate(-540deg);
        transform:translateY(-800px) rotate(-540deg);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
}
@-webkit-keyframes roll-in-bottom{
    0%{
        -webkit-transform:translateY(800px) rotate(540deg);
        transform:translateY(800px) rotate(540deg);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
}
@keyframes roll-in-bottom{
    0%{
        -webkit-transform:translateY(800px) rotate(540deg);
        transform:translateY(800px) rotate(540deg);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
}
@-webkit-keyframes roll-in-right{
    0%{
        -webkit-transform:translateX(800px) rotate(540deg);
        transform:translateX(800px) rotate(540deg);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        opacity:1
    }
}
@keyframes roll-in-right{
    0%{
        -webkit-transform:translateX(800px) rotate(540deg);
        transform:translateX(800px) rotate(540deg);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        opacity:1
    }
}
@-webkit-keyframes roll-in-blurred-left{
    0%{
        -webkit-transform:translateX(-1000px) rotate(-720deg);
        transform:translateX(-1000px) rotate(-720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes roll-in-blurred-left{
    0%{
        -webkit-transform:translateX(-1000px) rotate(-720deg);
        transform:translateX(-1000px) rotate(-720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes roll-in-blurred-top{
    0%{
        -webkit-transform:translateY(-800px) rotate(-720deg);
        transform:translateY(-800px) rotate(-720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes roll-in-blurred-top{
    0%{
        -webkit-transform:translateY(-800px) rotate(-720deg);
        transform:translateY(-800px) rotate(-720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes roll-in-blurred-bottom{
    0%{
        -webkit-transform:translateY(800px) rotate(720deg);
        transform:translateY(800px) rotate(720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
}
@keyframes roll-in-blurred-bottom{
    0%{
        -webkit-transform:translateY(800px) rotate(720deg);
        transform:translateY(800px) rotate(720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
}
@-webkit-keyframes roll-in-blurred-right{
    0%{
        -webkit-transform:translateX(1000px) rotate(720deg);
        transform:translateX(1000px) rotate(720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes roll-in-blurred-right{
    0%{
        -webkit-transform:translateX(1000px) rotate(720deg);
        transform:translateX(1000px) rotate(720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bl{
    0%{
        -webkit-transform:translateY(1000px) translateX(-1000px);
        transform:translateY(1000px) translateX(-1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-bl{
    0%{
        -webkit-transform:translateY(1000px) translateX(-1000px);
        transform:translateY(1000px) translateX(-1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-br{
    0%{
        -webkit-transform:translateY(1000px) translateX(1000px);
        transform:translateY(1000px) translateX(1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-br{
    0%{
        -webkit-transform:translateY(1000px) translateX(1000px);
        transform:translateY(1000px) translateX(1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bottom{
    0%{
        -webkit-transform:translateY(1000px);
        transform:translateY(1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@keyframes slide-in-bottom{
    0%{
        -webkit-transform:translateY(1000px);
        transform:translateY(1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-left{
    0%{
        -webkit-transform:translateX(-1000px);
        transform:translateX(-1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes slide-in-left{
    0%{
        -webkit-transform:translateX(-1000px);
        transform:translateX(-1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-right{
    0%{
        -webkit-transform:translateX(1000px);
        transform:translateX(1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes slide-in-right{
    0%{
        -webkit-transform:translateX(1000px);
        transform:translateX(1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-tl{
    0%{
        -webkit-transform:translateY(-1000px) translateX(-1000px);
        transform:translateY(-1000px) translateX(-1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-tl{
    0%{
        -webkit-transform:translateY(-1000px) translateX(-1000px);
        transform:translateY(-1000px) translateX(-1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-tr{
    0%{
        -webkit-transform:translateY(-1000px) translateX(1000px);
        transform:translateY(-1000px) translateX(1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-tr{
    0%{
        -webkit-transform:translateY(-1000px) translateX(1000px);
        transform:translateY(-1000px) translateX(1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-top{
    0%{
        -webkit-transform:translateY(-1000px);
        transform:translateY(-1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@keyframes slide-in-top{
    0%{
        -webkit-transform:translateY(-1000px);
        transform:translateY(-1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-fwd-bl{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(800px) translateX(-1000px);
        transform:translateZ(-1400px) translateY(800px) translateX(-1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-fwd-bl{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(800px) translateX(-1000px);
        transform:translateZ(-1400px) translateY(800px) translateX(-1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-fwd-bottom{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(800px);
        transform:translateZ(-1400px) translateY(800px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes slide-in-fwd-bottom{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(800px);
        transform:translateZ(-1400px) translateY(800px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-fwd-br{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(800px) translateX(1000px);
        transform:translateZ(-1400px) translateY(800px) translateX(1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-fwd-br{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(800px) translateX(1000px);
        transform:translateZ(-1400px) translateY(800px) translateX(1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-fwd-center{
    0%{
        -webkit-transform:translateZ(-1400px);
        transform:translateZ(-1400px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes slide-in-fwd-center{
    0%{
        -webkit-transform:translateZ(-1400px);
        transform:translateZ(-1400px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-fwd-left{
    0%{
        -webkit-transform:translateZ(-1400px) translateX(-1000px);
        transform:translateZ(-1400px) translateX(-1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-fwd-left{
    0%{
        -webkit-transform:translateZ(-1400px) translateX(-1000px);
        transform:translateZ(-1400px) translateX(-1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-fwd-right{
    0%{
        -webkit-transform:translateZ(-1400px) translateX(1000px);
        transform:translateZ(-1400px) translateX(1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-fwd-right{
    0%{
        -webkit-transform:translateZ(-1400px) translateX(1000px);
        transform:translateZ(-1400px) translateX(1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-fwd-tl{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(-800px) translateX(-1000px);
        transform:translateZ(-1400px) translateY(-800px) translateX(-1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-fwd-tl{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(-800px) translateX(-1000px);
        transform:translateZ(-1400px) translateY(-800px) translateX(-1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-fwd-top{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(-800px);
        transform:translateZ(-1400px) translateY(-800px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes slide-in-fwd-top{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(-800px);
        transform:translateZ(-1400px) translateY(-800px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-fwd-tr{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(-800px) translateX(1000px);
        transform:translateZ(-1400px) translateY(-800px) translateX(1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-fwd-tr{
    0%{
        -webkit-transform:translateZ(-1400px) translateY(-800px) translateX(1000px);
        transform:translateZ(-1400px) translateY(-800px) translateX(1000px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-bl{
    0%{
        -webkit-transform:translateZ(700px) translateY(300px) translateX(-400px);
        transform:translateZ(700px) translateY(300px) translateX(-400px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-bck-bl{
    0%{
        -webkit-transform:translateZ(700px) translateY(300px) translateX(-400px);
        transform:translateZ(700px) translateY(300px) translateX(-400px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-bottom{
    0%{
        -webkit-transform:translateZ(700px) translateY(300px);
        transform:translateZ(700px) translateY(300px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes slide-in-bck-bottom{
    0%{
        -webkit-transform:translateZ(700px) translateY(300px);
        transform:translateZ(700px) translateY(300px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-br{
    0%{
        -webkit-transform:translateZ(700px) translateY(300px) translateX(400px);
        transform:translateZ(700px) translateY(300px) translateX(400px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-bck-br{
    0%{
        -webkit-transform:translateZ(700px) translateY(300px) translateX(400px);
        transform:translateZ(700px) translateY(300px) translateX(400px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-center{
    0%{
        -webkit-transform:translateZ(600px);
        transform:translateZ(600px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes slide-in-bck-center{
    0%{
        -webkit-transform:translateZ(600px);
        transform:translateZ(600px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-left{
    0%{
        -webkit-transform:translateZ(700px) translateX(-400px);
        transform:translateZ(700px) translateX(-400px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-bck-left{
    0%{
        -webkit-transform:translateZ(700px) translateX(-400px);
        transform:translateZ(700px) translateX(-400px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-right{
    0%{
        -webkit-transform:translateZ(700px) translateX(400px);
        transform:translateZ(700px) translateX(400px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-bck-right{
    0%{
        -webkit-transform:translateZ(700px) translateX(400px);
        transform:translateZ(700px) translateX(400px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-tl{
    0%{
        -webkit-transform:translateZ(700px) translateY(-300px) translateX(-400px);
        transform:translateZ(700px) translateY(-300px) translateX(-400px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-bck-tl{
    0%{
        -webkit-transform:translateZ(700px) translateY(-300px) translateX(-400px);
        transform:translateZ(700px) translateY(-300px) translateX(-400px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-top{
    0%{
        -webkit-transform:translateZ(700px) translateY(-300px);
        transform:translateZ(700px) translateY(-300px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes slide-in-bck-top{
    0%{
        -webkit-transform:translateZ(700px) translateY(-300px);
        transform:translateZ(700px) translateY(-300px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes slide-in-bck-tr{
    0%{
        -webkit-transform:translateZ(700px) translateY(-300px) translateX(400px);
        transform:translateZ(700px) translateY(-300px) translateX(400px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
}
@keyframes slide-in-bck-tr{
    0%{
        -webkit-transform:translateZ(700px) translateY(-300px) translateX(400px);
        transform:translateZ(700px) translateY(-300px) translateX(400px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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 bounce-in-bck{
    0%{
        -webkit-transform:scale(7);
        transform:scale(7);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    38%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
    55%{
        -webkit-transform:scale(1.5);
        transform:scale(1.5);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    72%,89%,to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    81%{
        -webkit-transform:scale(1.24);
        transform:scale(1.24);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    95%{
        -webkit-transform:scale(1.04);
        transform:scale(1.04);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes bounce-in-bck{
    0%{
        -webkit-transform:scale(7);
        transform:scale(7);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    38%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
    55%{
        -webkit-transform:scale(1.5);
        transform:scale(1.5);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    72%,89%,to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    81%{
        -webkit-transform:scale(1.24);
        transform:scale(1.24);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    95%{
        -webkit-transform:scale(1.04);
        transform:scale(1.04);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@-webkit-keyframes bounce-in-bottom{
    0%{
        -webkit-transform:translateY(500px);
        transform:translateY(500px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    38%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
    55%{
        -webkit-transform:translateY(65px);
        transform:translateY(65px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    72%,90%,to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    81%{
        -webkit-transform:translateY(28px);
        transform:translateY(28px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    95%{
        -webkit-transform:translateY(8px);
        transform:translateY(8px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes bounce-in-bottom{
    0%{
        -webkit-transform:translateY(500px);
        transform:translateY(500px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    38%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
    55%{
        -webkit-transform:translateY(65px);
        transform:translateY(65px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    72%,90%,to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    81%{
        -webkit-transform:translateY(28px);
        transform:translateY(28px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    95%{
        -webkit-transform:translateY(8px);
        transform:translateY(8px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@-webkit-keyframes bounce-in-fwd{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    38%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
    55%{
        -webkit-transform:scale(.7);
        transform:scale(.7);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    72%,89%,to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    81%{
        -webkit-transform:scale(.84);
        transform:scale(.84);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    95%{
        -webkit-transform:scale(.95);
        transform:scale(.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes bounce-in-fwd{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    38%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
    55%{
        -webkit-transform:scale(.7);
        transform:scale(.7);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    72%,89%,to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    81%{
        -webkit-transform:scale(.84);
        transform:scale(.84);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    95%{
        -webkit-transform:scale(.95);
        transform:scale(.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@-webkit-keyframes bounce-in-left{
    0%{
        -webkit-transform:translateX(-600px);
        transform:translateX(-600px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    38%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
    55%{
        -webkit-transform:translateX(-68px);
        transform:translateX(-68px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    72%,90%,to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    81%{
        -webkit-transform:translateX(-28px);
        transform:translateX(-28px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    95%{
        -webkit-transform:translateX(-8px);
        transform:translateX(-8px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes bounce-in-left{
    0%{
        -webkit-transform:translateX(-600px);
        transform:translateX(-600px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    38%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
    55%{
        -webkit-transform:translateX(-68px);
        transform:translateX(-68px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    72%,90%,to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    81%{
        -webkit-transform:translateX(-28px);
        transform:translateX(-28px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    95%{
        -webkit-transform:translateX(-8px);
        transform:translateX(-8px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@-webkit-keyframes bounce-in-right{
    0%{
        -webkit-transform:translateX(600px);
        transform:translateX(600px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    38%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
    55%{
        -webkit-transform:translateX(68px);
        transform:translateX(68px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    72%,90%,to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    81%{
        -webkit-transform:translateX(32px);
        transform:translateX(32px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    95%{
        -webkit-transform:translateX(8px);
        transform:translateX(8px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes bounce-in-right{
    0%{
        -webkit-transform:translateX(600px);
        transform:translateX(600px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    38%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
    55%{
        -webkit-transform:translateX(68px);
        transform:translateX(68px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    72%,90%,to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    81%{
        -webkit-transform:translateX(32px);
        transform:translateX(32px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    95%{
        -webkit-transform:translateX(8px);
        transform:translateX(8px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@-webkit-keyframes bounce-in-top{
    0%{
        -webkit-transform:translateY(-500px);
        transform:translateY(-500px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    38%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
    55%{
        -webkit-transform:translateY(-65px);
        transform:translateY(-65px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    72%,90%,to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    81%{
        -webkit-transform:translateY(-28px);
        transform:translateY(-28px);
        -webkit-animation-timing-function:ease-in
    }
    95%{
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes bounce-in-top{
    0%{
        -webkit-transform:translateY(-500px);
        transform:translateY(-500px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    38%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
    55%{
        -webkit-transform:translateY(-65px);
        transform:translateY(-65px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    72%,90%,to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    81%{
        -webkit-transform:translateY(-28px);
        transform:translateY(-28px);
        -webkit-animation-timing-function:ease-in
    }
    95%{
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@-webkit-keyframes swing-in-bottom-bck{
    0%{
        -webkit-transform:rotateX(-70deg);
        transform:rotateX(-70deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:0
    }
    to{
        -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
    }
    to{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        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
    }
    to{
        -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
    }
    to{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        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
    }
    to{
        -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
    }
    to{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:left;
        transform-origin:left;
        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
    }
    to{
        -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
    }
    to{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:left;
        transform-origin:left;
        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
    }
    to{
        -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
    }
    to{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:right;
        transform-origin:right;
        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
    }
    to{
        -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
    }
    to{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:right;
        transform-origin:right;
        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
    }
    to{
        -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
    }
    to{
        -webkit-transform:rotateX(0deg);
        transform:rotateX(0deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:1
    }
}
@-webkit-keyframes swing-in-top-fwd{
    0%{
        -webkit-transform:rotateX(-100deg);
        transform:rotateX(-100deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:0
    }
    to{
        -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
    }
    to{
        -webkit-transform:rotateX(0deg);
        transform:rotateX(0deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:1
    }
}
@-webkit-keyframes fade-in-bck{
    0%{
        -webkit-transform:translateZ(80px);
        transform:translateZ(80px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes fade-in-bck{
    0%{
        -webkit-transform:translateZ(80px);
        transform:translateZ(80px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-bl{
    0%{
        -webkit-transform:translateX(-50px) translateY(50px);
        transform:translateX(-50px) translateY(50px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
}
@keyframes fade-in-bl{
    0%{
        -webkit-transform:translateX(-50px) translateY(50px);
        transform:translateX(-50px) translateY(50px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-bottom{
    0%{
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@keyframes fade-in-bottom{
    0%{
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-br{
    0%{
        -webkit-transform:translateX(50px) translateY(50px);
        transform:translateX(50px) translateY(50px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
}
@keyframes fade-in-br{
    0%{
        -webkit-transform:translateX(50px) translateY(50px);
        transform:translateX(50px) translateY(50px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-fwd{
    0%{
        -webkit-transform:translateZ(-80px);
        transform:translateZ(-80px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes fade-in-fwd{
    0%{
        -webkit-transform:translateZ(-80px);
        transform:translateZ(-80px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-left{
    0%{
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes fade-in-left{
    0%{
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-right{
    0%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes fade-in-right{
    0%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-tl{
    0%{
        -webkit-transform:translateX(-50px) translateY(-50px);
        transform:translateX(-50px) translateY(-50px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
}
@keyframes fade-in-tl{
    0%{
        -webkit-transform:translateX(-50px) translateY(-50px);
        transform:translateX(-50px) translateY(-50px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-top{
    0%{
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@keyframes fade-in-top{
    0%{
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px);
        opacity:0
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in-tr{
    0%{
        -webkit-transform:translateX(50px) translateY(-50px);
        transform:translateX(50px) translateY(-50px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
}
@keyframes fade-in-tr{
    0%{
        -webkit-transform:translateX(50px) translateY(-50px);
        transform:translateX(50px) translateY(-50px);
        opacity:0
    }
    to{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes fade-in{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fade-in{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes puff-in-ver{
    0%{
        -webkit-transform:scaleY(2);
        transform:scaleY(2);
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes puff-in-ver{
    0%{
        -webkit-transform:scaleY(2);
        transform:scaleY(2);
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes puff-in-hor{
    0%{
        -webkit-transform:scaleX(2);
        transform:scaleX(2);
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes puff-in-hor{
    0%{
        -webkit-transform:scaleX(2);
        transform:scaleX(2);
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes puff-in-tl{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes puff-in-tl{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes puff-in-left{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes puff-in-left{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes puff-in-bl{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes puff-in-bl{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes puff-in-bottom{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes puff-in-bottom{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes puff-in-br{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes puff-in-br{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes puff-in-right{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes puff-in-right{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes puff-in-tr{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes puff-in-tr{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes puff-in-top{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes puff-in-top{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes puff-in-center{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes puff-in-center{
    0%{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes flicker-in-1{
    0%,10%,10.2%,20%,20.6%,30%,30.6%,45%,55.1%,57%,60.1%,65%,75.1%,77%,85.1%,86%{
        opacity:0
    }
    10.1%,20.1%,30.1%,30.5%,45.1%,50%,55%,57.1%,60%,65.1%,75%,77.1%,85%,86.1%,to{
        opacity:1
    }
}
@keyframes flicker-in-1{
    0%,10%,10.2%,20%,20.6%,30%,30.6%,45%,55.1%,57%,60.1%,65%,75.1%,77%,85.1%,86%{
        opacity:0
    }
    10.1%,20.1%,30.1%,30.5%,45.1%,50%,55%,57.1%,60%,65.1%,75%,77.1%,85%,86.1%,to{
        opacity:1
    }
}
@-webkit-keyframes flicker-in-2{
    0%{
        opacity:0
    }
    10%,10.2%,20%,20.6%,30%,30.6%,45%,55.1%,57%,60.1%,65%,75.1%,77%,85.1%,86%{
        opacity:0;
        box-shadow:none
    }
    10.1%{
        opacity:1;
        box-shadow:none
    }
    20.1%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.25)
    }
    30.1%,30.5%,45.1%,50%,55%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
    }
    57.1%,60%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3)
    }
    65.1%,75%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3),0 0 100px rgba(255,255,255,.1)
    }
    77.1%,85%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
    }
    86.1%,to{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
    }
}
@keyframes flicker-in-2{
    0%{
        opacity:0
    }
    10%,10.2%,20%,20.6%,30%,30.6%,45%,55.1%,57%,60.1%,65%,75.1%,77%,85.1%,86%{
        opacity:0;
        box-shadow:none
    }
    10.1%{
        opacity:1;
        box-shadow:none
    }
    20.1%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.25)
    }
    30.1%,30.5%,45.1%,50%,55%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
    }
    57.1%,60%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3)
    }
    65.1%,75%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3),0 0 100px rgba(255,255,255,.1)
    }
    77.1%,85%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
    }
    86.1%,to{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
    }
}
@-webkit-keyframes scale-out-ver-bottom{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        opacity:1
    }
}
@keyframes scale-out-ver-bottom{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        opacity:1
    }
}
@-webkit-keyframes scale-out-ver-top{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
    to{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
}
@keyframes scale-out-ver-top{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
    to{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
}
@-webkit-keyframes scale-out-vertical{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        opacity:1
    }
    to{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        opacity:1
    }
}
@keyframes scale-out-vertical{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        opacity:1
    }
    to{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        opacity:1
    }
}
@-webkit-keyframes scale-out-hor-right{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
}
@keyframes scale-out-hor-right{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
}
@-webkit-keyframes scale-out-hor-left{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
    to{
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
}
@keyframes scale-out-hor-left{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
    to{
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
}
@-webkit-keyframes scale-out-horizontal{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        opacity:1
    }
    to{
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        opacity:1
    }
}
@keyframes scale-out-horizontal{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        opacity:1
    }
    to{
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        opacity:1
    }
}
@-webkit-keyframes scale-out-tl{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
}
@keyframes scale-out-tl{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
}
@-webkit-keyframes scale-out-left{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        opacity:1
    }
}
@keyframes scale-out-left{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        opacity:1
    }
}
@-webkit-keyframes scale-out-bl{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        opacity:1
    }
}
@keyframes scale-out-bl{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        opacity:1
    }
}
@-webkit-keyframes scale-out-bottom{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1
    }
}
@keyframes scale-out-bottom{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1
    }
}
@-webkit-keyframes scale-out-br{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
}
@keyframes scale-out-br{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
}
@-webkit-keyframes scale-out-right{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:1
    }
}
@keyframes scale-out-right{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:1
    }
}
@-webkit-keyframes scale-out-tr{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
}
@keyframes scale-out-tr{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
}
@-webkit-keyframes scale-out-top{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        opacity:1
    }
}
@keyframes scale-out-top{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        opacity:1
    }
}
@-webkit-keyframes scale-out-center{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
}
@keyframes scale-out-center{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    to{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
}
@-webkit-keyframes rotate-out-tl{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        opacity:0
    }
}
@keyframes rotate-out-tl{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        opacity:0
    }
}
@-webkit-keyframes rotate-out-left{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:left;
        transform-origin:left;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:left;
        transform-origin:left;
        opacity:0
    }
}
@keyframes rotate-out-left{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:left;
        transform-origin:left;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:left;
        transform-origin:left;
        opacity:0
    }
}
@-webkit-keyframes rotate-out-bl{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:bottom left;
        transform-origin:bottom left;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:bottom left;
        transform-origin:bottom left;
        opacity:0
    }
}
@keyframes rotate-out-bl{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:bottom left;
        transform-origin:bottom left;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:bottom left;
        transform-origin:bottom left;
        opacity:0
    }
}
@-webkit-keyframes rotate-out-bottom{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:0
    }
}
@keyframes rotate-out-bottom{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:0
    }
}
@-webkit-keyframes rotate-out-br{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:bottom right;
        transform-origin:bottom right;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:bottom right;
        transform-origin:bottom right;
        opacity:0
    }
}
@keyframes rotate-out-br{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:bottom right;
        transform-origin:bottom right;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:bottom right;
        transform-origin:bottom right;
        opacity:0
    }
}
@-webkit-keyframes rotate-out-right{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:right;
        transform-origin:right;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:right;
        transform-origin:right;
        opacity:0
    }
}
@keyframes rotate-out-right{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:right;
        transform-origin:right;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:right;
        transform-origin:right;
        opacity:0
    }
}
@-webkit-keyframes rotate-out-tr{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top right;
        transform-origin:top right;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:top right;
        transform-origin:top right;
        opacity:0
    }
}
@keyframes rotate-out-tr{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top right;
        transform-origin:top right;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:top right;
        transform-origin:top right;
        opacity:0
    }
}
@-webkit-keyframes rotate-out-top{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:0
    }
}
@keyframes rotate-out-top{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:0
    }
}
@-webkit-keyframes rotate-out-center{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        opacity:0
    }
}
@keyframes rotate-out-center{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        opacity:0
    }
}
@-webkit-keyframes rotate-out-diag-2{
    0%{
        -webkit-transform:rotate3d(-1,1,0,360deg);
        transform:rotate3d(-1,1,0,360deg);
        opacity:1
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg);
        opacity:0
    }
}
@keyframes rotate-out-diag-2{
    0%{
        -webkit-transform:rotate3d(-1,1,0,360deg);
        transform:rotate3d(-1,1,0,360deg);
        opacity:1
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,0deg);
        transform:rotate3d(-1,1,0,0deg);
        opacity:0
    }
}
@-webkit-keyframes rotate-out-diag-1{
    0%{
        -webkit-transform:rotate3d(1,1,0,360deg);
        transform:rotate3d(1,1,0,360deg);
        opacity:1
    }
    to{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:0
    }
}
@keyframes rotate-out-diag-1{
    0%{
        -webkit-transform:rotate3d(1,1,0,360deg);
        transform:rotate3d(1,1,0,360deg);
        opacity:1
    }
    to{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:0
    }
}
@-webkit-keyframes rotate-out-ver{
    0%{
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg);
        opacity:1
    }
    to{
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg);
        opacity:0
    }
}
@keyframes rotate-out-ver{
    0%{
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg);
        opacity:1
    }
    to{
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg);
        opacity:0
    }
}
@-webkit-keyframes rotate-out-hor{
    0%{
        -webkit-transform:rotateX(360deg);
        transform:rotateX(360deg);
        opacity:1
    }
    to{
        -webkit-transform:rotateX(0deg);
        transform:rotateX(0deg);
        opacity:0
    }
}
@keyframes rotate-out-hor{
    0%{
        -webkit-transform:rotateX(360deg);
        transform:rotateX(360deg);
        opacity:1
    }
    to{
        -webkit-transform:rotateX(0deg);
        transform:rotateX(0deg);
        opacity:0
    }
}
@-webkit-keyframes rotate-out-2-tl-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:0
    }
}
@keyframes rotate-out-2-tl-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:0
    }
}
@-webkit-keyframes rotate-out-2-tl-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
    to{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:0
    }
}
@keyframes rotate-out-2-tl-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
    to{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:0
    }
}
@-webkit-keyframes rotate-out-2-bl-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:0
    }
}
@keyframes rotate-out-2-bl-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:0
    }
}
@-webkit-keyframes rotate-out-2-bl-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:0
    }
}
@keyframes rotate-out-2-bl-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:0
    }
}
@-webkit-keyframes rotate-out-2-br-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:0
    }
}
@keyframes rotate-out-2-br-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:0
    }
}
@-webkit-keyframes rotate-out-2-br-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:0
    }
}
@keyframes rotate-out-2-br-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:0
    }
}
@-webkit-keyframes rotate-out-2-tr-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:0
    }
}
@keyframes rotate-out-2-tr-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:0
    }
}
@-webkit-keyframes rotate-out-2-tr-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:0
    }
}
@keyframes rotate-out-2-tr-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:0
    }
}
@-webkit-keyframes rotate-out-2-fwd{
    0%{
        -webkit-transform:translateZ(0) rotate(0);
        transform:translateZ(0) rotate(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(180px) rotate(45deg);
        transform:translateZ(180px) rotate(45deg);
        opacity:0
    }
}
@keyframes rotate-out-2-fwd{
    0%{
        -webkit-transform:translateZ(0) rotate(0);
        transform:translateZ(0) rotate(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(180px) rotate(45deg);
        transform:translateZ(180px) rotate(45deg);
        opacity:0
    }
}
@-webkit-keyframes rotate-out-2-bck{
    0%{
        -webkit-transform:translateZ(0) rotate(0);
        transform:translateZ(0) rotate(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-180px) rotate(-45deg);
        transform:translateZ(-180px) rotate(-45deg);
        opacity:0
    }
}
@keyframes rotate-out-2-bck{
    0%{
        -webkit-transform:translateZ(0) rotate(0);
        transform:translateZ(0) rotate(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-180px) rotate(-45deg);
        transform:translateZ(-180px) rotate(-45deg);
        opacity:0
    }
}
@-webkit-keyframes rotate-out-2-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
}
@keyframes rotate-out-2-ccw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg);
        opacity:0
    }
}
@-webkit-keyframes rotate-out-2-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
}
@keyframes rotate-out-2-cw{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    to{
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
        opacity:0
    }
}
@-webkit-keyframes swirl-out-top-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        opacity:0
    }
}
@keyframes swirl-out-top-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        opacity:0
    }
}
@-webkit-keyframes swirl-out-top-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        opacity:0
    }
}
@keyframes swirl-out-top-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        opacity:0
    }
}
@-webkit-keyframes swirl-out-right-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:0
    }
}
@keyframes swirl-out-right-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:0
    }
}
@-webkit-keyframes swirl-out-right-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:0
    }
}
@keyframes swirl-out-right-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        opacity:0
    }
}
@-webkit-keyframes swirl-out-bottom-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:0
    }
}
@keyframes swirl-out-bottom-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:0
    }
}
@-webkit-keyframes swirl-out-bottom-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:0
    }
}
@keyframes swirl-out-bottom-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        opacity:0
    }
}
@-webkit-keyframes swirl-out-left-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        opacity:0
    }
}
@keyframes swirl-out-left-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        opacity:0
    }
}
@-webkit-keyframes swirl-out-left-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        opacity:0
    }
}
@keyframes swirl-out-left-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%;
        opacity:0
    }
}
@-webkit-keyframes swirl-out-tl-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
    to{
        -webkit-transform:rotate(720deg) scale(5);
        transform:rotate(720deg) scale(5);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:0
    }
}
@keyframes swirl-out-tl-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
    to{
        -webkit-transform:rotate(720deg) scale(5);
        transform:rotate(720deg) scale(5);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:0
    }
}
@-webkit-keyframes swirl-out-tl-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:0
    }
}
@keyframes swirl-out-tl-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        opacity:0
    }
}
@-webkit-keyframes swirl-out-bl-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:0
    }
}
@keyframes swirl-out-bl-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:0
    }
}
@-webkit-keyframes swirl-out-bl-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:0
    }
}
@keyframes swirl-out-bl-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%;
        opacity:0
    }
}
@-webkit-keyframes swirl-out-br-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:0
    }
}
@keyframes swirl-out-br-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:0
    }
}
@-webkit-keyframes swirl-out-br-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:0
    }
}
@keyframes swirl-out-br-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        opacity:0
    }
}
@-webkit-keyframes swirl-out-tr-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:0
    }
}
@keyframes swirl-out-tr-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:0
    }
}
@-webkit-keyframes swirl-out-tr-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:0
    }
}
@keyframes swirl-out-tr-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        opacity:0
    }
}
@-webkit-keyframes swirl-out-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        opacity:1
    }
    to{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        opacity:0
    }
}
@keyframes swirl-out-fwd{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        opacity:1
    }
    to{
        -webkit-transform:rotate(540deg) scale(5);
        transform:rotate(540deg) scale(5);
        opacity:0
    }
}
@-webkit-keyframes swirl-out-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        opacity:0
    }
}
@keyframes swirl-out-bck{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1);
        opacity:1
    }
    to{
        -webkit-transform:rotate(-540deg) scale(0);
        transform:rotate(-540deg) scale(0);
        opacity:0
    }
}
@-webkit-keyframes flip-out-diag-2-tl{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,-70deg);
        transform:rotate3d(-1,1,0,-70deg);
        opacity:0
    }
}
@keyframes flip-out-diag-2-tl{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,-70deg);
        transform:rotate3d(-1,1,0,-70deg);
        opacity:0
    }
}
@-webkit-keyframes flip-out-diag-2-br{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,70deg);
        transform:rotate3d(-1,1,0,70deg);
        opacity:0
    }
}
@keyframes flip-out-diag-2-br{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
    to{
        -webkit-transform:rotate3d(-1,1,0,70deg);
        transform:rotate3d(-1,1,0,70deg);
        opacity:0
    }
}
@-webkit-keyframes flip-out-diag-1-bl{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
    to{
        -webkit-transform:rotate3d(1,1,0,-70deg);
        transform:rotate3d(1,1,0,-70deg);
        opacity:0
    }
}
@keyframes flip-out-diag-1-bl{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
    to{
        -webkit-transform:rotate3d(1,1,0,-70deg);
        transform:rotate3d(1,1,0,-70deg);
        opacity:0
    }
}
@-webkit-keyframes flip-out-diag-1-tr{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
    to{
        -webkit-transform:rotate3d(1,1,0,70deg);
        transform:rotate3d(1,1,0,70deg);
        opacity:0
    }
}
@keyframes flip-out-diag-1-tr{
    0%{
        -webkit-transform:rotate3d(1,1,0,0deg);
        transform:rotate3d(1,1,0,0deg);
        opacity:1
    }
    to{
        -webkit-transform:rotate3d(1,1,0,70deg);
        transform:rotate3d(1,1,0,70deg);
        opacity:0
    }
}
@-webkit-keyframes flip-out-ver-right{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        opacity:1
    }
    to{
        -webkit-transform:rotateY(70deg);
        transform:rotateY(70deg);
        opacity:0
    }
}
@keyframes flip-out-ver-right{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        opacity:1
    }
    to{
        -webkit-transform:rotateY(70deg);
        transform:rotateY(70deg);
        opacity:0
    }
}
@-webkit-keyframes flip-out-ver-left{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        opacity:1
    }
    to{
        -webkit-transform:rotateY(-70deg);
        transform:rotateY(-70deg);
        opacity:0
    }
}
@keyframes flip-out-ver-left{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        opacity:1
    }
    to{
        -webkit-transform:rotateY(-70deg);
        transform:rotateY(-70deg);
        opacity:0
    }
}
@-webkit-keyframes flip-out-hor-top{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
    to{
        -webkit-transform:rotateX(70deg);
        transform:rotateX(70deg);
        opacity:0
    }
}
@keyframes flip-out-hor-top{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
    to{
        -webkit-transform:rotateX(70deg);
        transform:rotateX(70deg);
        opacity:0
    }
}
@-webkit-keyframes flip-out-hor-bottom{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
    to{
        -webkit-transform:rotateX(-70deg);
        transform:rotateX(-70deg);
        opacity:0
    }
}
@keyframes flip-out-hor-bottom{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
    to{
        -webkit-transform:rotateX(-70deg);
        transform:rotateX(-70deg);
        opacity:0
    }
}
@-webkit-keyframes slit-out-diagonal-2{
    0%{
        -webkit-transform:translateZ(0) rotate3d(-1,1,0,0);
        transform:translateZ(0) rotate3d(-1,1,0,0);
        opacity:1
    }
    54%{
        -webkit-transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);
        transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);
        transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);
        opacity:0
    }
}
@keyframes slit-out-diagonal-2{
    0%{
        -webkit-transform:translateZ(0) rotate3d(-1,1,0,0);
        transform:translateZ(0) rotate3d(-1,1,0,0);
        opacity:1
    }
    54%{
        -webkit-transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);
        transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);
        transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);
        opacity:0
    }
}
@-webkit-keyframes slit-out-diagonal-1{
    0%{
        -webkit-transform:translateZ(0) rotate3d(1,1,0,0);
        transform:translateZ(0) rotate3d(1,1,0,0);
        opacity:1
    }
    54%{
        -webkit-transform:translateZ(-160px) rotate3d(1,1,0,87deg);
        transform:translateZ(-160px) rotate3d(1,1,0,87deg);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-800px) rotate3d(1,1,0,90deg);
        transform:translateZ(-800px) rotate3d(1,1,0,90deg);
        opacity:0
    }
}
@keyframes slit-out-diagonal-1{
    0%{
        -webkit-transform:translateZ(0) rotate3d(1,1,0,0);
        transform:translateZ(0) rotate3d(1,1,0,0);
        opacity:1
    }
    54%{
        -webkit-transform:translateZ(-160px) rotate3d(1,1,0,87deg);
        transform:translateZ(-160px) rotate3d(1,1,0,87deg);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-800px) rotate3d(1,1,0,90deg);
        transform:translateZ(-800px) rotate3d(1,1,0,90deg);
        opacity:0
    }
}
@-webkit-keyframes slit-out-horizontal{
    0%{
        -webkit-transform:translateZ(0) rotateX(0);
        transform:translateZ(0) rotateX(0);
        opacity:1
    }
    54%{
        -webkit-transform:translateZ(-160px) rotateX(87deg);
        transform:translateZ(-160px) rotateX(87deg);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-800px) rotateX(90deg);
        transform:translateZ(-800px) rotateX(90deg);
        opacity:0
    }
}
@keyframes slit-out-horizontal{
    0%{
        -webkit-transform:translateZ(0) rotateX(0);
        transform:translateZ(0) rotateX(0);
        opacity:1
    }
    54%{
        -webkit-transform:translateZ(-160px) rotateX(87deg);
        transform:translateZ(-160px) rotateX(87deg);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-800px) rotateX(90deg);
        transform:translateZ(-800px) rotateX(90deg);
        opacity:0
    }
}
@-webkit-keyframes slit-out-vertical{
    0%{
        -webkit-transform:translateZ(0) rotateY(0);
        transform:translateZ(0) rotateY(0);
        opacity:1
    }
    54%{
        -webkit-transform:translateZ(-160px) rotateY(87deg);
        transform:translateZ(-160px) rotateY(87deg);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-800px) rotateY(90deg);
        transform:translateZ(-800px) rotateY(90deg);
        opacity:0
    }
}
@keyframes slit-out-vertical{
    0%{
        -webkit-transform:translateZ(0) rotateY(0);
        transform:translateZ(0) rotateY(0);
        opacity:1
    }
    54%{
        -webkit-transform:translateZ(-160px) rotateY(87deg);
        transform:translateZ(-160px) rotateY(87deg);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-800px) rotateY(90deg);
        transform:translateZ(-800px) rotateY(90deg);
        opacity:0
    }
}
@-webkit-keyframes roll-out-right{
    0%{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        opacity:1
    }
    to{
        -webkit-transform:translateX(1000px) rotate(540deg);
        transform:translateX(1000px) rotate(540deg);
        opacity:0
    }
}
@keyframes roll-out-right{
    0%{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        opacity:1
    }
    to{
        -webkit-transform:translateX(1000px) rotate(540deg);
        transform:translateX(1000px) rotate(540deg);
        opacity:0
    }
}
@-webkit-keyframes roll-out-left{
    0%{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        opacity:1
    }
    to{
        -webkit-transform:translateX(-1000px) rotate(-540deg);
        transform:translateX(-1000px) rotate(-540deg);
        opacity:0
    }
}
@keyframes roll-out-left{
    0%{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        opacity:1
    }
    to{
        -webkit-transform:translateX(-1000px) rotate(-540deg);
        transform:translateX(-1000px) rotate(-540deg);
        opacity:0
    }
}
@-webkit-keyframes roll-out-top{
    0%{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
    to{
        -webkit-transform:translateY(-800px) rotate(-540deg);
        transform:translateY(-800px) rotate(-540deg);
        opacity:0
    }
}
@keyframes roll-out-top{
    0%{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
    to{
        -webkit-transform:translateY(-800px) rotate(-540deg);
        transform:translateY(-800px) rotate(-540deg);
        opacity:0
    }
}
@-webkit-keyframes roll-out-bottom{
    0%{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
    to{
        -webkit-transform:translateY(800px) rotate(540deg);
        transform:translateY(800px) rotate(540deg);
        opacity:0
    }
}
@keyframes roll-out-bottom{
    0%{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
    to{
        -webkit-transform:translateY(800px) rotate(540deg);
        transform:translateY(800px) rotate(540deg);
        opacity:0
    }
}
@-webkit-keyframes roll-out-blurred-right{
    0%{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(1000px) rotate(720deg);
        transform:translateX(1000px) rotate(720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
}
@keyframes roll-out-blurred-right{
    0%{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(1000px) rotate(720deg);
        transform:translateX(1000px) rotate(720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
}
@-webkit-keyframes roll-out-blurred-left{
    0%{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(-1000px) rotate(-720deg);
        transform:translateX(-1000px) rotate(-720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
}
@keyframes roll-out-blurred-left{
    0%{
        -webkit-transform:translateX(0) rotate(0deg);
        transform:translateX(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(-1000px) rotate(-720deg);
        transform:translateX(-1000px) rotate(-720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
}
@-webkit-keyframes roll-out-blurred-top{
    0%{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(-800px) rotate(-720deg);
        transform:translateY(-800px) rotate(-720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
}
@keyframes roll-out-blurred-top{
    0%{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(-800px) rotate(-720deg);
        transform:translateY(-800px) rotate(-720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
}
@-webkit-keyframes roll-out-blurred-bottom{
    0%{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
    to{
        -webkit-transform:translateY(800px) rotate(720deg);
        transform:translateY(800px) rotate(720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
}
@keyframes roll-out-blurred-bottom{
    0%{
        -webkit-transform:translateY(0) rotate(0deg);
        transform:translateY(0) rotate(0deg);
        opacity:1
    }
    to{
        -webkit-transform:translateY(800px) rotate(720deg);
        transform:translateY(800px) rotate(720deg);
        -webkit-filter:blur(50px);
        filter:blur(50px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-tl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(-1000px) translateX(-1000px);
        transform:translateY(-1000px) translateX(-1000px);
        opacity:0
    }
}
@keyframes slide-out-tl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(-1000px) translateX(-1000px);
        transform:translateY(-1000px) translateX(-1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-left{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(-1000px);
        transform:translateX(-1000px);
        opacity:0
    }
}
@keyframes slide-out-left{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(-1000px);
        transform:translateX(-1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-bl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(1000px) translateX(-1000px);
        transform:translateY(1000px) translateX(-1000px);
        opacity:0
    }
}
@keyframes slide-out-bl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(1000px) translateX(-1000px);
        transform:translateY(1000px) translateX(-1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-bottom{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(1000px);
        transform:translateY(1000px);
        opacity:0
    }
}
@keyframes slide-out-bottom{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(1000px);
        transform:translateY(1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-br{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(1000px) translateX(1000px);
        transform:translateY(1000px) translateX(1000px);
        opacity:0
    }
}
@keyframes slide-out-br{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(1000px) translateX(1000px);
        transform:translateY(1000px) translateX(1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-right{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(1000px);
        transform:translateX(1000px);
        opacity:0
    }
}
@keyframes slide-out-right{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(1000px);
        transform:translateX(1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-tr{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(-1000px) translateX(1000px);
        transform:translateY(-1000px) translateX(1000px);
        opacity:0
    }
}
@keyframes slide-out-tr{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(-1000px) translateX(1000px);
        transform:translateY(-1000px) translateX(1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(-1000px);
        transform:translateY(-1000px);
        opacity:0
    }
}
@keyframes slide-out-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(-1000px);
        transform:translateY(-1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-bck-tl{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px) translateY(-1000px) translateX(-1000px);
        transform:translateZ(-1100px) translateY(-1000px) translateX(-1000px);
        opacity:0
    }
}
@keyframes slide-out-bck-tl{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px) translateY(-1000px) translateX(-1000px);
        transform:translateZ(-1100px) translateY(-1000px) translateX(-1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-bck-left{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px) translateX(-1000px);
        transform:translateZ(-1100px) translateX(-1000px);
        opacity:0
    }
}
@keyframes slide-out-bck-left{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px) translateX(-1000px);
        transform:translateZ(-1100px) translateX(-1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-bck-bl{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px) translateY(1000px) translateX(-1000px);
        transform:translateZ(-1100px) translateY(1000px) translateX(-1000px);
        opacity:0
    }
}
@keyframes slide-out-bck-bl{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px) translateY(1000px) translateX(-1000px);
        transform:translateZ(-1100px) translateY(1000px) translateX(-1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-bck-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px) translateY(1000px);
        transform:translateZ(-1100px) translateY(1000px);
        opacity:0
    }
}
@keyframes slide-out-bck-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px) translateY(1000px);
        transform:translateZ(-1100px) translateY(1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-bck-br{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px) translateY(1000px) translateX(1000px);
        transform:translateZ(-1100px) translateY(1000px) translateX(1000px);
        opacity:0
    }
}
@keyframes slide-out-bck-br{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px) translateY(1000px) translateX(1000px);
        transform:translateZ(-1100px) translateY(1000px) translateX(1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-bck-right{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px) translateX(1000px);
        transform:translateZ(-1100px) translateX(1000px);
        opacity:0
    }
}
@keyframes slide-out-bck-right{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px) translateX(1000px);
        transform:translateZ(-1100px) translateX(1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-bck-tr{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px) translateY(-1000px) translateX(1000px);
        transform:translateZ(-1100px) translateY(-1000px) translateX(1000px);
        opacity:0
    }
}
@keyframes slide-out-bck-tr{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px) translateY(-1000px) translateX(1000px);
        transform:translateZ(-1100px) translateY(-1000px) translateX(1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-bck-top{
    0%{
        -webkit-transform:translateZ(1) translateY(0);
        transform:translateZ(1) translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px) translateY(-1000px);
        transform:translateZ(-1100px) translateY(-1000px);
        opacity:0
    }
}
@keyframes slide-out-bck-top{
    0%{
        -webkit-transform:translateZ(1) translateY(0);
        transform:translateZ(1) translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px) translateY(-1000px);
        transform:translateZ(-1100px) translateY(-1000px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-bck-center{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px);
        transform:translateZ(-1100px);
        opacity:0
    }
}
@keyframes slide-out-bck-center{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-1100px);
        transform:translateZ(-1100px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-fwd-tl{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px) translateY(-300px) translateX(-400px);
        transform:translateZ(600px) translateY(-300px) translateX(-400px);
        opacity:0
    }
}
@keyframes slide-out-fwd-tl{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px) translateY(-300px) translateX(-400px);
        transform:translateZ(600px) translateY(-300px) translateX(-400px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-fwd-left{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px) translateX(-400px);
        transform:translateZ(600px) translateX(-400px);
        opacity:0
    }
}
@keyframes slide-out-fwd-left{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px) translateX(-400px);
        transform:translateZ(600px) translateX(-400px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-fwd-bl{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px) translateY(300px) translateX(-400px);
        transform:translateZ(600px) translateY(300px) translateX(-400px);
        opacity:0
    }
}
@keyframes slide-out-fwd-bl{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px) translateY(300px) translateX(-400px);
        transform:translateZ(600px) translateY(300px) translateX(-400px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-fwd-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px) translateY(300px);
        transform:translateZ(600px) translateY(300px);
        opacity:0
    }
}
@keyframes slide-out-fwd-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px) translateY(300px);
        transform:translateZ(600px) translateY(300px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-fwd-br{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px) translateY(300px) translateX(400px);
        transform:translateZ(600px) translateY(300px) translateX(400px);
        opacity:0
    }
}
@keyframes slide-out-fwd-br{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px) translateY(300px) translateX(400px);
        transform:translateZ(600px) translateY(300px) translateX(400px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-fwd-right{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px) translateX(400px);
        transform:translateZ(600px) translateX(400px);
        opacity:0
    }
}
@keyframes slide-out-fwd-right{
    0%{
        -webkit-transform:translateZ(0) translateX(0);
        transform:translateZ(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px) translateX(400px);
        transform:translateZ(600px) translateX(400px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-fwd-tr{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px) translateY(-300px) translateX(400px);
        transform:translateZ(600px) translateY(-300px) translateX(400px);
        opacity:0
    }
}
@keyframes slide-out-fwd-tr{
    0%{
        -webkit-transform:translateZ(0) translateY(0) translateX(0);
        transform:translateZ(0) translateY(0) translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px) translateY(-300px) translateX(400px);
        transform:translateZ(600px) translateY(-300px) translateX(400px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-fwd-top{
    0%{
        -webkit-transform:translateZ(1) translateY(0);
        transform:translateZ(1) translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px) translateY(-300px);
        transform:translateZ(600px) translateY(-300px);
        opacity:0
    }
}
@keyframes slide-out-fwd-top{
    0%{
        -webkit-transform:translateZ(1) translateY(0);
        transform:translateZ(1) translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px) translateY(-300px);
        transform:translateZ(600px) translateY(-300px);
        opacity:0
    }
}
@-webkit-keyframes slide-out-fwd-center{
    0%{
        -webkit-transform:translateZ(1);
        transform:translateZ(1);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px);
        transform:translateZ(600px);
        opacity:0
    }
}
@keyframes slide-out-fwd-center{
    0%{
        -webkit-transform:translateZ(1);
        transform:translateZ(1);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(600px);
        transform:translateZ(600px);
        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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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 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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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
    }
}
@-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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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-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
    }
    to{
        -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
    }
    to{
        -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 bounce-out-fwd{
    0%,15%,38%,70%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    5%{
        -webkit-transform:translateZ(90px);
        transform:translateZ(90px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    25%{
        -webkit-transform:translateZ(95px);
        transform:translateZ(95px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    52%{
        -webkit-transform:translateZ(150px);
        transform:translateZ(150px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    85%{
        opacity:1
    }
    to{
        -webkit-transform:translateZ(500px);
        transform:translateZ(500px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
}
@keyframes bounce-out-fwd{
    0%,15%,38%,70%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    5%{
        -webkit-transform:translateZ(90px);
        transform:translateZ(90px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    25%{
        -webkit-transform:translateZ(95px);
        transform:translateZ(95px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    52%{
        -webkit-transform:translateZ(150px);
        transform:translateZ(150px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    85%{
        opacity:1
    }
    to{
        -webkit-transform:translateZ(500px);
        transform:translateZ(500px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
}
@-webkit-keyframes bounce-out-bck{
    0%,15%,38%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    5%{
        -webkit-transform:translateZ(-100px);
        transform:translateZ(-100px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    25%{
        -webkit-transform:translateZ(-110px);
        transform:translateZ(-110px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    52%{
        -webkit-transform:translateZ(-200px);
        transform:translateZ(-200px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    70%{
        -webkit-transform:translateZ(0) scale(1);
        transform:translateZ(0) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    85%{
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-900px) scale(0);
        transform:translateZ(-900px) scale(0);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
}
@keyframes bounce-out-bck{
    0%,15%,38%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    5%{
        -webkit-transform:translateZ(-100px);
        transform:translateZ(-100px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    25%{
        -webkit-transform:translateZ(-110px);
        transform:translateZ(-110px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    52%{
        -webkit-transform:translateZ(-200px);
        transform:translateZ(-200px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    70%{
        -webkit-transform:translateZ(0) scale(1);
        transform:translateZ(0) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    85%{
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-900px) scale(0);
        transform:translateZ(-900px) scale(0);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
}
@-webkit-keyframes bounce-out-left{
    0%,15%,38%,70%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    5%{
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    25%{
        -webkit-transform:translateX(-38px);
        transform:translateX(-38px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    52%{
        -webkit-transform:translateX(-80px);
        transform:translateX(-80px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    85%{
        opacity:1
    }
    to{
        -webkit-transform:translateX(-1000px);
        transform:translateX(-1000px);
        opacity:0
    }
}
@keyframes bounce-out-left{
    0%,15%,38%,70%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    5%{
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    25%{
        -webkit-transform:translateX(-38px);
        transform:translateX(-38px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    52%{
        -webkit-transform:translateX(-80px);
        transform:translateX(-80px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    85%{
        opacity:1
    }
    to{
        -webkit-transform:translateX(-1000px);
        transform:translateX(-1000px);
        opacity:0
    }
}
@-webkit-keyframes bounce-out-bottom{
    0%,15%,38%,70%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    5%{
        -webkit-transform:translateY(30px);
        transform:translateY(30px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    25%{
        -webkit-transform:translateY(38px);
        transform:translateY(38px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    52%{
        -webkit-transform:translateY(75px);
        transform:translateY(75px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    85%{
        opacity:1
    }
    to{
        -webkit-transform:translateY(800px);
        transform:translateY(800px);
        opacity:0
    }
}
@keyframes bounce-out-bottom{
    0%,15%,38%,70%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    5%{
        -webkit-transform:translateY(30px);
        transform:translateY(30px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    25%{
        -webkit-transform:translateY(38px);
        transform:translateY(38px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    52%{
        -webkit-transform:translateY(75px);
        transform:translateY(75px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    85%{
        opacity:1
    }
    to{
        -webkit-transform:translateY(800px);
        transform:translateY(800px);
        opacity:0
    }
}
@-webkit-keyframes bounce-out-right{
    0%,15%,38%,65%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    5%{
        -webkit-transform:translateX(30px);
        transform:translateX(30px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    25%{
        -webkit-transform:translateX(38px);
        transform:translateX(38px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    52%{
        -webkit-transform:translateX(80px);
        transform:translateX(80px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    85%{
        opacity:1
    }
    to{
        -webkit-transform:translateX(1000px);
        transform:translateX(1000px);
        opacity:0
    }
}
@keyframes bounce-out-right{
    0%,15%,38%,65%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    5%{
        -webkit-transform:translateX(30px);
        transform:translateX(30px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    25%{
        -webkit-transform:translateX(38px);
        transform:translateX(38px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    52%{
        -webkit-transform:translateX(80px);
        transform:translateX(80px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    85%{
        opacity:1
    }
    to{
        -webkit-transform:translateX(1000px);
        transform:translateX(1000px);
        opacity:0
    }
}
@-webkit-keyframes bounce-out-top{
    0%,15%,38%,70%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    5%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    25%{
        -webkit-transform:translateY(-38px);
        transform:translateY(-38px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    52%{
        -webkit-transform:translateY(-75px);
        transform:translateY(-75px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    85%{
        opacity:1
    }
    to{
        -webkit-transform:translateY(-800px);
        transform:translateY(-800px);
        opacity:0
    }
}
@keyframes bounce-out-top{
    0%,15%,38%,70%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    5%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    25%{
        -webkit-transform:translateY(-38px);
        transform:translateY(-38px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    52%{
        -webkit-transform:translateY(-75px);
        transform:translateY(-75px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    85%{
        opacity:1
    }
    to{
        -webkit-transform:translateY(-800px);
        transform:translateY(-800px);
        opacity:0
    }
}
@-webkit-keyframes swing-out-left-fwd{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:left;
        transform-origin:left;
        opacity:1
    }
    to{
        -webkit-transform:rotateY(-70deg);
        transform:rotateY(-70deg);
        -webkit-transform-origin:left;
        transform-origin:left;
        opacity:0
    }
}
@keyframes swing-out-left-fwd{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:left;
        transform-origin:left;
        opacity:1
    }
    to{
        -webkit-transform:rotateY(-70deg);
        transform:rotateY(-70deg);
        -webkit-transform-origin:left;
        transform-origin:left;
        opacity:0
    }
}
@-webkit-keyframes swing-out-left-bck{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:left;
        transform-origin:left;
        opacity:1
    }
    to{
        -webkit-transform:rotateY(100deg);
        transform:rotateY(100deg);
        -webkit-transform-origin:left;
        transform-origin:left;
        opacity:0
    }
}
@keyframes swing-out-left-bck{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:left;
        transform-origin:left;
        opacity:1
    }
    to{
        -webkit-transform:rotateY(100deg);
        transform:rotateY(100deg);
        -webkit-transform-origin:left;
        transform-origin:left;
        opacity:0
    }
}
@-webkit-keyframes swing-out-bottom-fwd{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:1
    }
    to{
        -webkit-transform:rotateX(-70deg);
        transform:rotateX(-70deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:0
    }
}
@keyframes swing-out-bottom-fwd{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:1
    }
    to{
        -webkit-transform:rotateX(-70deg);
        transform:rotateX(-70deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:0
    }
}
@-webkit-keyframes swing-out-bottom-bck{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:1
    }
    to{
        -webkit-transform:rotateX(100deg);
        transform:rotateX(100deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:0
    }
}
@keyframes swing-out-bottom-bck{
    0%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:1
    }
    to{
        -webkit-transform:rotateX(100deg);
        transform:rotateX(100deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        opacity:0
    }
}
@-webkit-keyframes swing-out-right-fwd{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:right;
        transform-origin:right;
        opacity:1
    }
    to{
        -webkit-transform:rotateY(70deg);
        transform:rotateY(70deg);
        -webkit-transform-origin:right;
        transform-origin:right;
        opacity:0
    }
}
@keyframes swing-out-right-fwd{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:right;
        transform-origin:right;
        opacity:1
    }
    to{
        -webkit-transform:rotateY(70deg);
        transform:rotateY(70deg);
        -webkit-transform-origin:right;
        transform-origin:right;
        opacity:0
    }
}
@-webkit-keyframes swing-out-right-bck{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:right;
        transform-origin:right;
        opacity:1
    }
    to{
        -webkit-transform:rotateY(-100deg);
        transform:rotateY(-100deg);
        -webkit-transform-origin:right;
        transform-origin:right;
        opacity:0
    }
}
@keyframes swing-out-right-bck{
    0%{
        -webkit-transform:rotateY(0);
        transform:rotateY(0);
        -webkit-transform-origin:right;
        transform-origin:right;
        opacity:1
    }
    to{
        -webkit-transform:rotateY(-100deg);
        transform:rotateY(-100deg);
        -webkit-transform-origin:right;
        transform-origin:right;
        opacity:0
    }
}
@-webkit-keyframes swing-out-top-fwd{
    0%{
        -webkit-transform:rotateX(0deg);
        transform:rotateX(0deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:1
    }
    to{
        -webkit-transform:rotateX(70deg);
        transform:rotateX(70deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:0
    }
}
@keyframes swing-out-top-fwd{
    0%{
        -webkit-transform:rotateX(0deg);
        transform:rotateX(0deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:1
    }
    to{
        -webkit-transform:rotateX(70deg);
        transform:rotateX(70deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:0
    }
}
@-webkit-keyframes swing-out-top-bck{
    0%{
        -webkit-transform:rotateX(0deg);
        transform:rotateX(0deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:1
    }
    to{
        -webkit-transform:rotateX(-100deg);
        transform:rotateX(-100deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:0
    }
}
@keyframes swing-out-top-bck{
    0%{
        -webkit-transform:rotateX(0deg);
        transform:rotateX(0deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:1
    }
    to{
        -webkit-transform:rotateX(-100deg);
        transform:rotateX(-100deg);
        -webkit-transform-origin:top;
        transform-origin:top;
        opacity:0
    }
}
@-webkit-keyframes fade-out-left{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px);
        opacity:0
    }
}
@keyframes fade-out-left{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-bl{
    0%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(-50px) translateY(50px);
        transform:translateX(-50px) translateY(50px);
        opacity:0
    }
}
@keyframes fade-out-bl{
    0%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(-50px) translateY(50px);
        transform:translateX(-50px) translateY(50px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-tl{
    0%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(-50px) translateY(-50px);
        transform:translateX(-50px) translateY(-50px);
        opacity:0
    }
}
@keyframes fade-out-tl{
    0%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(-50px) translateY(-50px);
        transform:translateX(-50px) translateY(-50px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-bottom{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
        opacity:0
    }
}
@keyframes fade-out-bottom{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-br{
    0%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(50px) translateY(50px);
        transform:translateX(50px) translateY(50px);
        opacity:0
    }
}
@keyframes fade-out-br{
    0%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(50px) translateY(50px);
        transform:translateX(50px) translateY(50px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-right{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(50px);
        transform:translateX(50px);
        opacity:0
    }
}
@keyframes fade-out-right{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(50px);
        transform:translateX(50px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-tr{
    0%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(50px) translateY(-50px);
        transform:translateX(50px) translateY(-50px);
        opacity:0
    }
}
@keyframes fade-out-tr{
    0%{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateX(50px) translateY(-50px);
        transform:translateX(50px) translateY(-50px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px);
        opacity:0
    }
}
@keyframes fade-out-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    to{
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-fwd{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(80px);
        transform:translateZ(80px);
        opacity:0
    }
}
@keyframes fade-out-fwd{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(80px);
        transform:translateZ(80px);
        opacity:0
    }
}
@-webkit-keyframes fade-out-bck{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-80px);
        transform:translateZ(-80px);
        opacity:0
    }
}
@keyframes fade-out-bck{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    to{
        -webkit-transform:translateZ(-80px);
        transform:translateZ(-80px);
        opacity:0
    }
}
@-webkit-keyframes fade-out{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes fade-out{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@-webkit-keyframes puff-out-ver{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scaleY(2);
        transform:scaleY(2);
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@keyframes puff-out-ver{
    0%{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scaleY(2);
        transform:scaleY(2);
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@-webkit-keyframes puff-out-hor{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scaleX(2);
        transform:scaleX(2);
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@keyframes puff-out-hor{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scaleX(2);
        transform:scaleX(2);
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@-webkit-keyframes puff-out-tl{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@keyframes puff-out-tl{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@-webkit-keyframes puff-out-left{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@keyframes puff-out-left{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:0% 50%;
        transform-origin:0% 50%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@-webkit-keyframes puff-out-bl{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@keyframes puff-out-bl{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@-webkit-keyframes puff-out-bottom{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@keyframes puff-out-bottom{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@-webkit-keyframes puff-out-br{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@keyframes puff-out-br{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@-webkit-keyframes puff-out-right{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@keyframes puff-out-right{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@-webkit-keyframes puff-out-tr{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@keyframes puff-out-tr{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:100% 0%;
        transform-origin:100% 0%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@-webkit-keyframes puff-out-top{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@keyframes puff-out-top{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-transform-origin:50% 0%;
        transform-origin:50% 0%;
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@-webkit-keyframes puff-out-center{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@keyframes puff-out-center{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
    to{
        -webkit-transform:scale(2);
        transform:scale(2);
        -webkit-filter:blur(2px);
        filter:blur(2px);
        opacity:0
    }
}
@-webkit-keyframes flicker-out-1{
    0%,13.9%,15%,22.9%,25%,34.9%,40%,42.9%,45%,50%,54.9%,69.5%,69.9%,79.9%{
        opacity:1
    }
    14%,14.9%,23%,24.9%,35%,39.9%,43%,44.9%,55%,69.4%,70%,79.4%,80%,89.8%,90%{
        opacity:0;
        box-shadow:none
    }
    89.9%{
        opacity:1;
        box-shadow:none
    }
    to{
        opacity:0
    }
}
@keyframes flicker-out-1{
    0%,13.9%,15%,22.9%,25%,34.9%,40%,42.9%,45%,50%,54.9%,69.5%,69.9%,79.9%{
        opacity:1
    }
    14%,14.9%,23%,24.9%,35%,39.9%,43%,44.9%,55%,69.4%,70%,79.4%,80%,89.8%,90%{
        opacity:0;
        box-shadow:none
    }
    89.9%{
        opacity:1;
        box-shadow:none
    }
    to{
        opacity:0
    }
}
@-webkit-keyframes flicker-out-2{
    0%,13.9%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
    }
    14%,14.9%,23%,24.9%,35%,39.9%,43%,44.9%,55%,69.4%,70%,79.4%,80%,89.8%,90%{
        opacity:0;
        box-shadow:none
    }
    15%,22.9%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
    }
    25%,34.9%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
    }
    40%,42.9%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
    }
    45%,50%,54.9%,69.5%,69.9%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
    }
    79.9%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.25)
    }
    89.9%{
        opacity:1;
        box-shadow:none
    }
    to{
        opacity:0
    }
}
@keyframes flicker-out-2{
    0%,13.9%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
    }
    14%,14.9%,23%,24.9%,35%,39.9%,43%,44.9%,55%,69.4%,70%,79.4%,80%,89.8%,90%{
        opacity:0;
        box-shadow:none
    }
    15%,22.9%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
    }
    25%,34.9%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
    }
    40%,42.9%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
    }
    45%,50%,54.9%,69.5%,69.9%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
    }
    79.9%{
        opacity:1;
        box-shadow:0 0 30px rgba(255,255,255,.25)
    }
    89.9%{
        opacity:1;
        box-shadow:none
    }
    to{
        opacity:0
    }
}
@-webkit-keyframes tracking-in-expand-fwd-bottom{
    0%{
        letter-spacing:-.5em;
        -webkit-transform:translateZ(-700px) translateY(500px);
        transform:translateZ(-700px) translateY(500px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    to{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes tracking-in-expand-fwd-bottom{
    0%{
        letter-spacing:-.5em;
        -webkit-transform:translateZ(-700px) translateY(500px);
        transform:translateZ(-700px) translateY(500px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    to{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes tracking-in-expand-fwd-top{
    0%{
        letter-spacing:-.5em;
        -webkit-transform:translateZ(-700px) translateY(-500px);
        transform:translateZ(-700px) translateY(-500px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    to{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes tracking-in-expand-fwd-top{
    0%{
        letter-spacing:-.5em;
        -webkit-transform:translateZ(-700px) translateY(-500px);
        transform:translateZ(-700px) translateY(-500px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    to{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes tracking-in-expand-fwd{
    0%{
        letter-spacing:-.5em;
        -webkit-transform:translateZ(-700px);
        transform:translateZ(-700px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes tracking-in-expand-fwd{
    0%{
        letter-spacing:-.5em;
        -webkit-transform:translateZ(-700px);
        transform:translateZ(-700px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@-webkit-keyframes tracking-in-expand{
    0%{
        letter-spacing:-.5em;
        opacity:0
    }
    40%{
        opacity:.6
    }
    to{
        opacity:1
    }
}
@keyframes tracking-in-expand{
    0%{
        letter-spacing:-.5em;
        opacity:0
    }
    40%{
        opacity:.6
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes tracking-in-contract-bck-bottom{
    0%{
        letter-spacing:1em;
        -webkit-transform:translateZ(400px) translateY(300px);
        transform:translateZ(400px) translateY(300px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    to{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes tracking-in-contract-bck-bottom{
    0%{
        letter-spacing:1em;
        -webkit-transform:translateZ(400px) translateY(300px);
        transform:translateZ(400px) translateY(300px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    to{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes tracking-in-contract-bck-top{
    0%{
        letter-spacing:1em;
        -webkit-transform:translateZ(400px) translateY(-300px);
        transform:translateZ(400px) translateY(-300px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    to{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@keyframes tracking-in-contract-bck-top{
    0%{
        letter-spacing:1em;
        -webkit-transform:translateZ(400px) translateY(-300px);
        transform:translateZ(400px) translateY(-300px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    to{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
}
@-webkit-keyframes tracking-in-contract-bck{
    0%{
        letter-spacing:1em;
        -webkit-transform:translateZ(400px);
        transform:translateZ(400px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes tracking-in-contract-bck{
    0%{
        letter-spacing:1em;
        -webkit-transform:translateZ(400px);
        transform:translateZ(400px);
        opacity:0
    }
    40%{
        opacity:.6
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@-webkit-keyframes tracking-in-contract{
    0%{
        letter-spacing:1em;
        opacity:0
    }
    40%{
        opacity:.6
    }
    to{
        letter-spacing:normal;
        opacity:1
    }
}
@keyframes tracking-in-contract{
    0%{
        letter-spacing:1em;
        opacity:0
    }
    40%{
        opacity:.6
    }
    to{
        letter-spacing:normal;
        opacity:1
    }
}
@-webkit-keyframes tracking-out-expand{
    0%{
        opacity:1
    }
    60%{
        opacity:.8
    }
    to{
        letter-spacing:1em;
        opacity:0
    }
}
@keyframes tracking-out-expand{
    0%{
        opacity:1
    }
    60%{
        opacity:.8
    }
    to{
        letter-spacing:1em;
        opacity:0
    }
}
@-webkit-keyframes tracking-out-expand-fwd{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    60%{
        opacity:.8
    }
    to{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        opacity:0
    }
}
@keyframes tracking-out-expand-fwd{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    60%{
        opacity:.8
    }
    to{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        opacity:0
    }
}
@-webkit-keyframes tracking-out-expand-fwd-top{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    60%{
        opacity:.8
    }
    to{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px) translateY(-200px);
        transform:translateZ(300px) translateY(-200px);
        opacity:0
    }
}
@keyframes tracking-out-expand-fwd-top{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    60%{
        opacity:.8
    }
    to{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px) translateY(-200px);
        transform:translateZ(300px) translateY(-200px);
        opacity:0
    }
}
@-webkit-keyframes tracking-out-expand-fwd-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    60%{
        opacity:.8
    }
    to{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px) translateY(200px);
        transform:translateZ(300px) translateY(200px);
        opacity:0
    }
}
@keyframes tracking-out-expand-fwd-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    60%{
        opacity:.8
    }
    to{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px) translateY(200px);
        transform:translateZ(300px) translateY(200px);
        opacity:0
    }
}
@-webkit-keyframes tracking-out-contract{
    0%,50%{
        opacity:1
    }
    to{
        letter-spacing:-.5em;
        opacity:0
    }
}
@keyframes tracking-out-contract{
    0%,50%{
        opacity:1
    }
    to{
        letter-spacing:-.5em;
        opacity:0
    }
}
@-webkit-keyframes tracking-out-contract-bck{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    60%{
        opacity:1
    }
    to{
        letter-spacing:-.5em;
        -webkit-transform:translateZ(-500px);
        transform:translateZ(-500px);
        opacity:0
    }
}
@keyframes tracking-out-contract-bck{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    60%{
        opacity:1
    }
    to{
        letter-spacing:-.5em;
        -webkit-transform:translateZ(-500px);
        transform:translateZ(-500px);
        opacity:0
    }
}
@-webkit-keyframes tracking-out-contract-bck-top{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    60%{
        opacity:1
    }
    to{
        letter-spacing:-.5em;
        -webkit-transform:translateZ(-500px) translateY(-300px);
        transform:translateZ(-500px) translateY(-300px);
        opacity:0
    }
}
@keyframes tracking-out-contract-bck-top{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    60%{
        opacity:1
    }
    to{
        letter-spacing:-.5em;
        -webkit-transform:translateZ(-500px) translateY(-300px);
        transform:translateZ(-500px) translateY(-300px);
        opacity:0
    }
}
@-webkit-keyframes tracking-out-contract-bck-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    60%{
        opacity:1
    }
    to{
        letter-spacing:-.5em;
        -webkit-transform:translateZ(-500px) translateY(300px);
        transform:translateZ(-500px) translateY(300px);
        opacity:0
    }
}
@keyframes tracking-out-contract-bck-bottom{
    0%{
        -webkit-transform:translateZ(0) translateY(0);
        transform:translateZ(0) translateY(0);
        opacity:1
    }
    60%{
        opacity:1
    }
    to{
        letter-spacing:-.5em;
        -webkit-transform:translateZ(-500px) translateY(300px);
        transform:translateZ(-500px) translateY(300px);
        opacity:0
    }
}
@-webkit-keyframes text-focus-in{
    0%{
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    to{
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes text-focus-in{
    0%{
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    to{
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes focus-in-contract-bck{
    0%{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(12px);
        transform:translateZ(12px);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes focus-in-contract-bck{
    0%{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(12px);
        transform:translateZ(12px);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes focus-in-contract{
    0%{
        letter-spacing:1em;
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    to{
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes focus-in-contract{
    0%{
        letter-spacing:1em;
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    to{
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes focus-in-expand-fwd{
    0%{
        letter-spacing:-.5em;
        -webkit-transform:translateZ(-800px);
        transform:translateZ(-800px);
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes focus-in-expand-fwd{
    0%{
        letter-spacing:-.5em;
        -webkit-transform:translateZ(-800px);
        transform:translateZ(-800px);
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes focus-in-expand{
    0%{
        letter-spacing:-.5em;
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    to{
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@keyframes focus-in-expand{
    0%{
        letter-spacing:-.5em;
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    to{
        -webkit-filter:blur(0);
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes text-blur-out{
    0%{
        -webkit-filter:blur(.01);
        filter:blur(.01)
    }
    to{
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@keyframes text-blur-out{
    0%{
        -webkit-filter:blur(.01);
        filter:blur(.01)
    }
    to{
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@-webkit-keyframes blur-out-contract-bck{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-filter:blur(.01);
        filter:blur(.01)
    }
    to{
        letter-spacing:-.5em;
        -webkit-transform:translateZ(-500px);
        transform:translateZ(-500px);
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@keyframes blur-out-contract-bck{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-filter:blur(.01);
        filter:blur(.01)
    }
    to{
        letter-spacing:-.5em;
        -webkit-transform:translateZ(-500px);
        transform:translateZ(-500px);
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@-webkit-keyframes blur-out-contract{
    0%{
        -webkit-filter:blur(.01);
        filter:blur(.01)
    }
    to{
        letter-spacing:-.5em;
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@keyframes blur-out-contract{
    0%{
        -webkit-filter:blur(.01);
        filter:blur(.01)
    }
    to{
        letter-spacing:-.5em;
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@-webkit-keyframes blur-out-expand-fwd{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-filter:blur(.01);
        filter:blur(.01)
    }
    to{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@keyframes blur-out-expand-fwd{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-filter:blur(.01);
        filter:blur(.01)
    }
    to{
        letter-spacing:1em;
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@-webkit-keyframes blur-out-expand{
    0%{
        -webkit-filter:blur(.01);
        filter:blur(.01)
    }
    to{
        letter-spacing:1em;
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@keyframes blur-out-expand{
    0%{
        -webkit-filter:blur(.01);
        filter:blur(.01)
    }
    to{
        letter-spacing:1em;
        -webkit-filter:blur(12px) opacity(0%);
        filter:blur(12px) opacity(0%)
    }
}
@-webkit-keyframes text-pop-up-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    to{
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-top{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    to{
        -webkit-transform:translateY(-50px);
        transform:translateY(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@-webkit-keyframes text-pop-up-tr{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    to{
        -webkit-transform:translateY(-50px) translateX(50px);
        transform:translateY(-50px) translateX(50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-tr{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    to{
        -webkit-transform:translateY(-50px) translateX(50px);
        transform:translateY(-50px) translateX(50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@-webkit-keyframes text-pop-up-right{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    to{
        -webkit-transform:translateX(50px);
        transform:translateX(50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-right{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    to{
        -webkit-transform:translateX(50px);
        transform:translateX(50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@-webkit-keyframes text-pop-up-br{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    to{
        -webkit-transform:translateY(50px) translateX(50px);
        transform:translateY(50px) translateX(50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-br{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    to{
        -webkit-transform:translateY(50px) translateX(50px);
        transform:translateY(50px) translateX(50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@-webkit-keyframes text-pop-up-bottom{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    to{
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-bottom{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    to{
        -webkit-transform:translateY(50px);
        transform:translateY(50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@-webkit-keyframes text-pop-up-bl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    to{
        -webkit-transform:translateY(50px) translateX(-50px);
        transform:translateY(50px) translateX(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-bl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    to{
        -webkit-transform:translateY(50px) translateX(-50px);
        transform:translateY(50px) translateX(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@-webkit-keyframes text-pop-up-left{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    to{
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-left{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    to{
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@-webkit-keyframes text-pop-up-tl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    to{
        -webkit-transform:translateY(-50px) translateX(-50px);
        transform:translateY(-50px) translateX(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@keyframes text-pop-up-tl{
    0%{
        -webkit-transform:translateY(0) translateX(0);
        transform:translateY(0) translateX(0);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:none
    }
    to{
        -webkit-transform:translateY(-50px) translateX(-50px);
        transform:translateY(-50px) translateX(-50px);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%;
        text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
    }
}
@-webkit-keyframes text-shadow-drop-bl{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:-6px 6px 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-bl{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:-6px 6px 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-drop-bottom{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:0 6px 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-bottom{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:0 6px 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-drop-br{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:6px 6px 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-br{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:6px 6px 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-drop-center{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:0 0 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-center{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:0 0 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-drop-left{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:-6px 0 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-left{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:-6px 0 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-drop-right{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:6px 0 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-right{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:6px 0 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-drop-tl{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:-6px -6px 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-tl{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:-6px -6px 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-drop-top{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:0 -6px 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-top{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:0 -6px 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-drop-tr{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:6px -6px 18px rgba(0,0,0,.35)
    }
}
@keyframes text-shadow-drop-tr{
    0%{
        text-shadow:0 0 0 transparent
    }
    to{
        text-shadow:6px -6px 18px rgba(0,0,0,.35)
    }
}
@-webkit-keyframes text-shadow-pop-bl{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    to{
        text-shadow:-1px 1px #555,-2px 2px #555,-3px 3px #555,-4px 4px #555,-5px 5px #555,-6px 6px #555,-7px 7px #555,-8px 8px #555;
        -webkit-transform:translateX(8px) translateY(-8px);
        transform:translateX(8px) translateY(-8px)
    }
}
@keyframes text-shadow-pop-bl{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    to{
        text-shadow:-1px 1px #555,-2px 2px #555,-3px 3px #555,-4px 4px #555,-5px 5px #555,-6px 6px #555,-7px 7px #555,-8px 8px #555;
        -webkit-transform:translateX(8px) translateY(-8px);
        transform:translateX(8px) translateY(-8px)
    }
}
@-webkit-keyframes text-shadow-pop-bottom{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        text-shadow:0 1px #555,0 2px #555,0 3px #555,0 4px #555,0 5px #555,0 6px #555,0 7px #555,0 8px #555;
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px)
    }
}
@keyframes text-shadow-pop-bottom{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        text-shadow:0 1px #555,0 2px #555,0 3px #555,0 4px #555,0 5px #555,0 6px #555,0 7px #555,0 8px #555;
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px)
    }
}
@-webkit-keyframes text-shadow-pop-br{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    to{
        text-shadow:1px 1px #555,2px 2px #555,3px 3px #555,4px 4px #555,5px 5px #555,6px 6px #555,7px 7px #555,8px 8px #555;
        -webkit-transform:translateX(-8px) translateY(-8px);
        transform:translateX(-8px) translateY(-8px)
    }
}
@keyframes text-shadow-pop-br{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    to{
        text-shadow:1px 1px #555,2px 2px #555,3px 3px #555,4px 4px #555,5px 5px #555,6px 6px #555,7px 7px #555,8px 8px #555;
        -webkit-transform:translateX(-8px) translateY(-8px);
        transform:translateX(-8px) translateY(-8px)
    }
}
@-webkit-keyframes text-shadow-pop-left{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        text-shadow:-1px 0 #555,-2px 0 #555,-3px 0 #555,-4px 0 #555,-5px 0 #555,-6px 0 #555,-7px 0 #555,-8px 0 #555;
        -webkit-transform:translateX(8px);
        transform:translateX(8px)
    }
}
@keyframes text-shadow-pop-left{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        text-shadow:-1px 0 #555,-2px 0 #555,-3px 0 #555,-4px 0 #555,-5px 0 #555,-6px 0 #555,-7px 0 #555,-8px 0 #555;
        -webkit-transform:translateX(8px);
        transform:translateX(8px)
    }
}
@-webkit-keyframes text-shadow-pop-right{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        text-shadow:1px 0 #555,2px 0 #555,3px 0 #555,4px 0 #555,5px 0 #555,6px 0 #555,7px 0 #555,8px 0 #555;
        -webkit-transform:translateX(-8px);
        transform:translateX(-8px)
    }
}
@keyframes text-shadow-pop-right{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        text-shadow:1px 0 #555,2px 0 #555,3px 0 #555,4px 0 #555,5px 0 #555,6px 0 #555,7px 0 #555,8px 0 #555;
        -webkit-transform:translateX(-8px);
        transform:translateX(-8px)
    }
}
@-webkit-keyframes text-shadow-pop-tl{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    to{
        text-shadow:-1px -1px #555,-2px -2px #555,-3px -3px #555,-4px -4px #555,-5px -5px #555,-6px -6px #555,-7px -7px #555,-8px -8px #555;
        -webkit-transform:translateX(8px) translateY(8px);
        transform:translateX(8px) translateY(8px)
    }
}
@keyframes text-shadow-pop-tl{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    to{
        text-shadow:-1px -1px #555,-2px -2px #555,-3px -3px #555,-4px -4px #555,-5px -5px #555,-6px -6px #555,-7px -7px #555,-8px -8px #555;
        -webkit-transform:translateX(8px) translateY(8px);
        transform:translateX(8px) translateY(8px)
    }
}
@-webkit-keyframes text-shadow-pop-top{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        text-shadow:0 -1px #555,0 -2px #555,0 -3px #555,0 -4px #555,0 -5px #555,0 -6px #555,0 -7px #555,0 -8px #555;
        -webkit-transform:translateY(8px);
        transform:translateY(8px)
    }
}
@keyframes text-shadow-pop-top{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        text-shadow:0 -1px #555,0 -2px #555,0 -3px #555,0 -4px #555,0 -5px #555,0 -6px #555,0 -7px #555,0 -8px #555;
        -webkit-transform:translateY(8px);
        transform:translateY(8px)
    }
}
@-webkit-keyframes text-shadow-pop-tr{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    to{
        text-shadow:1px -1px #555,2px -2px #555,3px -3px #555,4px -4px #555,5px -5px #555,6px -6px #555,7px -7px #555,8px -8px #555;
        -webkit-transform:translateX(-8px) translateY(8px);
        transform:translateX(-8px) translateY(8px)
    }
}
@keyframes text-shadow-pop-tr{
    0%{
        text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    to{
        text-shadow:1px -1px #555,2px -2px #555,3px -3px #555,4px -4px #555,5px -5px #555,6px -6px #555,7px -7px #555,8px -8px #555;
        -webkit-transform:translateX(-8px) translateY(8px);
        transform:translateX(-8px) translateY(8px)
    }
}
@-webkit-keyframes text-flicker-in-glow{
    0%{
        opacity:0
    }
    10%,10.2%,20%,20.6%,30%,30.6%,45%,55.1%,57%,60.1%,65%,75.1%,77%,85.1%,86%{
        opacity:0;
        text-shadow:none
    }
    10.1%{
        opacity:1;
        text-shadow:none
    }
    20.1%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.25)
    }
    30.1%,30.5%,45.1%,50%,55%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
    }
    57.1%,60%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
    }
    65.1%,75%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
    }
    77.1%,85%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
    }
    86.1%,to{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
    }
}
@keyframes text-flicker-in-glow{
    0%{
        opacity:0
    }
    10%,10.2%,20%,20.6%,30%,30.6%,45%,55.1%,57%,60.1%,65%,75.1%,77%,85.1%,86%{
        opacity:0;
        text-shadow:none
    }
    10.1%{
        opacity:1;
        text-shadow:none
    }
    20.1%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.25)
    }
    30.1%,30.5%,45.1%,50%,55%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
    }
    57.1%,60%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
    }
    65.1%,75%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
    }
    77.1%,85%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
    }
    86.1%,to{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
    }
}
@-webkit-keyframes text-flicker-out-glow{
    0%,13.9%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
    }
    14%,14.9%,23%,24.9%,35%,39.9%,43%,44.9%,55%,69.4%,70%,79.4%,80%,89.8%,90%{
        opacity:0;
        text-shadow:none
    }
    15%,22.9%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
    }
    25%,34.9%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
    }
    40%,42.9%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
    }
    45%,50%,54.9%,69.5%,69.9%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
    }
    79.9%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.25)
    }
    89.9%{
        opacity:1;
        text-shadow:none
    }
    to{
        opacity:0
    }
}
@keyframes text-flicker-out-glow{
    0%,13.9%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
    }
    14%,14.9%,23%,24.9%,35%,39.9%,43%,44.9%,55%,69.4%,70%,79.4%,80%,89.8%,90%{
        opacity:0;
        text-shadow:none
    }
    15%,22.9%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
    }
    25%,34.9%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
    }
    40%,42.9%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
    }
    45%,50%,54.9%,69.5%,69.9%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
    }
    79.9%{
        opacity:1;
        text-shadow:0 0 30px rgba(255,255,255,.25)
    }
    89.9%{
        opacity:1;
        text-shadow:none
    }
    to{
        opacity:0
    }
}
@-webkit-keyframes blink-1{
    0%,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes blink-1{
    0%,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@-webkit-keyframes blink-2{
    0%,to{
        opacity:1
    }
    50%{
        opacity:.2
    }
}
@keyframes blink-2{
    0%,to{
        opacity:1
    }
    50%{
        opacity:.2
    }
}
@-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
    }
    to{
        -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
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(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
    }
    to{
        -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
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -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
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        opacity:1
    }
}
@-webkit-keyframes flicker-1{
    0%,41.99%,43.01%,47.99%,49.01%,to{
        opacity:1
    }
    42%,43%,48%,49%{
        opacity:0
    }
}
@keyframes flicker-1{
    0%,41.99%,43.01%,47.99%,49.01%,to{
        opacity:1
    }
    42%,43%,48%,49%{
        opacity:0
    }
}
@-webkit-keyframes flicker-2{
    0%,41.99%,43.01%,45.99%,46.91%,51.99%,52.81%,to{
        opacity:1
    }
    42%,43%,46%,46.9%,52%,52.8%{
        opacity:0
    }
}
@keyframes flicker-2{
    0%,41.99%,43.01%,45.99%,46.91%,51.99%,52.81%,to{
        opacity:1
    }
    42%,43%,46%,46.9%,52%,52.8%{
        opacity:0
    }
}
@-webkit-keyframes flicker-3{
    0%,32.98%,34.02%,34.98%,35.92%,38.98%,39.82%,83.98%,84.92%,to{
        opacity:1
    }
    33%,34%,35%,35.9%,39%,39.8%,84%,84.9%{
        opacity:0
    }
}
@keyframes flicker-3{
    0%,32.98%,34.02%,34.98%,35.92%,38.98%,39.82%,83.98%,84.92%,to{
        opacity:1
    }
    33%,34%,35%,35.9%,39%,39.8%,84%,84.9%{
        opacity:0
    }
}
@-webkit-keyframes flicker-4{
    0%,31.98%,32.82%,34.98%,35.72%,36.98%,37.62%,67.98%,68.42%,95.98%,96.72%,98.98%,99.62%,to{
        opacity:1
    }
    32%,32.8%,35%,35.7%,37%,37.6%,68%,68.4%,96%,96.7%,99%,99.6%{
        opacity:0
    }
}
@keyframes flicker-4{
    0%,31.98%,32.82%,34.98%,35.72%,36.98%,37.62%,67.98%,68.42%,95.98%,96.72%,98.98%,99.62%,to{
        opacity:1
    }
    32%,32.8%,35%,35.7%,37%,37.6%,68%,68.4%,96%,96.7%,99%,99.6%{
        opacity:0
    }
}
@-webkit-keyframes flicker-5{
    -.02%,0%,1%,1.02%,101%,101.02%,14.98%,15.18%,15.48%,15.82%,16.02%,16.22%,16.98%,17%,17.8%,17.82%,20.48%,20.98%,21%,21.32%,22%,22.02%,39.98%,40%,40.48%,41%,41.02%,41.42%,41.98%,42%,42.8%,42.82%,59.98%,60%,60.18%,60.78%,61.02%,61.38%,61.62%,61.78%,61.8%,62.22%,62.8%,62.82%,75.98%,76%,77%,77.02%,77.98%,78.82%,78.98%,79%,8.98%,80%,80.02%,9.48%,9.5%,9.6%,9.62%,9.82%,99.98%,to{
        opacity:1
    }
    61.4%,62.2%,9%,9.8%{
        opacity:0
    }
    15%,15.5%,15.8%,16.2%{
        opacity:.5
    }
    15.2%,16%,78%,78.8%{
        opacity:.7
    }
    20.5%,21.3%{
        opacity:.9
    }
    40.5%,41.4%{
        opacity:.6
    }
    60.2%,61%{
        opacity:.2
    }
    60.8%,61.6%{
        opacity:.4
    }
}
@keyframes flicker-5{
    -.02%,0%,1%,1.02%,101%,101.02%,14.98%,15.18%,15.48%,15.82%,16.02%,16.22%,16.98%,17%,17.8%,17.82%,20.48%,20.98%,21%,21.32%,22%,22.02%,39.98%,40%,40.48%,41%,41.02%,41.42%,41.98%,42%,42.8%,42.82%,59.98%,60%,60.18%,60.78%,61.02%,61.38%,61.62%,61.78%,61.8%,62.22%,62.8%,62.82%,75.98%,76%,77%,77.02%,77.98%,78.82%,78.98%,79%,8.98%,80%,80.02%,9.48%,9.5%,9.6%,9.62%,9.82%,99.98%,to{
        opacity:1
    }
    61.4%,62.2%,9%,9.8%{
        opacity:0
    }
    15%,15.5%,15.8%,16.2%{
        opacity:.5
    }
    15.2%,16%,78%,78.8%{
        opacity:.7
    }
    20.5%,21.3%{
        opacity:.9
    }
    40.5%,41.4%{
        opacity:.6
    }
    60.2%,61%{
        opacity:.2
    }
    60.8%,61.6%{
        opacity:.4
    }
}
@-webkit-keyframes jello-horizontal{
    0%,to{
        -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)
    }
}
@keyframes jello-horizontal{
    0%,to{
        -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)
    }
}
@-webkit-keyframes jello-vertical{
    0%,to{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    30%{
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    40%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    50%{
        -webkit-transform:scale3d(.85,1.15,1);
        transform:scale3d(.85,1.15,1)
    }
    65%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    75%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
}
@keyframes jello-vertical{
    0%,to{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    30%{
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    40%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    50%{
        -webkit-transform:scale3d(.85,1.15,1);
        transform:scale3d(.85,1.15,1)
    }
    65%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    75%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
}
@-webkit-keyframes jello-diagonal-1{
    0%,to{
        -webkit-transform:skew(0deg 0deg);
        transform:skew(0deg 0deg)
    }
    30%{
        -webkit-transform:skew(25deg 25deg);
        transform:skew(25deg 25deg)
    }
    40%{
        -webkit-transform:skew(-15deg,-15deg);
        transform:skew(-15deg,-15deg)
    }
    50%{
        -webkit-transform:skew(15deg,15deg);
        transform:skew(15deg,15deg)
    }
    65%{
        -webkit-transform:skew(-5deg,-5deg);
        transform:skew(-5deg,-5deg)
    }
    75%{
        -webkit-transform:skew(5deg,5deg);
        transform:skew(5deg,5deg)
    }
}
@keyframes jello-diagonal-1{
    0%,to{
        -webkit-transform:skew(0deg 0deg);
        transform:skew(0deg 0deg)
    }
    30%{
        -webkit-transform:skew(25deg 25deg);
        transform:skew(25deg 25deg)
    }
    40%{
        -webkit-transform:skew(-15deg,-15deg);
        transform:skew(-15deg,-15deg)
    }
    50%{
        -webkit-transform:skew(15deg,15deg);
        transform:skew(15deg,15deg)
    }
    65%{
        -webkit-transform:skew(-5deg,-5deg);
        transform:skew(-5deg,-5deg)
    }
    75%{
        -webkit-transform:skew(5deg,5deg);
        transform:skew(5deg,5deg)
    }
}
@-webkit-keyframes jello-diagonal-2{
    0%,to{
        -webkit-transform:skew(0deg 0deg);
        transform:skew(0deg 0deg)
    }
    30%{
        -webkit-transform:skew(-25deg -25deg);
        transform:skew(-25deg -25deg)
    }
    40%{
        -webkit-transform:skew(15deg,15deg);
        transform:skew(15deg,15deg)
    }
    50%{
        -webkit-transform:skew(-15deg,-15deg);
        transform:skew(-15deg,-15deg)
    }
    65%{
        -webkit-transform:skew(5deg,5deg);
        transform:skew(5deg,5deg)
    }
    75%{
        -webkit-transform:skew(-5deg,-5deg);
        transform:skew(-5deg,-5deg)
    }
}
@keyframes jello-diagonal-2{
    0%,to{
        -webkit-transform:skew(0deg 0deg);
        transform:skew(0deg 0deg)
    }
    30%{
        -webkit-transform:skew(-25deg -25deg);
        transform:skew(-25deg -25deg)
    }
    40%{
        -webkit-transform:skew(15deg,15deg);
        transform:skew(15deg,15deg)
    }
    50%{
        -webkit-transform:skew(-15deg,-15deg);
        transform:skew(-15deg,-15deg)
    }
    65%{
        -webkit-transform:skew(5deg,5deg);
        transform:skew(5deg,5deg)
    }
    75%{
        -webkit-transform:skew(-5deg,-5deg);
        transform:skew(-5deg,-5deg)
    }
}
@-webkit-keyframes pulsate-bck{
    0%,to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
}
@keyframes pulsate-bck{
    0%,to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
}
@-webkit-keyframes pulsate-fwd{
    0%,to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
}
@keyframes pulsate-fwd{
    0%,to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
}
@-webkit-keyframes ping{
    0%{
        -webkit-transform:scale(.2);
        transform:scale(.2);
        opacity:.8
    }
    80%{
        -webkit-transform:scale(1.2);
        transform:scale(1.2);
        opacity:0
    }
    to{
        -webkit-transform:scale(2.2);
        transform:scale(2.2);
        opacity:0
    }
}
@keyframes ping{
    0%{
        -webkit-transform:scale(.2);
        transform:scale(.2);
        opacity:.8
    }
    80%{
        -webkit-transform:scale(1.2);
        transform:scale(1.2);
        opacity:0
    }
    to{
        -webkit-transform:scale(2.2);
        transform:scale(2.2);
        opacity:0
    }
}
@-webkit-keyframes heartbeat{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    10%{
        -webkit-transform:scale(.91);
        transform:scale(.91);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    17%{
        -webkit-transform:scale(.98);
        transform:scale(.98);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    33%{
        -webkit-transform:scale(.87);
        transform:scale(.87);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    45%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
}
@keyframes heartbeat{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    10%{
        -webkit-transform:scale(.91);
        transform:scale(.91);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    17%{
        -webkit-transform:scale(.98);
        transform:scale(.98);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    33%{
        -webkit-transform:scale(.87);
        transform:scale(.87);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    45%{
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
}
@-webkit-keyframes shake-bl{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%
    }
    10%,90%{
        -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)
    }
}
@keyframes shake-bl{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:0 100%;
        transform-origin:0 100%
    }
    10%,90%{
        -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)
    }
}
@-webkit-keyframes shake-br{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    10%,90%{
        -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)
    }
}
@keyframes shake-br{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:100% 100%;
        transform-origin:100% 100%
    }
    10%,90%{
        -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)
    }
}
@-webkit-keyframes shake-horizontal{
    0%,to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    10%,30%,50%,70%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    20%,40%,60%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
    80%{
        -webkit-transform:translateX(8px);
        transform:translateX(8px)
    }
    90%{
        -webkit-transform:translateX(-8px);
        transform:translateX(-8px)
    }
}
@keyframes shake-horizontal{
    0%,to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    10%,30%,50%,70%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    20%,40%,60%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
    80%{
        -webkit-transform:translateX(8px);
        transform:translateX(8px)
    }
    90%{
        -webkit-transform:translateX(-8px);
        transform:translateX(-8px)
    }
}
@-webkit-keyframes shake-left{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%
    }
    10%,90%{
        -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)
    }
}
@keyframes shake-left{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:0 50%;
        transform-origin:0 50%
    }
    10%,90%{
        -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)
    }
}
@-webkit-keyframes shake-top{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:50% 0;
        transform-origin:50% 0
    }
    10%,90%{
        -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)
    }
}
@keyframes shake-top{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:50% 0;
        transform-origin:50% 0
    }
    10%,90%{
        -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)
    }
}
@-webkit-keyframes shake-bottom{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    10%,90%{
        -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)
    }
}
@keyframes shake-bottom{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    10%,90%{
        -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)
    }
}
@-webkit-keyframes shake-lr{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
    10%,90%{
        -webkit-transform:rotate(8deg);
        transform:rotate(8deg)
    }
    20%,40%,60%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    30%,50%,70%{
        -webkit-transform:rotate(10deg);
        transform:rotate(10deg)
    }
    80%{
        -webkit-transform:rotate(-8deg);
        transform:rotate(-8deg)
    }
}
@keyframes shake-lr{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
    10%,90%{
        -webkit-transform:rotate(8deg);
        transform:rotate(8deg)
    }
    20%,40%,60%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    30%,50%,70%{
        -webkit-transform:rotate(10deg);
        transform:rotate(10deg)
    }
    80%{
        -webkit-transform:rotate(-8deg);
        transform:rotate(-8deg)
    }
}
@-webkit-keyframes shake-right{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    10%,90%{
        -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)
    }
}
@keyframes shake-right{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
    10%,90%{
        -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)
    }
}
@-webkit-keyframes shake-tl{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
    10%,90%{
        -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)
    }
}
@keyframes shake-tl{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
    10%,90%{
        -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)
    }
}
@-webkit-keyframes shake-tr{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:100% 0;
        transform-origin:100% 0
    }
    10%,90%{
        -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)
    }
}
@keyframes shake-tr{
    0%,to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:100% 0;
        transform-origin:100% 0
    }
    10%,90%{
        -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)
    }
}
@-webkit-keyframes shake-vertical{
    0%,to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    10%,30%,50%,70%{
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px)
    }
    20%,40%,60%{
        -webkit-transform:translateY(8px);
        transform:translateY(8px)
    }
    80%{
        -webkit-transform:translateY(6.4px);
        transform:translateY(6.4px)
    }
    90%{
        -webkit-transform:translateY(-6.4px);
        transform:translateY(-6.4px)
    }
}
@keyframes shake-vertical{
    0%,to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    10%,30%,50%,70%{
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px)
    }
    20%,40%,60%{
        -webkit-transform:translateY(8px);
        transform:translateY(8px)
    }
    80%{
        -webkit-transform:translateY(6.4px);
        transform:translateY(6.4px)
    }
    90%{
        -webkit-transform:translateY(-6.4px);
        transform:translateY(-6.4px)
    }
}
@-webkit-keyframes vibrate-1{
    0%,to{
        -webkit-transform:translate(0);
        transform:translate(0)
    }
    20%{
        -webkit-transform:translate(-2px,2px);
        transform:translate(-2px,2px)
    }
    40%{
        -webkit-transform:translate(-2px,-2px);
        transform:translate(-2px,-2px)
    }
    60%{
        -webkit-transform:translate(2px,2px);
        transform:translate(2px,2px)
    }
    80%{
        -webkit-transform:translate(2px,-2px);
        transform:translate(2px,-2px)
    }
}
@keyframes vibrate-1{
    0%,to{
        -webkit-transform:translate(0);
        transform:translate(0)
    }
    20%{
        -webkit-transform:translate(-2px,2px);
        transform:translate(-2px,2px)
    }
    40%{
        -webkit-transform:translate(-2px,-2px);
        transform:translate(-2px,-2px)
    }
    60%{
        -webkit-transform:translate(2px,2px);
        transform:translate(2px,2px)
    }
    80%{
        -webkit-transform:translate(2px,-2px);
        transform:translate(2px,-2px)
    }
}
@-webkit-keyframes vibrate-2{
    0%,to{
        -webkit-transform:translate(0);
        transform:translate(0)
    }
    20%{
        -webkit-transform:translate(2px,-2px);
        transform:translate(2px,-2px)
    }
    40%{
        -webkit-transform:translate(2px,2px);
        transform:translate(2px,2px)
    }
    60%{
        -webkit-transform:translate(-2px,2px);
        transform:translate(-2px,2px)
    }
    80%{
        -webkit-transform:translate(-2px,-2px);
        transform:translate(-2px,-2px)
    }
}
@keyframes vibrate-2{
    0%,to{
        -webkit-transform:translate(0);
        transform:translate(0)
    }
    20%{
        -webkit-transform:translate(2px,-2px);
        transform:translate(2px,-2px)
    }
    40%{
        -webkit-transform:translate(2px,2px);
        transform:translate(2px,2px)
    }
    60%{
        -webkit-transform:translate(-2px,2px);
        transform:translate(-2px,2px)
    }
    80%{
        -webkit-transform:translate(-2px,-2px);
        transform:translate(-2px,-2px)
    }
}
@-webkit-keyframes vibrate-3{
    0%,to{
        -webkit-transform:translate(0);
        transform:translate(0)
    }
    10%,50%,80%{
        -webkit-transform:translate(-2px,-2px);
        transform:translate(-2px,-2px)
    }
    20%,60%,90%{
        -webkit-transform:translate(2px,-2px);
        transform:translate(2px,-2px)
    }
    30%,70%{
        -webkit-transform:translate(-2px,2px);
        transform:translate(-2px,2px)
    }
    40%{
        -webkit-transform:translate(2px,2px);
        transform:translate(2px,2px)
    }
}
@keyframes vibrate-3{
    0%,to{
        -webkit-transform:translate(0);
        transform:translate(0)
    }
    10%,50%,80%{
        -webkit-transform:translate(-2px,-2px);
        transform:translate(-2px,-2px)
    }
    20%,60%,90%{
        -webkit-transform:translate(2px,-2px);
        transform:translate(2px,-2px)
    }
    30%,70%{
        -webkit-transform:translate(-2px,2px);
        transform:translate(-2px,2px)
    }
    40%{
        -webkit-transform:translate(2px,2px);
        transform:translate(2px,2px)
    }
}
@-webkit-keyframes wobble-hor-bottom{
    0%,to{
        -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%,to{
        -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%,to{
        -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%,to{
        -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%,to{
        -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%,to{
        -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%,to{
        -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%,to{
        -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 kenburns-bottom-left{
    0%{
        -webkit-transform:scale(1) translate(0,0);
        transform:scale(1) translate(0,0);
        -webkit-transform-origin:16% 84%;
        transform-origin:16% 84%
    }
    to{
        -webkit-transform:scale(1.25) translate(-20px,15px);
        transform:scale(1.25) translate(-20px,15px);
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom
    }
}
@keyframes kenburns-bottom-left{
    0%{
        -webkit-transform:scale(1) translate(0,0);
        transform:scale(1) translate(0,0);
        -webkit-transform-origin:16% 84%;
        transform-origin:16% 84%
    }
    to{
        -webkit-transform:scale(1.25) translate(-20px,15px);
        transform:scale(1.25) translate(-20px,15px);
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom
    }
}
@-webkit-keyframes kenburns-bottom-right{
    0%{
        -webkit-transform:scale(1) translate(0,0);
        transform:scale(1) translate(0,0);
        -webkit-transform-origin:84% 84%;
        transform-origin:84% 84%
    }
    to{
        -webkit-transform:scale(1.25) translate(20px,15px);
        transform:scale(1.25) translate(20px,15px);
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom
    }
}
@keyframes kenburns-bottom-right{
    0%{
        -webkit-transform:scale(1) translate(0,0);
        transform:scale(1) translate(0,0);
        -webkit-transform-origin:84% 84%;
        transform-origin:84% 84%
    }
    to{
        -webkit-transform:scale(1.25) translate(20px,15px);
        transform:scale(1.25) translate(20px,15px);
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom
    }
}
@-webkit-keyframes kenburns-bottom{
    0%{
        -webkit-transform:scale(1) translateY(0);
        transform:scale(1) translateY(0);
        -webkit-transform-origin:50% 84%;
        transform-origin:50% 84%
    }
    to{
        -webkit-transform:scale(1.25) translateY(15px);
        transform:scale(1.25) translateY(15px);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
}
@keyframes kenburns-bottom{
    0%{
        -webkit-transform:scale(1) translateY(0);
        transform:scale(1) translateY(0);
        -webkit-transform-origin:50% 84%;
        transform-origin:50% 84%
    }
    to{
        -webkit-transform:scale(1.25) translateY(15px);
        transform:scale(1.25) translateY(15px);
        -webkit-transform-origin:bottom;
        transform-origin:bottom
    }
}
@-webkit-keyframes kenburns-left{
    0%{
        -webkit-transform:scale(1) translate(0,0);
        transform:scale(1) translate(0,0);
        -webkit-transform-origin:16% 50%;
        transform-origin:16% 50%
    }
    to{
        -webkit-transform:scale(1.25) translate(-20px,15px);
        transform:scale(1.25) translate(-20px,15px);
        -webkit-transform-origin:left;
        transform-origin:left
    }
}
@keyframes kenburns-left{
    0%{
        -webkit-transform:scale(1) translate(0,0);
        transform:scale(1) translate(0,0);
        -webkit-transform-origin:16% 50%;
        transform-origin:16% 50%
    }
    to{
        -webkit-transform:scale(1.25) translate(-20px,15px);
        transform:scale(1.25) translate(-20px,15px);
        -webkit-transform-origin:left;
        transform-origin:left
    }
}
@-webkit-keyframes kenburns-right{
    0%{
        -webkit-transform:scale(1) translate(0,0);
        transform:scale(1) translate(0,0);
        -webkit-transform-origin:84% 50%;
        transform-origin:84% 50%
    }
    to{
        -webkit-transform:scale(1.25) translateX(20px);
        transform:scale(1.25) translateX(20px);
        -webkit-transform-origin:right;
        transform-origin:right
    }
}
@keyframes kenburns-right{
    0%{
        -webkit-transform:scale(1) translate(0,0);
        transform:scale(1) translate(0,0);
        -webkit-transform-origin:84% 50%;
        transform-origin:84% 50%
    }
    to{
        -webkit-transform:scale(1.25) translateX(20px);
        transform:scale(1.25) translateX(20px);
        -webkit-transform-origin:right;
        transform-origin:right
    }
}
@-webkit-keyframes kenburns-top-left{
    0%{
        -webkit-transform:scale(1) translate(0,0);
        transform:scale(1) translate(0,0);
        -webkit-transform-origin:16% 16%;
        transform-origin:16% 16%
    }
    to{
        -webkit-transform:scale(1.25) translate(-20px,-15px);
        transform:scale(1.25) translate(-20px,-15px);
        -webkit-transform-origin:top left;
        transform-origin:top left
    }
}
@keyframes kenburns-top-left{
    0%{
        -webkit-transform:scale(1) translate(0,0);
        transform:scale(1) translate(0,0);
        -webkit-transform-origin:16% 16%;
        transform-origin:16% 16%
    }
    to{
        -webkit-transform:scale(1.25) translate(-20px,-15px);
        transform:scale(1.25) translate(-20px,-15px);
        -webkit-transform-origin:top left;
        transform-origin:top left
    }
}
@-webkit-keyframes kenburns-top-right{
    0%{
        -webkit-transform:scale(1) translate(0,0);
        transform:scale(1) translate(0,0);
        -webkit-transform-origin:84% 16%;
        transform-origin:84% 16%
    }
    to{
        -webkit-transform:scale(1.25) translate(20px,-15px);
        transform:scale(1.25) translate(20px,-15px);
        -webkit-transform-origin:right top;
        transform-origin:right top
    }
}
@keyframes kenburns-top-right{
    0%{
        -webkit-transform:scale(1) translate(0,0);
        transform:scale(1) translate(0,0);
        -webkit-transform-origin:84% 16%;
        transform-origin:84% 16%
    }
    to{
        -webkit-transform:scale(1.25) translate(20px,-15px);
        transform:scale(1.25) translate(20px,-15px);
        -webkit-transform-origin:right top;
        transform-origin:right top
    }
}
@-webkit-keyframes kenburns-top{
    0%{
        -webkit-transform:scale(1) translateY(0);
        transform:scale(1) translateY(0);
        -webkit-transform-origin:50% 16%;
        transform-origin:50% 16%
    }
    to{
        -webkit-transform:scale(1.25) translateY(-15px);
        transform:scale(1.25) translateY(-15px);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@keyframes kenburns-top{
    0%{
        -webkit-transform:scale(1) translateY(0);
        transform:scale(1) translateY(0);
        -webkit-transform-origin:50% 16%;
        transform-origin:50% 16%
    }
    to{
        -webkit-transform:scale(1.25) translateY(-15px);
        transform:scale(1.25) translateY(-15px);
        -webkit-transform-origin:top;
        transform-origin:top
    }
}
@-webkit-keyframes bg-pan-bl{
    0%{
        background-position:100% 0%
    }
    to{
        background-position:0% 100%
    }
}
@keyframes bg-pan-bl{
    0%{
        background-position:100% 0%
    }
    to{
        background-position:0% 100%
    }
}
@-webkit-keyframes bg-pan-bottom{
    0%{
        background-position:50% 0%
    }
    to{
        background-position:50% 100%
    }
}
@keyframes bg-pan-bottom{
    0%{
        background-position:50% 0%
    }
    to{
        background-position:50% 100%
    }
}
@-webkit-keyframes bg-pan-br{
    0%{
        background-position:0% 0%
    }
    to{
        background-position:100% 100%
    }
}
@keyframes bg-pan-br{
    0%{
        background-position:0% 0%
    }
    to{
        background-position:100% 100%
    }
}
@-webkit-keyframes bg-pan-left{
    0%{
        background-position:100% 50%
    }
    to{
        background-position:0% 50%
    }
}
@keyframes bg-pan-left{
    0%{
        background-position:100% 50%
    }
    to{
        background-position:0% 50%
    }
}
@-webkit-keyframes bg-pan-right{
    0%{
        background-position:0% 50%
    }
    to{
        background-position:100% 50%
    }
}
@keyframes bg-pan-right{
    0%{
        background-position:0% 50%
    }
    to{
        background-position:100% 50%
    }
}
@-webkit-keyframes bg-pan-tl{
    0%{
        background-position:100% 100%
    }
    to{
        background-position:0% 0%
    }
}
@keyframes bg-pan-tl{
    0%{
        background-position:100% 100%
    }
    to{
        background-position:0% 0%
    }
}
@-webkit-keyframes bg-pan-top{
    0%{
        background-position:50% 100%
    }
    to{
        background-position:50% 0%
    }
}
@keyframes bg-pan-top{
    0%{
        background-position:50% 100%
    }
    to{
        background-position:50% 0%
    }
}
@-webkit-keyframes bg-pan-tr{
    0%{
        background-position:0% 100%
    }
    to{
        background-position:100% 0%
    }
}
@keyframes bg-pan-tr{
    0%{
        background-position:0% 100%
    }
    to{
        background-position:100% 0%
    }
}
@-webkit-keyframes color-change-2x{
    0%{
        background:#19dcea
    }
    to{
        background:#b22cff
    }
}
@keyframes color-change-2x{
    0%{
        background:#19dcea
    }
    to{
        background:#b22cff
    }
}
@-webkit-keyframes color-change-3x{
    0%{
        background:#19dcea
    }
    50%{
        background:#b22cff
    }
    to{
        background:#ea2222
    }
}
@keyframes color-change-3x{
    0%{
        background:#19dcea
    }
    50%{
        background:#b22cff
    }
    to{
        background:#ea2222
    }
}
@-webkit-keyframes color-change-4x{
    0%{
        background:#19dcea
    }
    33.3333%{
        background:#b22cff
    }
    66.666%{
        background:#ea2222
    }
    to{
        background:#f5be10
    }
}
@keyframes color-change-4x{
    0%{
        background:#19dcea
    }
    33.3333%{
        background:#b22cff
    }
    66.666%{
        background:#ea2222
    }
    to{
        background:#f5be10
    }
}
@-webkit-keyframes color-change-5x{
    0%{
        background:#19dcea
    }
    25%{
        background:#b22cff
    }
    50%{
        background:#ea2222
    }
    75%{
        background:#f5be10
    }
    to{
        background:#3bd80d
    }
}
@keyframes color-change-5x{
    0%{
        background:#19dcea
    }
    25%{
        background:#b22cff
    }
    50%{
        background:#ea2222
    }
    75%{
        background:#f5be10
    }
    to{
        background:#3bd80d
    }
}