html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
    background:0 0;
    border:0;
    margin:0;
    padding:0;
    vertical-align:baseline;
    outline:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{
    display:block
}
blockquote{
    quotes:none
}
blockquote:before,blockquote:after{
    content:'';
    content:none
}
ul,ol{
    margin:0
}
ul li,ol li{
    margin:0
}
img{
    vertical-align:middle;
    max-width:100%
}
iframe{
    max-width:100%
}
del{
    text-decoration:line-through
}
a,i{
    border:none
}
a:hover{
    text-decoration:none
}
textarea{
    border-radius:0;
    font-size:13px;
    resize:vertical;
    font-family:poppins;
    letter-spacing:1.2px!important;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    line-height:1.4;
    padding:10px!important;
    width:100%;
    border:1px solid #eee;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],.uneditable-input{
    border-radius:0;
    font-size:13px;
    min-width:auto;
    letter-spacing:1.4px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    font-family:poppins;
    line-height:1.6;
    padding:10px!important;
    height:44px;
    vertical-align:middle;
    border:1px solid #eee;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,.uneditable-input:focus{
    border-color:#ccc;
    background:#eee
}
input[type=submit]{
    padding:13px 15px;
    height:40px;
    line-height:1;
    text-transform:uppercase;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    letter-spacing:.5px;
    border:none;
    cursor:pointer;
    color:#FFFFFF;
    background:#777;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
input[type=submit]:hover{
    background:#444
}
select{
    padding:8px;
    border:2px solid #eee
}
input[type=button]{
    cursor:pointer;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
@font-face{
    font-family:fontello;
    src:url(font/fontello.eot?91023305);
    src:url(font/fontello.eot?91023305#iefix) format('embedded-opentype'),url(font/fontello.woff2?91023305) format('woff2'),url(font/fontello.woff?91023305) format('woff'),url(font/fontello.ttf?91023305) format('truetype'),url(font/fontello.svg?91023305#fontello) format('svg');
    font-weight:400;
    font-style:normal
}
[class^=icon-]:before,[class*=" icon-"]:before{
    font-family:fontello;
    font-style:normal;
    font-weight:400;
    speak:never;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    margin-right:.2em;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    line-height:1em;
    margin-left:.2em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-cancel:before{
    content:'\e800'
}
.icon-cancel-1:before{
    content:'\e801'
}
.icon-cancel-2:before{
    content:'\e802'
}
.icon-cancel-3:before{
    content:'\e803'
}
.icon-cancel-4:before{
    content:'\e804'
}
.icon-cancel-5:before{
    content:'\e805'
}
.icon-cancel-6:before{
    content:'\e806'
}
.icon-cancel-7:before{
    content:'\e807'
}
.mfp-bg,.mfp-wrap{
    position:fixed;
    left:0;
    top:0
}
.mfp-bg,.mfp-container,.mfp-wrap{
    height:100%;
    width:100%
}
.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{
    content:''
}
.mfp-bg{
    z-index:1042;
    overflow:hidden;
    background:#0b0b0b;
    opacity:.8
}
.mfp-wrap{
    z-index:1043;
    outline:0!important;
    -webkit-backface-visibility:hidden
}
.mfp-container{
    text-align:center;
    position:absolute;
    left:0;
    top:0;
    padding:0 8px;
    box-sizing:border-box
}
.mfp-container:before{
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.mfp-align-top .mfp-container:before{
    display:none
}
.mfp-content{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 auto;
    text-align:left;
    z-index:1045
}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{
    width:100%;
    cursor:auto
}
.mfp-ajax-cur{
    cursor:progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    cursor:-moz-zoom-out;
    cursor:-webkit-zoom-out;
    cursor:zoom-out
}
.mfp-zoom{
    cursor:pointer;
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in;
    cursor:zoom-in
}
.mfp-auto-cursor .mfp-content{
    cursor:auto
}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.mfp-loading.mfp-figure{
    display:none
}
.mfp-hide{
    display:none!important
}
.mfp-preloader{
    color:#ccc;
    position:absolute;
    top:50%;
    width:auto;
    text-align:center;
    margin-top:-.8em;
    left:8px;
    right:8px;
    z-index:1044
}
.mfp-preloader a{
    color:#ccc
}
.mfp-close,.mfp-preloader a:hover{
    color:#FFFFFF
}
.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{
    display:none
}
button.mfp-arrow,button.mfp-close{
    overflow:visible;
    cursor:pointer;
    background:0 0;
    border:0;
    -webkit-appearance:none;
    display:block;
    outline:0;
    padding:0;
    z-index:1046;
    box-shadow:none;
    touch-action:manipulation
}
.mfp-figure:after,.mfp-iframe-scaler iframe{
    box-shadow:0 0 8px rgba(0,0,0,.6);
    position:absolute;
    left:0
}
button::-moz-focus-inner{
    padding:0;
    border:0
}
.mfp-close{
    width:44px;
    height:44px;
    line-height:44px;
    position:absolute;
    right:0;
    top:0;
    text-decoration:none;
    text-align:center;
    opacity:.65;
    padding:0 0 18px 10px;
    font-style:normal;
    font-size:28px;
    font-family:Arial,Baskerville,monospace
}
.mfp-close:focus,.mfp-close:hover{
    opacity:1
}
.mfp-close:active{
    top:1px
}
.mfp-close-btn-in .mfp-close{
    color:#333
}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{
    color:#FFFFFF;
    right:-6px;
    text-align:right;
    padding-right:6px;
    width:100%
}
.mfp-counter{
    position:absolute;
    top:0;
    right:0;
    color:#ccc;
    font-size:12px;
    line-height:18px;
    white-space:nowrap
}
.mfp-figure,img.mfp-img{
    line-height:0
}
.mfp-arrow{
    position:absolute;
    opacity:.65;
    margin:-55px 0 0;
    top:50%;
    padding:0;
    width:90px;
    height:110px;
    -webkit-tap-highlight-color:transparent
}
.mfp-arrow:active{
    margin-top:-54px
}
.mfp-arrow:focus,.mfp-arrow:hover{
    opacity:1
}
.mfp-arrow:after,.mfp-arrow:before{
    display:block;
    width:0;
    height:0;
    position:absolute;
    left:0;
    top:0;
    margin-top:35px;
    margin-left:35px;
    border:inset transparent
}
.mfp-arrow:after{
    border-top-width:13px;
    border-bottom-width:13px;
    top:8px
}
.mfp-arrow:before{
    border-top-width:21px;
    border-bottom-width:21px;
    opacity:.7
}
.mfp-arrow-left{
    left:0
}
.mfp-arrow-left:after{
    border-right:17px solid #FFFFFF;
    margin-left:31px
}
.mfp-arrow-left:before{
    margin-left:25px;
    border-right:27px solid #3f3f3f
}
.mfp-arrow-right{
    right:0
}
.mfp-arrow-right:after{
    border-left:17px solid #FFFFFF;
    margin-left:39px
}
.mfp-arrow-right:before{
    border-left:27px solid #3f3f3f
}
.mfp-iframe-holder{
    padding-top:40px;
    padding-bottom:40px
}
.mfp-iframe-holder .mfp-content{
    line-height:0;
    width:100%;
    max-width:900px
}
.mfp-image-holder .mfp-content,img.mfp-img{
    max-width:100%
}
.mfp-iframe-holder .mfp-close{
    top:-40px
}
.mfp-iframe-scaler{
    width:100%;
    height:0;
    overflow:hidden;
    padding-top:56.25%
}
.mfp-iframe-scaler iframe{
    display:block;
    top:0;
    width:100%;
    height:100%;
    background:#000
}
.mfp-figure:after,img.mfp-img{
    width:auto;
    height:auto;
    display:block
}
img.mfp-img{
    box-sizing:border-box;
    padding:40px 0;
    margin:0 auto
}
.mfp-figure:after{
    top:40px;
    bottom:40px;
    right:0;
    z-index:-1;
    background:#444
}
.mfp-figure small{
    color:#bdbdbd;
    display:block;
    font-size:12px;
    line-height:14px
}
.mfp-figure figure{
    margin:0
}
.mfp-bottom-bar{
    margin-top:-36px;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    cursor:auto
}
.mfp-title{
    text-align:left;
    line-height:18px;
    color:#f3f3f3;
    word-wrap:break-word;
    padding-right:36px
}
.mfp-gallery .mfp-image-holder .mfp-figure{
    cursor:pointer
}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){
    .mfp-img-mobile .mfp-image-holder{
        padding-left:0;
        padding-right:0
    }
    .mfp-img-mobile img.mfp-img{
        padding:0
    }
    .mfp-img-mobile .mfp-figure:after{
        top:0;
        bottom:0
    }
    .mfp-img-mobile .mfp-figure small{
        display:inline;
        margin-left:5px
    }
    .mfp-img-mobile .mfp-bottom-bar{
        background:rgba(0,0,0,.6);
        bottom:0;
        margin:0;
        top:auto;
        padding:3px 5px;
        position:fixed;
        box-sizing:border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty{
        padding:0
    }
    .mfp-img-mobile .mfp-counter{
        right:5px;
        top:3px
    }
    .mfp-img-mobile .mfp-close{
        top:0;
        right:0;
        width:35px;
        height:35px;
        line-height:35px;
        background:rgba(0,0,0,.6);
        position:fixed;
        text-align:center;
        padding:0
    }
}
@media all and (max-width:900px){
    .mfp-arrow{
        -webkit-transform:scale(.75);
        transform:scale(.75)
    }
    .mfp-arrow-left{
        -webkit-transform-origin:0;
        transform-origin:0
    }
    .mfp-arrow-right{
        -webkit-transform-origin:100%;
        transform-origin:100%
    }
    .mfp-container{
        padding-left:6px;
        padding-right:6px
    }
}
/*!* animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden*/
.animated{
    animation-duration:1s;
    animation-fill-mode:both
}
.animated.infinite{
    animation-iteration-count:infinite
}
.animated.hinge{
    animation-duration:2s
}
.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{
    animation-duration:.75s
}
@keyframes bounce{
    from,20%,53%,80%,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        transform:translate3d(0,0,0)
    }
    40%,43%{
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-30px,0)
    }
    70%{
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-15px,0)
    }
    90%{
        transform:translate3d(0,-4px,0)
    }
}
.bounce{
    animation-name:bounce;
    transform-origin:center bottom
}
@keyframes flash{
    from,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    animation-name:flash
}
@keyframes pulse{
    from{
        transform:scale3d(1,1,1)
    }
    50%{
        transform:scale3d(1.05,1.05,1.05)
    }
    to{
        transform:scale3d(1,1,1)
    }
}
.pulse{
    animation-name:pulse
}
@keyframes rubberBand{
    from{
        transform:scale3d(1,1,1)
    }
    30%{
        transform:scale3d(1.25,.75,1)
    }
    40%{
        transform:scale3d(.75,1.25,1)
    }
    50%{
        transform:scale3d(1.15,.85,1)
    }
    65%{
        transform:scale3d(.95,1.05,1)
    }
    75%{
        transform:scale3d(1.05,.95,1)
    }
    to{
        transform:scale3d(1,1,1)
    }
}
.rubberBand{
    animation-name:rubberBand
}
@keyframes shake{
    from,to{
        transform:translate3d(0,0,0)
    }
    10%,30%,50%,70%,90%{
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        transform:translate3d(10px,0,0)
    }
}
.shake{
    animation-name:shake
}
@keyframes headShake{
    0%{
        transform:translateX(0)
    }
    6.5%{
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        transform:translateX(0)
    }
}
.headShake{
    animation-timing-function:ease-in-out;
    animation-name:headShake
}
@keyframes swing{
    20%{
        transform:rotate3d(0,0,1,15deg)
    }
    40%{
        transform:rotate3d(0,0,1,-10deg)
    }
    60%{
        transform:rotate3d(0,0,1,5deg)
    }
    80%{
        transform:rotate3d(0,0,1,-5deg)
    }
    to{
        transform:rotate3d(0,0,1,0deg)
    }
}
.swing{
    transform-origin:top center;
    animation-name:swing
}
@keyframes tada{
    from{
        transform:scale3d(1,1,1)
    }
    10%,20%{
        transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    30%,50%,70%,90%{
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    40%,60%,80%{
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
    to{
        transform:scale3d(1,1,1)
    }
}
.tada{
    animation-name:tada
}
@keyframes wobble{
    from{
        transform:none
    }
    15%{
        transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }
    30%{
        transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }
    45%{
        transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }
    60%{
        transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }
    75%{
        transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
    to{
        transform:none
    }
}
.wobble{
    animation-name:wobble
}
@keyframes jello{
    from,11.1%,to{
        transform:none
    }
    22.2%{
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        transform:skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7%{
        transform:skewX(0.390625deg) skewY(0.390625deg)
    }
    88.8%{
        transform:skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}
.jello{
    animation-name:jello;
    transform-origin:center
}
@keyframes bounceIn{
    from,20%,40%,60%,80%,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    20%{
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        transform:scale3d(1,1,1)
    }
}
.bounceIn{
    animation-name:bounceIn
}
@keyframes bounceInDown{
    from,60%,75%,90%,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        transform:translate3d(0,25px,0)
    }
    75%{
        transform:translate3d(0,-10px,0)
    }
    90%{
        transform:translate3d(0,5px,0)
    }
    to{
        transform:none
    }
}
.bounceInDown{
    animation-name:bounceInDown
}
@keyframes bounceInLeft{
    from,60%,75%,90%,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(-3000px,0,0)
    }
    60%{
        opacity:1;
        transform:translate3d(25px,0,0)
    }
    75%{
        transform:translate3d(-10px,0,0)
    }
    90%{
        transform:translate3d(5px,0,0)
    }
    to{
        transform:none
    }
}
.bounceInLeft{
    animation-name:bounceInLeft
}
@keyframes bounceInRight{
    from,60%,75%,90%,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    from{
        opacity:0;
        transform:translate3d(3000px,0,0)
    }
    60%{
        opacity:1;
        transform:translate3d(-25px,0,0)
    }
    75%{
        transform:translate3d(10px,0,0)
    }
    90%{
        transform:translate3d(-5px,0,0)
    }
    to{
        transform:none
    }
}
.bounceInRight{
    animation-name:bounceInRight
}
@keyframes bounceInUp{
    from,60%,75%,90%,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    from{
        opacity:0;
        transform:translate3d(0,3000px,0)
    }
    60%{
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    75%{
        transform:translate3d(0,10px,0)
    }
    90%{
        transform:translate3d(0,-5px,0)
    }
    to{
        transform:translate3d(0,0,0)
    }
}
.bounceInUp{
    animation-name:bounceInUp
}
@keyframes bounceOut{
    20%{
        transform:scale3d(.9,.9,.9)
    }
    50%,55%{
        opacity:1;
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
}
.bounceOut{
    animation-name:bounceOut
}
@keyframes bounceOutDown{
    20%{
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    to{
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
.bounceOutDown{
    animation-name:bounceOutDown
}
@keyframes bounceOutLeft{
    20%{
        opacity:1;
        transform:translate3d(20px,0,0)
    }
    to{
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
.bounceOutLeft{
    animation-name:bounceOutLeft
}
@keyframes bounceOutRight{
    20%{
        opacity:1;
        transform:translate3d(-20px,0,0)
    }
    to{
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
.bounceOutRight{
    animation-name:bounceOutRight
}
@keyframes bounceOutUp{
    20%{
        transform:translate3d(0,-10px,0)
    }
    40%,45%{
        opacity:1;
        transform:translate3d(0,20px,0)
    }
    to{
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
.bounceOutUp{
    animation-name:bounceOutUp
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    animation-name:fadeIn
}
@keyframes fadeInDown{
    from{
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInDown{
    animation-name:fadeInDown
}
@keyframes fadeInDownBig{
    from{
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInDownBig{
    animation-name:fadeInDownBig
}
@keyframes fadeInLeft{
    from{
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInLeft{
    animation-name:fadeInLeft
}
@keyframes fadeInLeftBig{
    from{
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInLeftBig{
    animation-name:fadeInLeftBig
}
@keyframes fadeInRight{
    from{
        opacity:0;
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInRight{
    animation-name:fadeInRight
}
@keyframes fadeInRightBig{
    from{
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInRightBig{
    animation-name:fadeInRightBig
}
@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInUp{
    animation-name:fadeInUp
}
@keyframes fadeInUpBig{
    from{
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInUpBig{
    animation-name:fadeInUpBig
}
@keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
.fadeOut{
    animation-name:fadeOut
}
@keyframes fadeOutDown{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,100%,0)
    }
}
.fadeOutDown{
    animation-name:fadeOutDown
}
@keyframes fadeOutDownBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
.fadeOutDownBig{
    animation-name:fadeOutDownBig
}
@keyframes fadeOutLeft{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
}
.fadeOutLeft{
    animation-name:fadeOutLeft
}
@keyframes fadeOutLeftBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
.fadeOutLeftBig{
    animation-name:fadeOutLeftBig
}
@keyframes fadeOutRight{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(100%,0,0)
    }
}
.fadeOutRight{
    animation-name:fadeOutRight
}
@keyframes fadeOutRightBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
.fadeOutRightBig{
    animation-name:fadeOutRightBig
}
@keyframes fadeOutUp{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
}
.fadeOutUp{
    animation-name:fadeOutUp
}
@keyframes fadeOutUpBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
.fadeOutUpBig{
    animation-name:fadeOutUpBig
}
@keyframes flip{
    from{
        transform:perspective(400px) rotate3d(0,1,0,-360deg);
        animation-timing-function:ease-out
    }
    40%{
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        animation-timing-function:ease-out
    }
    50%{
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        animation-timing-function:ease-in
    }
    80%{
        transform:perspective(400px) scale3d(.95,.95,.95);
        animation-timing-function:ease-in
    }
    to{
        transform:perspective(400px);
        animation-timing-function:ease-in
    }
}
.animated.flip{
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    animation-name:flip
}
@keyframes flipInX{
    from{
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        animation-timing-function:ease-in
    }
    60%{
        transform:perspective(400px) rotate3d(1,0,0,10deg);
        opacity:1
    }
    80%{
        transform:perspective(400px) rotate3d(1,0,0,-5deg)
    }
    to{
        transform:perspective(400px)
    }
}
.flipInX{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    animation-name:flipInX
}
@keyframes flipInY{
    from{
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        transform:perspective(400px) rotate3d(0,1,0,-20deg);
        animation-timing-function:ease-in
    }
    60%{
        transform:perspective(400px) rotate3d(0,1,0,10deg);
        opacity:1
    }
    80%{
        transform:perspective(400px) rotate3d(0,1,0,-5deg)
    }
    to{
        transform:perspective(400px)
    }
}
.flipInY{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    animation-name:flipInY
}
@keyframes flipOutX{
    from{
        transform:perspective(400px)
    }
    30%{
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        opacity:1
    }
    to{
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        opacity:0
    }
}
.flipOutX{
    animation-name:flipOutX;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important
}
@keyframes flipOutY{
    from{
        transform:perspective(400px)
    }
    30%{
        transform:perspective(400px) rotate3d(0,1,0,-15deg);
        opacity:1
    }
    to{
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        opacity:0
    }
}
.flipOutY{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    animation-name:flipOutY
}
@keyframes lightSpeedIn{
    from{
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }
    60%{
        transform:skewX(20deg);
        opacity:1
    }
    80%{
        transform:skewX(-5deg);
        opacity:1
    }
    to{
        transform:none;
        opacity:1
    }
}
.lightSpeedIn{
    animation-name:lightSpeedIn;
    animation-timing-function:ease-out
}
@keyframes lightSpeedOut{
    from{
        opacity:1
    }
    to{
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0
    }
}
.lightSpeedOut{
    animation-name:lightSpeedOut;
    animation-timing-function:ease-in
}
@keyframes rotateIn{
    from{
        transform-origin:center;
        transform:rotate3d(0,0,1,-200deg);
        opacity:0
    }
    to{
        transform-origin:center;
        transform:none;
        opacity:1
    }
}
.rotateIn{
    animation-name:rotateIn
}
@keyframes rotateInDownLeft{
    from{
        transform-origin:left bottom;
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
    to{
        transform-origin:left bottom;
        transform:none;
        opacity:1
    }
}
.rotateInDownLeft{
    animation-name:rotateInDownLeft
}
@keyframes rotateInDownRight{
    from{
        transform-origin:right bottom;
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    to{
        transform-origin:right bottom;
        transform:none;
        opacity:1
    }
}
.rotateInDownRight{
    animation-name:rotateInDownRight
}
@keyframes rotateInUpLeft{
    from{
        transform-origin:left bottom;
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    to{
        transform-origin:left bottom;
        transform:none;
        opacity:1
    }
}
.rotateInUpLeft{
    animation-name:rotateInUpLeft
}
@keyframes rotateInUpRight{
    from{
        transform-origin:right bottom;
        transform:rotate3d(0,0,1,-90deg);
        opacity:0
    }
    to{
        transform-origin:right bottom;
        transform:none;
        opacity:1
    }
}
.rotateInUpRight{
    animation-name:rotateInUpRight
}
@keyframes rotateOut{
    from{
        transform-origin:center;
        opacity:1
    }
    to{
        transform-origin:center;
        transform:rotate3d(0,0,1,200deg);
        opacity:0
    }
}
.rotateOut{
    animation-name:rotateOut
}
@keyframes rotateOutDownLeft{
    from{
        transform-origin:left bottom;
        opacity:1
    }
    to{
        transform-origin:left bottom;
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    animation-name:rotateOutDownLeft
}
@keyframes rotateOutDownRight{
    from{
        transform-origin:right bottom;
        opacity:1
    }
    to{
        transform-origin:right bottom;
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
.rotateOutDownRight{
    animation-name:rotateOutDownRight
}
@keyframes rotateOutUpLeft{
    from{
        transform-origin:left bottom;
        opacity:1
    }
    to{
        transform-origin:left bottom;
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    animation-name:rotateOutUpLeft
}
@keyframes rotateOutUpRight{
    from{
        transform-origin:right bottom;
        opacity:1
    }
    to{
        transform-origin:right bottom;
        transform:rotate3d(0,0,1,90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    animation-name:rotateOutUpRight
}
@keyframes hinge{
    0%{
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        transform:rotate3d(0,0,1,80deg);
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    40%,80%{
        transform:rotate3d(0,0,1,60deg);
        transform-origin:top left;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to{
        transform:translate3d(0,700px,0);
        opacity:0
    }
}
.hinge{
    animation-name:hinge
}
@keyframes jackInTheBox{
    from{
        opacity:0;
        transform:scale(.1) rotate(30deg);
        transform-origin:center bottom
    }
    50%{
        transform:rotate(-10deg)
    }
    70%{
        transform:rotate(3deg)
    }
    to{
        opacity:1;
        transform:scale(1)
    }
}
.jackInTheBox{
    animation-name:jackInTheBox
}
@keyframes rollIn{
    from{
        opacity:0;
        transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }
    to{
        opacity:1;
        transform:none
    }
}
.rollIn{
    animation-name:rollIn
}
@keyframes rollOut{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}
.rollOut{
    animation-name:rollOut
}
@keyframes zoomIn{
    from{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
.zoomIn{
    animation-name:zoomIn
}
@keyframes zoomInDown{
    from{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInDown{
    animation-name:zoomInDown
}
@keyframes zoomInLeft{
    from{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInLeft{
    animation-name:zoomInLeft
}
@keyframes zoomInRight{
    from{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInRight{
    animation-name:zoomInRight
}
@keyframes zoomInUp{
    from{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInUp{
    animation-name:zoomInUp
}
@keyframes zoomOut{
    from{
        opacity:1
    }
    50%{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    to{
        opacity:0
    }
}
.zoomOut{
    animation-name:zoomOut
}
@keyframes zoomOutDown{
    40%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin:center bottom;
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomOutDown{
    animation-name:zoomOutDown
}
@keyframes zoomOutLeft{
    40%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to{
        opacity:0;
        transform:scale(.1) translate3d(-2000px,0,0);
        transform-origin:left center
    }
}
.zoomOutLeft{
    animation-name:zoomOutLeft
}
@keyframes zoomOutRight{
    40%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to{
        opacity:0;
        transform:scale(.1) translate3d(2000px,0,0);
        transform-origin:right center
    }
}
.zoomOutRight{
    animation-name:zoomOutRight
}
@keyframes zoomOutUp{
    40%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin:center bottom;
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomOutUp{
    animation-name:zoomOutUp
}
@keyframes slideInDown{
    from{
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to{
        transform:translate3d(0,0,0)
    }
}
.slideInDown{
    animation-name:slideInDown
}
@keyframes slideInLeft{
    from{
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to{
        transform:translate3d(0,0,0)
    }
}
.slideInLeft{
    animation-name:slideInLeft
}
@keyframes slideInRight{
    from{
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        transform:translate3d(0,0,0)
    }
}
.slideInRight{
    animation-name:slideInRight
}
@keyframes slideInUp{
    from{
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        transform:translate3d(0,0,0)
    }
}
.slideInUp{
    animation-name:slideInUp
}
@keyframes slideOutDown{
    from{
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        transform:translate3d(0,100%,0)
    }
}
.slideOutDown{
    animation-name:slideOutDown
}
@keyframes slideOutLeft{
    from{
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        transform:translate3d(-100%,0,0)
    }
}
.slideOutLeft{
    animation-name:slideOutLeft
}
@keyframes slideOutRight{
    from{
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        transform:translate3d(100%,0,0)
    }
}
.slideOutRight{
    animation-name:slideOutRight
}
@keyframes slideOutUp{
    from{
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        transform:translate3d(0,-100%,0)
    }
}
.slideOutUp{
    animation-name:slideOutUp
}
body{
    -webkit-backface-visibility:hidden
}
.animated{
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.hinge{
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s
}
@-webkit-keyframes flash{
    0%,50%,100%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@-moz-keyframes flash{
    0%,50%,100%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@-o-keyframes flash{
    0%,50%,100%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    0%,50%,100%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    -webkit-animation-name:flash;
    -moz-animation-name:flash;
    -o-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes shake{
    0%,100%{
        -webkit-transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -webkit-transform:translateX(10px)
    }
}
@-moz-keyframes shake{
    0%,100%{
        -moz-transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -moz-transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -moz-transform:translateX(10px)
    }
}
@-o-keyframes shake{
    0%,100%{
        -o-transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -o-transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -o-transform:translateX(10px)
    }
}
@keyframes shake{
    0%,100%{
        transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        transform:translateX(10px)
    }
}
.shake{
    -webkit-animation-name:shake;
    -moz-animation-name:shake;
    -o-animation-name:shake;
    animation-name:shake
}
@-webkit-keyframes bounce{
    0%,20%,50%,80%,100%{
        -webkit-transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px)
    }
}
@-moz-keyframes bounce{
    0%,20%,50%,80%,100%{
        -moz-transform:translateY(0)
    }
    40%{
        -moz-transform:translateY(-30px)
    }
    60%{
        -moz-transform:translateY(-15px)
    }
}
@-o-keyframes bounce{
    0%,20%,50%,80%,100%{
        -o-transform:translateY(0)
    }
    40%{
        -o-transform:translateY(-30px)
    }
    60%{
        -o-transform:translateY(-15px)
    }
}
@keyframes bounce{
    0%,20%,50%,80%,100%{
        transform:translateY(0)
    }
    40%{
        transform:translateY(-30px)
    }
    60%{
        transform:translateY(-15px)
    }
}
.bounce{
    -webkit-animation-name:bounce;
    -moz-animation-name:bounce;
    -o-animation-name:bounce;
    animation-name:bounce
}
@-webkit-keyframes tada{
    0%{
        -webkit-transform:scale(1)
    }
    10%,20%{
        -webkit-transform:scale(.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale(1.1) rotate(-3deg)
    }
    100%{
        -webkit-transform:scale(1) rotate(0)
    }
}
@-moz-keyframes tada{
    0%{
        -moz-transform:scale(1)
    }
    10%,20%{
        -moz-transform:scale(.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -moz-transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -moz-transform:scale(1.1) rotate(-3deg)
    }
    100%{
        -moz-transform:scale(1) rotate(0)
    }
}
@-o-keyframes tada{
    0%{
        -o-transform:scale(1)
    }
    10%,20%{
        -o-transform:scale(.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -o-transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -o-transform:scale(1.1) rotate(-3deg)
    }
    100%{
        -o-transform:scale(1) rotate(0)
    }
}
@keyframes tada{
    0%{
        transform:scale(1)
    }
    10%,20%{
        transform:scale(.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        transform:scale(1.1) rotate(-3deg)
    }
    100%{
        transform:scale(1) rotate(0)
    }
}
.tada{
    -webkit-animation-name:tada;
    -moz-animation-name:tada;
    -o-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes swing{
    20%,40%,60%,80%,100%{
        -webkit-transform-origin:top center
    }
    20%{
        -webkit-transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg)
    }
    100%{
        -webkit-transform:rotate(0deg)
    }
}
@-moz-keyframes swing{
    20%{
        -moz-transform:rotate(15deg)
    }
    40%{
        -moz-transform:rotate(-10deg)
    }
    60%{
        -moz-transform:rotate(5deg)
    }
    80%{
        -moz-transform:rotate(-5deg)
    }
    100%{
        -moz-transform:rotate(0deg)
    }
}
@-o-keyframes swing{
    20%{
        -o-transform:rotate(15deg)
    }
    40%{
        -o-transform:rotate(-10deg)
    }
    60%{
        -o-transform:rotate(5deg)
    }
    80%{
        -o-transform:rotate(-5deg)
    }
    100%{
        -o-transform:rotate(0deg)
    }
}
@keyframes swing{
    20%{
        transform:rotate(15deg)
    }
    40%{
        transform:rotate(-10deg)
    }
    60%{
        transform:rotate(5deg)
    }
    80%{
        transform:rotate(-5deg)
    }
    100%{
        transform:rotate(0deg)
    }
}
.swing{
    -webkit-transform-origin:top center;
    -moz-transform-origin:top center;
    -o-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    -moz-animation-name:swing;
    -o-animation-name:swing;
    animation-name:swing
}
@-webkit-keyframes wobble{
    0%{
        -webkit-transform:translateX(0%)
    }
    15%{
        -webkit-transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        -webkit-transform:translateX(20%) rotate(3deg)
    }
    45%{
        -webkit-transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        -webkit-transform:translateX(10%) rotate(2deg)
    }
    75%{
        -webkit-transform:translateX(-5%) rotate(-1deg)
    }
    100%{
        -webkit-transform:translateX(0%)
    }
}
@-moz-keyframes wobble{
    0%{
        -moz-transform:translateX(0%)
    }
    15%{
        -moz-transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        -moz-transform:translateX(20%) rotate(3deg)
    }
    45%{
        -moz-transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        -moz-transform:translateX(10%) rotate(2deg)
    }
    75%{
        -moz-transform:translateX(-5%) rotate(-1deg)
    }
    100%{
        -moz-transform:translateX(0%)
    }
}
@-o-keyframes wobble{
    0%{
        -o-transform:translateX(0%)
    }
    15%{
        -o-transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        -o-transform:translateX(20%) rotate(3deg)
    }
    45%{
        -o-transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        -o-transform:translateX(10%) rotate(2deg)
    }
    75%{
        -o-transform:translateX(-5%) rotate(-1deg)
    }
    100%{
        -o-transform:translateX(0%)
    }
}
@keyframes wobble{
    0%{
        transform:translateX(0%)
    }
    15%{
        transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        transform:translateX(20%) rotate(3deg)
    }
    45%{
        transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        transform:translateX(10%) rotate(2deg)
    }
    75%{
        transform:translateX(-5%) rotate(-1deg)
    }
    100%{
        transform:translateX(0%)
    }
}
.wobble{
    -webkit-animation-name:wobble;
    -moz-animation-name:wobble;
    -o-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.1)
    }
    100%{
        -webkit-transform:scale(1)
    }
}
@-moz-keyframes pulse{
    0%{
        -moz-transform:scale(1)
    }
    50%{
        -moz-transform:scale(1.1)
    }
    100%{
        -moz-transform:scale(1)
    }
}
@-o-keyframes pulse{
    0%{
        -o-transform:scale(1)
    }
    50%{
        -o-transform:scale(1.1)
    }
    100%{
        -o-transform:scale(1)
    }
}
@keyframes pulse{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.1)
    }
    100%{
        transform:scale(1)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    -moz-animation-name:pulse;
    -o-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes flip{
    0%{
        -webkit-transform:perspective(400px) rotateY(0);
        -webkit-animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function:ease-in
    }
    100%{
        -webkit-transform:perspective(400px) scale(1);
        -webkit-animation-timing-function:ease-in
    }
}
@-moz-keyframes flip{
    0%{
        -moz-transform:perspective(400px) rotateY(0);
        -moz-animation-timing-function:ease-out
    }
    40%{
        -moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function:ease-out
    }
    50%{
        -moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function:ease-in
    }
    80%{
        -moz-transform:perspective(400px) rotateY(360deg) scale(.95);
        -moz-animation-timing-function:ease-in
    }
    100%{
        -moz-transform:perspective(400px) scale(1);
        -moz-animation-timing-function:ease-in
    }
}
@-o-keyframes flip{
    0%{
        -o-transform:perspective(400px) rotateY(0);
        -o-animation-timing-function:ease-out
    }
    40%{
        -o-transform:perspective(400px) translateZ(150px) rotateY(170deg);
        -o-animation-timing-function:ease-out
    }
    50%{
        -o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function:ease-in
    }
    80%{
        -o-transform:perspective(400px) rotateY(360deg) scale(.95);
        -o-animation-timing-function:ease-in
    }
    100%{
        -o-transform:perspective(400px) scale(1);
        -o-animation-timing-function:ease-in
    }
}
@keyframes flip{
    0%{
        transform:perspective(400px) rotateY(0);
        animation-timing-function:ease-out
    }
    40%{
        transform:perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function:ease-out
    }
    50%{
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function:ease-in
    }
    80%{
        transform:perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function:ease-in
    }
    100%{
        transform:perspective(400px) scale(1);
        animation-timing-function:ease-in
    }
}
.flip{
    -webkit-backface-visibility:visible!important;
    -webkit-animation-name:flip;
    -moz-backface-visibility:visible!important;
    -moz-animation-name:flip;
    -o-backface-visibility:visible!important;
    -o-animation-name:flip;
    backface-visibility:visible!important;
    animation-name:flip
}
@-webkit-keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateX(10deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
}
@-moz-keyframes flipInX{
    0%{
        -moz-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        -moz-transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        -moz-transform:perspective(400px) rotateX(10deg)
    }
    100%{
        -moz-transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
}
@-o-keyframes flipInX{
    0%{
        -o-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        -o-transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        -o-transform:perspective(400px) rotateX(10deg)
    }
    100%{
        -o-transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
}
@keyframes flipInX{
    0%{
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        transform:perspective(400px) rotateX(10deg)
    }
    100%{
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
}
.flipInX{
    -webkit-backface-visibility:visible!important;
    -webkit-animation-name:flipInX;
    -moz-backface-visibility:visible!important;
    -moz-animation-name:flipInX;
    -o-backface-visibility:visible!important;
    -o-animation-name:flipInX;
    backface-visibility:visible!important;
    animation-name:flipInX
}
@-webkit-keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
@-moz-keyframes flipOutX{
    0%{
        -moz-transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
    100%{
        -moz-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
@-o-keyframes flipOutX{
    0%{
        -o-transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
    100%{
        -o-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
@keyframes flipOutX{
    0%{
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
    100%{
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
.flipOutX{
    -webkit-animation-name:flipOutX;
    -webkit-backface-visibility:visible!important;
    -moz-animation-name:flipOutX;
    -moz-backface-visibility:visible!important;
    -o-animation-name:flipOutX;
    -o-backface-visibility:visible!important;
    animation-name:flipOutX;
    backface-visibility:visible!important
}
@-webkit-keyframes flipInY{
    0%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateY(10deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
}
@-moz-keyframes flipInY{
    0%{
        -moz-transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        -moz-transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        -moz-transform:perspective(400px) rotateY(10deg)
    }
    100%{
        -moz-transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
}
@-o-keyframes flipInY{
    0%{
        -o-transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        -o-transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        -o-transform:perspective(400px) rotateY(10deg)
    }
    100%{
        -o-transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
}
@keyframes flipInY{
    0%{
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        transform:perspective(400px) rotateY(10deg)
    }
    100%{
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
}
.flipInY{
    -webkit-backface-visibility:visible!important;
    -webkit-animation-name:flipInY;
    -moz-backface-visibility:visible!important;
    -moz-animation-name:flipInY;
    -o-backface-visibility:visible!important;
    -o-animation-name:flipInY;
    backface-visibility:visible!important;
    animation-name:flipInY
}
@-webkit-keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
@-moz-keyframes flipOutY{
    0%{
        -moz-transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
    100%{
        -moz-transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
@-o-keyframes flipOutY{
    0%{
        -o-transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
    100%{
        -o-transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
@keyframes flipOutY{
    0%{
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
    100%{
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
.flipOutY{
    -webkit-backface-visibility:visible!important;
    -webkit-animation-name:flipOutY;
    -moz-backface-visibility:visible!important;
    -moz-animation-name:flipOutY;
    -o-backface-visibility:visible!important;
    -o-animation-name:flipOutY;
    backface-visibility:visible!important;
    animation-name:flipOutY
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-moz-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-o-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    -moz-animation-name:fadeIn;
    -o-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInUp{
    0%{
        opacity:0;
        -moz-transform:translateY(20px)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-o-keyframes fadeInUp{
    0%{
        opacity:0;
        -o-transform:translateY(20px)
    }
    100%{
        opacity:1;
        -o-transform:translateY(0)
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        transform:translateY(20px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    -moz-animation-name:fadeInUp;
    -o-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInDown{
    0%{
        opacity:0;
        -moz-transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-o-keyframes fadeInDown{
    0%{
        opacity:0;
        -o-transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -o-transform:translateY(0)
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    -moz-animation-name:fadeInDown;
    -o-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInLeft{
    0%{
        opacity:0;
        -moz-transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-o-keyframes fadeInLeft{
    0%{
        opacity:0;
        -o-transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -o-transform:translateX(0)
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    -moz-animation-name:fadeInLeft;
    -o-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInRight{
    0%{
        opacity:0;
        -moz-transform:translateX(20px)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-o-keyframes fadeInRight{
    0%{
        opacity:0;
        -o-transform:translateX(20px)
    }
    100%{
        opacity:1;
        -o-transform:translateX(0)
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    -moz-animation-name:fadeInRight;
    -o-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInUpBig{
    0%{
        opacity:0;
        -moz-transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-o-keyframes fadeInUpBig{
    0%{
        opacity:0;
        -o-transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -o-transform:translateY(0)
    }
}
@keyframes fadeInUpBig{
    0%{
        opacity:0;
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.fadeInUpBig{
    -webkit-animation-name:fadeInUpBig;
    -moz-animation-name:fadeInUpBig;
    -o-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes fadeInDownBig{
    0%{
        opacity:0;
        -moz-transform:translateY(-2000px)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@-o-keyframes fadeInDownBig{
    0%{
        opacity:0;
        -o-transform:translateY(-2000px)
    }
    100%{
        opacity:1;
        -o-transform:translateY(0)
    }
}
@keyframes fadeInDownBig{
    0%{
        opacity:0;
        transform:translateY(-2000px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.fadeInDownBig{
    -webkit-animation-name:fadeInDownBig;
    -moz-animation-name:fadeInDownBig;
    -o-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -moz-transform:translateX(-2000px)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-o-keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -o-transform:translateX(-2000px)
    }
    100%{
        opacity:1;
        -o-transform:translateX(0)
    }
}
@keyframes fadeInLeftBig{
    0%{
        opacity:0;
        transform:translateX(-2000px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.fadeInLeftBig{
    -webkit-animation-name:fadeInLeftBig;
    -moz-animation-name:fadeInLeftBig;
    -o-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -moz-transform:translateX(2000px)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@-o-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -o-transform:translateX(2000px)
    }
    100%{
        opacity:1;
        -o-transform:translateX(0)
    }
}
@keyframes fadeInRightBig{
    0%{
        opacity:0;
        transform:translateX(2000px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    -moz-animation-name:fadeInRightBig;
    -o-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@-moz-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@-o-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    -moz-animation-name:fadeOut;
    -o-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutUp{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-20px)
    }
}
@-moz-keyframes fadeOutUp{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(-20px)
    }
}
@-o-keyframes fadeOutUp{
    0%{
        opacity:1;
        -o-transform:translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:translateY(-20px)
    }
}
@keyframes fadeOutUp{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(-20px)
    }
}
.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    -moz-animation-name:fadeOutUp;
    -o-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutDown{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(20px)
    }
}
@-moz-keyframes fadeOutDown{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(20px)
    }
}
@-o-keyframes fadeOutDown{
    0%{
        opacity:1;
        -o-transform:translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:translateY(20px)
    }
}
@keyframes fadeOutDown{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(20px)
    }
}
.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    -moz-animation-name:fadeOutDown;
    -o-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutLeft{
    0%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-20px)
    }
}
@-moz-keyframes fadeOutLeft{
    0%{
        opacity:1;
        -moz-transform:translateX(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(-20px)
    }
}
@-o-keyframes fadeOutLeft{
    0%{
        opacity:1;
        -o-transform:translateX(0)
    }
    100%{
        opacity:0;
        -o-transform:translateX(-20px)
    }
}
@keyframes fadeOutLeft{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(-20px)
    }
}
.fadeOutLeft{
    -webkit-animation-name:fadeOutLeft;
    -moz-animation-name:fadeOutLeft;
    -o-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutRight{
    0%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(20px)
    }
}
@-moz-keyframes fadeOutRight{
    0%{
        opacity:1;
        -moz-transform:translateX(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(20px)
    }
}
@-o-keyframes fadeOutRight{
    0%{
        opacity:1;
        -o-transform:translateX(0)
    }
    100%{
        opacity:0;
        -o-transform:translateX(20px)
    }
}
@keyframes fadeOutRight{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(20px)
    }
}
.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    -moz-animation-name:fadeOutRight;
    -o-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutUpBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px)
    }
}
@-moz-keyframes fadeOutUpBig{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(-2000px)
    }
}
@-o-keyframes fadeOutUpBig{
    0%{
        opacity:1;
        -o-transform:translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:translateY(-2000px)
    }
}
@keyframes fadeOutUpBig{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(-2000px)
    }
}
.fadeOutUpBig{
    -webkit-animation-name:fadeOutUpBig;
    -moz-animation-name:fadeOutUpBig;
    -o-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes fadeOutDownBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px)
    }
}
@-moz-keyframes fadeOutDownBig{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(2000px)
    }
}
@-o-keyframes fadeOutDownBig{
    0%{
        opacity:1;
        -o-transform:translateY(0)
    }
    100%{
        opacity:0;
        -o-transform:translateY(2000px)
    }
}
@keyframes fadeOutDownBig{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(2000px)
    }
}
.fadeOutDownBig{
    -webkit-animation-name:fadeOutDownBig;
    -moz-animation-name:fadeOutDownBig;
    -o-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px)
    }
}
@-moz-keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        -moz-transform:translateX(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(-2000px)
    }
}
@-o-keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        -o-transform:translateX(0)
    }
    100%{
        opacity:0;
        -o-transform:translateX(-2000px)
    }
}
@keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(-2000px)
    }
}
.fadeOutLeftBig{
    -webkit-animation-name:fadeOutLeftBig;
    -moz-animation-name:fadeOutLeftBig;
    -o-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRightBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px)
    }
}
@-moz-keyframes fadeOutRightBig{
    0%{
        opacity:1;
        -moz-transform:translateX(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(2000px)
    }
}
@-o-keyframes fadeOutRightBig{
    0%{
        opacity:1;
        -o-transform:translateX(0)
    }
    100%{
        opacity:0;
        -o-transform:translateX(2000px)
    }
}
@keyframes fadeOutRightBig{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(2000px)
    }
}
.fadeOutRightBig{
    -webkit-animation-name:fadeOutRightBig;
    -moz-animation-name:fadeOutRightBig;
    -o-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(.9)
    }
    100%{
        -webkit-transform:scale(1)
    }
}
@-moz-keyframes bounceIn{
    0%{
        opacity:0;
        -moz-transform:scale(.3)
    }
    50%{
        opacity:1;
        -moz-transform:scale(1.05)
    }
    70%{
        -moz-transform:scale(.9)
    }
    100%{
        -moz-transform:scale(1)
    }
}
@-o-keyframes bounceIn{
    0%{
        opacity:0;
        -o-transform:scale(.3)
    }
    50%{
        opacity:1;
        -o-transform:scale(1.05)
    }
    70%{
        -o-transform:scale(.9)
    }
    100%{
        -o-transform:scale(1)
    }
}
@keyframes bounceIn{
    0%{
        opacity:0;
        transform:scale(.3)
    }
    50%{
        opacity:1;
        transform:scale(1.05)
    }
    70%{
        transform:scale(.9)
    }
    100%{
        transform:scale(1)
    }
}
.bounceIn{
    -webkit-animation-name:bounceIn;
    -moz-animation-name:bounceIn;
    -o-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(-30px)
    }
    80%{
        -webkit-transform:translateY(10px)
    }
    100%{
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes bounceInUp{
    0%{
        opacity:0;
        -moz-transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -moz-transform:translateY(-30px)
    }
    80%{
        -moz-transform:translateY(10px)
    }
    100%{
        -moz-transform:translateY(0)
    }
}
@-o-keyframes bounceInUp{
    0%{
        opacity:0;
        -o-transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -o-transform:translateY(-30px)
    }
    80%{
        -o-transform:translateY(10px)
    }
    100%{
        -o-transform:translateY(0)
    }
}
@keyframes bounceInUp{
    0%{
        opacity:0;
        transform:translateY(2000px)
    }
    60%{
        opacity:1;
        transform:translateY(-30px)
    }
    80%{
        transform:translateY(10px)
    }
    100%{
        transform:translateY(0)
    }
}
.bounceInUp{
    -webkit-animation-name:bounceInUp;
    -moz-animation-name:bounceInUp;
    -o-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(30px)
    }
    80%{
        -webkit-transform:translateY(-10px)
    }
    100%{
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes bounceInDown{
    0%{
        opacity:0;
        -moz-transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        -moz-transform:translateY(30px)
    }
    80%{
        -moz-transform:translateY(-10px)
    }
    100%{
        -moz-transform:translateY(0)
    }
}
@-o-keyframes bounceInDown{
    0%{
        opacity:0;
        -o-transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        -o-transform:translateY(30px)
    }
    80%{
        -o-transform:translateY(-10px)
    }
    100%{
        -o-transform:translateY(0)
    }
}
@keyframes bounceInDown{
    0%{
        opacity:0;
        transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        transform:translateY(30px)
    }
    80%{
        transform:translateY(-10px)
    }
    100%{
        transform:translateY(0)
    }
}
.bounceInDown{
    -webkit-animation-name:bounceInDown;
    -moz-animation-name:bounceInDown;
    -o-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(30px)
    }
    80%{
        -webkit-transform:translateX(-10px)
    }
    100%{
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes bounceInLeft{
    0%{
        opacity:0;
        -moz-transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        -moz-transform:translateX(30px)
    }
    80%{
        -moz-transform:translateX(-10px)
    }
    100%{
        -moz-transform:translateX(0)
    }
}
@-o-keyframes bounceInLeft{
    0%{
        opacity:0;
        -o-transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        -o-transform:translateX(30px)
    }
    80%{
        -o-transform:translateX(-10px)
    }
    100%{
        -o-transform:translateX(0)
    }
}
@keyframes bounceInLeft{
    0%{
        opacity:0;
        transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        transform:translateX(30px)
    }
    80%{
        transform:translateX(-10px)
    }
    100%{
        transform:translateX(0)
    }
}
.bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    -moz-animation-name:bounceInLeft;
    -o-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(-30px)
    }
    80%{
        -webkit-transform:translateX(10px)
    }
    100%{
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes bounceInRight{
    0%{
        opacity:0;
        -moz-transform:translateX(2000px)
    }
    60%{
        opacity:1;
        -moz-transform:translateX(-30px)
    }
    80%{
        -moz-transform:translateX(10px)
    }
    100%{
        -moz-transform:translateX(0)
    }
}
@-o-keyframes bounceInRight{
    0%{
        opacity:0;
        -o-transform:translateX(2000px)
    }
    60%{
        opacity:1;
        -o-transform:translateX(-30px)
    }
    80%{
        -o-transform:translateX(10px)
    }
    100%{
        -o-transform:translateX(0)
    }
}
@keyframes bounceInRight{
    0%{
        opacity:0;
        transform:translateX(2000px)
    }
    60%{
        opacity:1;
        transform:translateX(-30px)
    }
    80%{
        transform:translateX(10px)
    }
    100%{
        transform:translateX(0)
    }
}
.bounceInRight{
    -webkit-animation-name:bounceInRight;
    -moz-animation-name:bounceInRight;
    -o-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceOut{
    0%{
        -webkit-transform:scale(1)
    }
    25%{
        -webkit-transform:scale(.95)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.3)
    }
}
@-moz-keyframes bounceOut{
    0%{
        -moz-transform:scale(1)
    }
    25%{
        -moz-transform:scale(.95)
    }
    50%{
        opacity:1;
        -moz-transform:scale(1.1)
    }
    100%{
        opacity:0;
        -moz-transform:scale(.3)
    }
}
@-o-keyframes bounceOut{
    0%{
        -o-transform:scale(1)
    }
    25%{
        -o-transform:scale(.95)
    }
    50%{
        opacity:1;
        -o-transform:scale(1.1)
    }
    100%{
        opacity:0;
        -o-transform:scale(.3)
    }
}
@keyframes bounceOut{
    0%{
        transform:scale(1)
    }
    25%{
        transform:scale(.95)
    }
    50%{
        opacity:1;
        transform:scale(1.1)
    }
    100%{
        opacity:0;
        transform:scale(.3)
    }
}
.bounceOut{
    -webkit-animation-name:bounceOut;
    -moz-animation-name:bounceOut;
    -o-animation-name:bounceOut;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutUp{
    0%{
        -webkit-transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px)
    }
}
@-moz-keyframes bounceOutUp{
    0%{
        -moz-transform:translateY(0)
    }
    20%{
        opacity:1;
        -moz-transform:translateY(20px)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(-2000px)
    }
}
@-o-keyframes bounceOutUp{
    0%{
        -o-transform:translateY(0)
    }
    20%{
        opacity:1;
        -o-transform:translateY(20px)
    }
    100%{
        opacity:0;
        -o-transform:translateY(-2000px)
    }
}
@keyframes bounceOutUp{
    0%{
        transform:translateY(0)
    }
    20%{
        opacity:1;
        transform:translateY(20px)
    }
    100%{
        opacity:0;
        transform:translateY(-2000px)
    }
}
.bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    -moz-animation-name:bounceOutUp;
    -o-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes bounceOutDown{
    0%{
        -webkit-transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px)
    }
}
@-moz-keyframes bounceOutDown{
    0%{
        -moz-transform:translateY(0)
    }
    20%{
        opacity:1;
        -moz-transform:translateY(-20px)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(2000px)
    }
}
@-o-keyframes bounceOutDown{
    0%{
        -o-transform:translateY(0)
    }
    20%{
        opacity:1;
        -o-transform:translateY(-20px)
    }
    100%{
        opacity:0;
        -o-transform:translateY(2000px)
    }
}
@keyframes bounceOutDown{
    0%{
        transform:translateY(0)
    }
    20%{
        opacity:1;
        transform:translateY(-20px)
    }
    100%{
        opacity:0;
        transform:translateY(2000px)
    }
}
.bounceOutDown{
    -webkit-animation-name:bounceOutDown;
    -moz-animation-name:bounceOutDown;
    -o-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
    0%{
        -webkit-transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px)
    }
}
@-moz-keyframes bounceOutLeft{
    0%{
        -moz-transform:translateX(0)
    }
    20%{
        opacity:1;
        -moz-transform:translateX(20px)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(-2000px)
    }
}
@-o-keyframes bounceOutLeft{
    0%{
        -o-transform:translateX(0)
    }
    20%{
        opacity:1;
        -o-transform:translateX(20px)
    }
    100%{
        opacity:0;
        -o-transform:translateX(-2000px)
    }
}
@keyframes bounceOutLeft{
    0%{
        transform:translateX(0)
    }
    20%{
        opacity:1;
        transform:translateX(20px)
    }
    100%{
        opacity:0;
        transform:translateX(-2000px)
    }
}
.bounceOutLeft{
    -webkit-animation-name:bounceOutLeft;
    -moz-animation-name:bounceOutLeft;
    -o-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
    0%{
        -webkit-transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px)
    }
}
@-moz-keyframes bounceOutRight{
    0%{
        -moz-transform:translateX(0)
    }
    20%{
        opacity:1;
        -moz-transform:translateX(-20px)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(2000px)
    }
}
@-o-keyframes bounceOutRight{
    0%{
        -o-transform:translateX(0)
    }
    20%{
        opacity:1;
        -o-transform:translateX(-20px)
    }
    100%{
        opacity:0;
        -o-transform:translateX(2000px)
    }
}
@keyframes bounceOutRight{
    0%{
        transform:translateX(0)
    }
    20%{
        opacity:1;
        transform:translateX(-20px)
    }
    100%{
        opacity:0;
        transform:translateX(2000px)
    }
}
.bounceOutRight{
    -webkit-animation-name:bounceOutRight;
    -moz-animation-name:bounceOutRight;
    -o-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes rotateIn{
    0%{
        -webkit-transform-origin:center center;
        -webkit-transform:rotate(-200deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:center center;
        -webkit-transform:rotate(0);
        opacity:1
    }
}
@-moz-keyframes rotateIn{
    0%{
        -moz-transform-origin:center center;
        -moz-transform:rotate(-200deg);
        opacity:0
    }
    100%{
        -moz-transform-origin:center center;
        -moz-transform:rotate(0);
        opacity:1
    }
}
@-o-keyframes rotateIn{
    0%{
        -o-transform-origin:center center;
        -o-transform:rotate(-200deg);
        opacity:0
    }
    100%{
        -o-transform-origin:center center;
        -o-transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateIn{
    0%{
        transform-origin:center center;
        transform:rotate(-200deg);
        opacity:0
    }
    100%{
        transform-origin:center center;
        transform:rotate(0);
        opacity:1
    }
}
.rotateIn{
    -webkit-animation-name:rotateIn;
    -moz-animation-name:rotateIn;
    -o-animation-name:rotateIn;
    animation-name:rotateIn
}
@-webkit-keyframes rotateInUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(0);
        opacity:1
    }
}
@-moz-keyframes rotateInUpLeft{
    0%{
        -moz-transform-origin:left bottom;
        -moz-transform:rotate(90deg);
        opacity:0
    }
    100%{
        -moz-transform-origin:left bottom;
        -moz-transform:rotate(0);
        opacity:1
    }
}
@-o-keyframes rotateInUpLeft{
    0%{
        -o-transform-origin:left bottom;
        -o-transform:rotate(90deg);
        opacity:0
    }
    100%{
        -o-transform-origin:left bottom;
        -o-transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInUpLeft{
    0%{
        transform-origin:left bottom;
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpLeft{
    -webkit-animation-name:rotateInUpLeft;
    -moz-animation-name:rotateInUpLeft;
    -o-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(0);
        opacity:1
    }
}
@-moz-keyframes rotateInDownLeft{
    0%{
        -moz-transform-origin:left bottom;
        -moz-transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -moz-transform-origin:left bottom;
        -moz-transform:rotate(0);
        opacity:1
    }
}
@-o-keyframes rotateInDownLeft{
    0%{
        -o-transform-origin:left bottom;
        -o-transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -o-transform-origin:left bottom;
        -o-transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInDownLeft{
    0%{
        transform-origin:left bottom;
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownLeft{
    -webkit-animation-name:rotateInDownLeft;
    -moz-animation-name:rotateInDownLeft;
    -o-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(0);
        opacity:1
    }
}
@-moz-keyframes rotateInUpRight{
    0%{
        -moz-transform-origin:right bottom;
        -moz-transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -moz-transform-origin:right bottom;
        -moz-transform:rotate(0);
        opacity:1
    }
}
@-o-keyframes rotateInUpRight{
    0%{
        -o-transform-origin:right bottom;
        -o-transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -o-transform-origin:right bottom;
        -o-transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInUpRight{
    0%{
        transform-origin:right bottom;
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpRight{
    -webkit-animation-name:rotateInUpRight;
    -moz-animation-name:rotateInUpRight;
    -o-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}
@-webkit-keyframes rotateInDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(0);
        opacity:1
    }
}
@-moz-keyframes rotateInDownRight{
    0%{
        -moz-transform-origin:right bottom;
        -moz-transform:rotate(90deg);
        opacity:0
    }
    100%{
        -moz-transform-origin:right bottom;
        -moz-transform:rotate(0);
        opacity:1
    }
}
@-o-keyframes rotateInDownRight{
    0%{
        -o-transform-origin:right bottom;
        -o-transform:rotate(90deg);
        opacity:0
    }
    100%{
        -o-transform-origin:right bottom;
        -o-transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInDownRight{
    0%{
        transform-origin:right bottom;
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownRight{
    -webkit-animation-name:rotateInDownRight;
    -moz-animation-name:rotateInDownRight;
    -o-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}
@-webkit-keyframes rotateOut{
    0%{
        -webkit-transform-origin:center center;
        -webkit-transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:center center;
        -webkit-transform:rotate(200deg);
        opacity:0
    }
}
@-moz-keyframes rotateOut{
    0%{
        -moz-transform-origin:center center;
        -moz-transform:rotate(0);
        opacity:1
    }
    100%{
        -moz-transform-origin:center center;
        -moz-transform:rotate(200deg);
        opacity:0
    }
}
@-o-keyframes rotateOut{
    0%{
        -o-transform-origin:center center;
        -o-transform:rotate(0);
        opacity:1
    }
    100%{
        -o-transform-origin:center center;
        -o-transform:rotate(200deg);
        opacity:0
    }
}
@keyframes rotateOut{
    0%{
        transform-origin:center center;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:center center;
        transform:rotate(200deg);
        opacity:0
    }
}
.rotateOut{
    -webkit-animation-name:rotateOut;
    -moz-animation-name:rotateOut;
    -o-animation-name:rotateOut;
    animation-name:rotateOut
}
@-webkit-keyframes rotateOutUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        opacity:0
    }
}
@-moz-keyframes rotateOutUpLeft{
    0%{
        -moz-transform-origin:left bottom;
        -moz-transform:rotate(0);
        opacity:1
    }
    100%{
        -moz-transform-origin:left bottom;
        -moz-transform:rotate(-90deg);
        opacity:0
    }
}
@-o-keyframes rotateOutUpLeft{
    0%{
        -o-transform-origin:left bottom;
        -o-transform:rotate(0);
        opacity:1
    }
    100%{
        -o-transform-origin:left bottom;
        -o-transform:rotate(-90deg);
        opacity:0
    }
}
@keyframes rotateOutUpLeft{
    0%{
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:left bottom;
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    -webkit-animation-name:rotateOutUpLeft;
    -moz-animation-name:rotateOutUpLeft;
    -o-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        opacity:0
    }
}
@-moz-keyframes rotateOutDownLeft{
    0%{
        -moz-transform-origin:left bottom;
        -moz-transform:rotate(0);
        opacity:1
    }
    100%{
        -moz-transform-origin:left bottom;
        -moz-transform:rotate(90deg);
        opacity:0
    }
}
@-o-keyframes rotateOutDownLeft{
    0%{
        -o-transform-origin:left bottom;
        -o-transform:rotate(0);
        opacity:1
    }
    100%{
        -o-transform-origin:left bottom;
        -o-transform:rotate(90deg);
        opacity:0
    }
}
@keyframes rotateOutDownLeft{
    0%{
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:left bottom;
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    -webkit-animation-name:rotateOutDownLeft;
    -moz-animation-name:rotateOutDownLeft;
    -o-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        opacity:0
    }
}
@-moz-keyframes rotateOutUpRight{
    0%{
        -moz-transform-origin:right bottom;
        -moz-transform:rotate(0);
        opacity:1
    }
    100%{
        -moz-transform-origin:right bottom;
        -moz-transform:rotate(90deg);
        opacity:0
    }
}
@-o-keyframes rotateOutUpRight{
    0%{
        -o-transform-origin:right bottom;
        -o-transform:rotate(0);
        opacity:1
    }
    100%{
        -o-transform-origin:right bottom;
        -o-transform:rotate(90deg);
        opacity:0
    }
}
@keyframes rotateOutUpRight{
    0%{
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:right bottom;
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    -webkit-animation-name:rotateOutUpRight;
    -moz-animation-name:rotateOutUpRight;
    -o-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}
@-webkit-keyframes rotateOutDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        opacity:0
    }
}
@-moz-keyframes rotateOutDownRight{
    0%{
        -moz-transform-origin:right bottom;
        -moz-transform:rotate(0);
        opacity:1
    }
    100%{
        -moz-transform-origin:right bottom;
        -moz-transform:rotate(-90deg);
        opacity:0
    }
}
@-o-keyframes rotateOutDownRight{
    0%{
        -o-transform-origin:right bottom;
        -o-transform:rotate(0);
        opacity:1
    }
    100%{
        -o-transform-origin:right bottom;
        -o-transform:rotate(-90deg);
        opacity:0
    }
}
@keyframes rotateOutDownRight{
    0%{
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:right bottom;
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutDownRight{
    -webkit-animation-name:rotateOutDownRight;
    -moz-animation-name:rotateOutDownRight;
    -o-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
@-webkit-keyframes hinge{
    0%{
        -webkit-transform:rotate(0);
        -webkit-transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate(80deg);
        -webkit-transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out
    }
    40%{
        -webkit-transform:rotate(60deg);
        -webkit-transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out
    }
    80%{
        -webkit-transform:rotate(60deg) translateY(0);
        opacity:1;
        -webkit-transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out
    }
    100%{
        -webkit-transform:translateY(700px);
        opacity:0
    }
}
@-moz-keyframes hinge{
    0%{
        -moz-transform:rotate(0);
        -moz-transform-origin:top left;
        -moz-animation-timing-function:ease-in-out
    }
    20%,60%{
        -moz-transform:rotate(80deg);
        -moz-transform-origin:top left;
        -moz-animation-timing-function:ease-in-out
    }
    40%{
        -moz-transform:rotate(60deg);
        -moz-transform-origin:top left;
        -moz-animation-timing-function:ease-in-out
    }
    80%{
        -moz-transform:rotate(60deg) translateY(0);
        opacity:1;
        -moz-transform-origin:top left;
        -moz-animation-timing-function:ease-in-out
    }
    100%{
        -moz-transform:translateY(700px);
        opacity:0
    }
}
@-o-keyframes hinge{
    0%{
        -o-transform:rotate(0);
        -o-transform-origin:top left;
        -o-animation-timing-function:ease-in-out
    }
    20%,60%{
        -o-transform:rotate(80deg);
        -o-transform-origin:top left;
        -o-animation-timing-function:ease-in-out
    }
    40%{
        -o-transform:rotate(60deg);
        -o-transform-origin:top left;
        -o-animation-timing-function:ease-in-out
    }
    80%{
        -o-transform:rotate(60deg) translateY(0);
        opacity:1;
        -o-transform-origin:top left;
        -o-animation-timing-function:ease-in-out
    }
    100%{
        -o-transform:translateY(700px);
        opacity:0
    }
}
@keyframes hinge{
    0%{
        transform:rotate(0);
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        transform:rotate(80deg);
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    40%{
        transform:rotate(60deg);
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    80%{
        transform:rotate(60deg) translateY(0);
        opacity:1;
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    100%{
        transform:translateY(700px);
        opacity:0
    }
}
.hinge{
    -webkit-animation-name:hinge;
    -moz-animation-name:hinge;
    -o-animation-name:hinge;
    animation-name:hinge
}
@-webkit-keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-120deg)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg)
    }
}
@-moz-keyframes rollIn{
    0%{
        opacity:0;
        -moz-transform:translateX(-100%) rotate(-120deg)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0px) rotate(0deg)
    }
}
@-o-keyframes rollIn{
    0%{
        opacity:0;
        -o-transform:translateX(-100%) rotate(-120deg)
    }
    100%{
        opacity:1;
        -o-transform:translateX(0px) rotate(0deg)
    }
}
@keyframes rollIn{
    0%{
        opacity:0;
        transform:translateX(-100%) rotate(-120deg)
    }
    100%{
        opacity:1;
        transform:translateX(0px) rotate(0deg)
    }
}
.rollIn{
    -webkit-animation-name:rollIn;
    -moz-animation-name:rollIn;
    -o-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut{
    0%{
        opacity:1;
        -webkit-transform:translateX(0px) rotate(0deg)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(100%) rotate(120deg)
    }
}
@-moz-keyframes rollOut{
    0%{
        opacity:1;
        -moz-transform:translateX(0px) rotate(0deg)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(100%) rotate(120deg)
    }
}
@-o-keyframes rollOut{
    0%{
        opacity:1;
        -o-transform:translateX(0px) rotate(0deg)
    }
    100%{
        opacity:0;
        -o-transform:translateX(100%) rotate(120deg)
    }
}
@keyframes rollOut{
    0%{
        opacity:1;
        transform:translateX(0px) rotate(0deg)
    }
    100%{
        opacity:0;
        transform:translateX(100%) rotate(120deg)
    }
}
.rollOut{
    -webkit-animation-name:rollOut;
    -moz-animation-name:rollOut;
    -o-animation-name:rollOut;
    animation-name:rollOut
}
@-webkit-keyframes lightSpeedIn{
    0%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        -webkit-transform:translateX(0%) skewX(-15deg);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(0%) skewX(0deg);
        opacity:1
    }
}
@-moz-keyframes lightSpeedIn{
    0%{
        -moz-transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        -moz-transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        -moz-transform:translateX(0%) skewX(-15deg);
        opacity:1
    }
    100%{
        -moz-transform:translateX(0%) skewX(0deg);
        opacity:1
    }
}
@-o-keyframes lightSpeedIn{
    0%{
        -o-transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        -o-transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        -o-transform:translateX(0%) skewX(-15deg);
        opacity:1
    }
    100%{
        -o-transform:translateX(0%) skewX(0deg);
        opacity:1
    }
}
@keyframes lightSpeedIn{
    0%{
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        transform:translateX(0%) skewX(-15deg);
        opacity:1
    }
    100%{
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
}
.lightSpeedIn{
    -webkit-animation-name:lightSpeedIn;
    -moz-animation-name:lightSpeedIn;
    -o-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    -moz-animation-timing-function:ease-out;
    -o-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
.animated.lightSpeedIn{
    -webkit-animation-duration:.5s;
    -moz-animation-duration:.5s;
    -o-animation-duration:.5s;
    animation-duration:.5s
}
@-webkit-keyframes lightSpeedOut{
    0%{
        -webkit-transform:translateX(0%) skewX(0deg);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
@-moz-keyframes lightSpeedOut{
    0%{
        -moz-transform:translateX(0%) skewX(0deg);
        opacity:1
    }
    100%{
        -moz-transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
@-o-keyframes lightSpeedOut{
    0%{
        -o-transform:translateX(0%) skewX(0deg);
        opacity:1
    }
    100%{
        -o-transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
@keyframes lightSpeedOut{
    0%{
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
    100%{
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
.lightSpeedOut{
    -webkit-animation-name:lightSpeedOut;
    -moz-animation-name:lightSpeedOut;
    -o-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    -moz-animation-timing-function:ease-in;
    -o-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
.animated.lightSpeedOut{
    -webkit-animation-duration:.25s;
    -moz-animation-duration:.25s;
    -o-animation-duration:.25s;
    animation-duration:.25s
}
@-webkit-keyframes wiggle{
    0%{
        -webkit-transform:skewX(9deg)
    }
    10%{
        -webkit-transform:skewX(-8deg)
    }
    20%{
        -webkit-transform:skewX(7deg)
    }
    30%{
        -webkit-transform:skewX(-6deg)
    }
    40%{
        -webkit-transform:skewX(5deg)
    }
    50%{
        -webkit-transform:skewX(-4deg)
    }
    60%{
        -webkit-transform:skewX(3deg)
    }
    70%{
        -webkit-transform:skewX(-2deg)
    }
    80%{
        -webkit-transform:skewX(1deg)
    }
    90%{
        -webkit-transform:skewX(0deg)
    }
    100%{
        -webkit-transform:skewX(0deg)
    }
}
@-moz-keyframes wiggle{
    0%{
        -moz-transform:skewX(9deg)
    }
    10%{
        -moz-transform:skewX(-8deg)
    }
    20%{
        -moz-transform:skewX(7deg)
    }
    30%{
        -moz-transform:skewX(-6deg)
    }
    40%{
        -moz-transform:skewX(5deg)
    }
    50%{
        -moz-transform:skewX(-4deg)
    }
    60%{
        -moz-transform:skewX(3deg)
    }
    70%{
        -moz-transform:skewX(-2deg)
    }
    80%{
        -moz-transform:skewX(1deg)
    }
    90%{
        -moz-transform:skewX(0deg)
    }
    100%{
        -moz-transform:skewX(0deg)
    }
}
@-o-keyframes wiggle{
    0%{
        -o-transform:skewX(9deg)
    }
    10%{
        -o-transform:skewX(-8deg)
    }
    20%{
        -o-transform:skewX(7deg)
    }
    30%{
        -o-transform:skewX(-6deg)
    }
    40%{
        -o-transform:skewX(5deg)
    }
    50%{
        -o-transform:skewX(-4deg)
    }
    60%{
        -o-transform:skewX(3deg)
    }
    70%{
        -o-transform:skewX(-2deg)
    }
    80%{
        -o-transform:skewX(1deg)
    }
    90%{
        -o-transform:skewX(0deg)
    }
    100%{
        -o-transform:skewX(0deg)
    }
}
@keyframes wiggle{
    0%{
        transform:skewX(9deg)
    }
    10%{
        transform:skewX(-8deg)
    }
    20%{
        transform:skewX(7deg)
    }
    30%{
        transform:skewX(-6deg)
    }
    40%{
        transform:skewX(5deg)
    }
    50%{
        transform:skewX(-4deg)
    }
    60%{
        transform:skewX(3deg)
    }
    70%{
        transform:skewX(-2deg)
    }
    80%{
        transform:skewX(1deg)
    }
    90%{
        transform:skewX(0deg)
    }
    100%{
        transform:skewX(0deg)
    }
}
.wiggle{
    -webkit-animation-name:wiggle;
    -moz-animation-name:wiggle;
    -o-animation-name:wiggle;
    animation-name:wiggle;
    -webkit-animation-timing-function:ease-in;
    -moz-animation-timing-function:ease-in;
    -o-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
.animated.wiggle{
    -webkit-animation-duration:.75s;
    -moz-animation-duration:.75s;
    -o-animation-duration:.75s;
    animation-duration:.75s
}
/*!* Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers*/
.hamburger{
    font:inherit;
    display:inline-block;
    overflow:visible;
    margin:0;
    padding:15px;
    cursor:pointer;
    transition-timing-function:linear;
    transition-duration:.15s;
    transition-property:opacity,filter;
    text-transform:none;
    color:inherit;
    border:0;
    background-color:transparent
}
.hamburger.is-active:hover,.hamburger:hover{
    opacity:1
}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{
    background-color:#000
}
.hamburger-box{
    position:relative;
    display:inline-block;
    width:40px;
    height:24px
}
.hamburger-inner{
    top:50%;
    display:block;
    margin-top:-2px
}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{
    position:absolute;
    width:40px;
    height:4px;
    transition-timing-function:ease;
    transition-duration:.15s;
    transition-property:transform;
    border-radius:4px;
    background-color:#000
}
.hamburger-inner:after,.hamburger-inner:before{
    display:block;
    content:""
}
.hamburger-inner:before{
    top:-10px
}
.hamburger-inner:after{
    bottom:-10px
}
.hamburger--3dx .hamburger-box{
    perspective:80px
}
.hamburger--3dx .hamburger-inner{
    transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{
    transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dx.is-active .hamburger-inner{
    transform:rotateY(180deg);
    background-color:transparent!important
}
.hamburger--3dx.is-active .hamburger-inner:before{
    transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--3dx.is-active .hamburger-inner:after{
    transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--3dx-r .hamburger-box{
    perspective:80px
}
.hamburger--3dx-r .hamburger-inner{
    transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{
    transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dx-r.is-active .hamburger-inner{
    transform:rotateY(-180deg);
    background-color:transparent!important
}
.hamburger--3dx-r.is-active .hamburger-inner:before{
    transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--3dx-r.is-active .hamburger-inner:after{
    transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--3dy .hamburger-box{
    perspective:80px
}
.hamburger--3dy .hamburger-inner{
    transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{
    transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dy.is-active .hamburger-inner{
    transform:rotateX(-180deg);
    background-color:transparent!important
}
.hamburger--3dy.is-active .hamburger-inner:before{
    transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--3dy.is-active .hamburger-inner:after{
    transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--3dy-r .hamburger-box{
    perspective:80px
}
.hamburger--3dy-r .hamburger-inner{
    transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{
    transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dy-r.is-active .hamburger-inner{
    transform:rotateX(180deg);
    background-color:transparent!important
}
.hamburger--3dy-r.is-active .hamburger-inner:before{
    transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--3dy-r.is-active .hamburger-inner:after{
    transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--3dxy .hamburger-box{
    perspective:80px
}
.hamburger--3dxy .hamburger-inner{
    transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{
    transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dxy.is-active .hamburger-inner{
    transform:rotateX(180deg) rotateY(180deg);
    background-color:transparent!important
}
.hamburger--3dxy.is-active .hamburger-inner:before{
    transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--3dxy.is-active .hamburger-inner:after{
    transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--3dxy-r .hamburger-box{
    perspective:80px
}
.hamburger--3dxy-r .hamburger-inner{
    transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{
    transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dxy-r.is-active .hamburger-inner{
    transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);
    background-color:transparent!important
}
.hamburger--3dxy-r.is-active .hamburger-inner:before{
    transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--3dxy-r.is-active .hamburger-inner:after{
    transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--arrow.is-active .hamburger-inner:before{
    transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
}
.hamburger--arrow.is-active .hamburger-inner:after{
    transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}
.hamburger--arrow-r.is-active .hamburger-inner:before{
    transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}
.hamburger--arrow-r.is-active .hamburger-inner:after{
    transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}
.hamburger--arrowalt .hamburger-inner:before{
    transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.hamburger--arrowalt .hamburger-inner:after{
    transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.hamburger--arrowalt.is-active .hamburger-inner:before{
    top:0;
    transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)
}
.hamburger--arrowalt.is-active .hamburger-inner:after{
    bottom:0;
    transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)
}
.hamburger--arrowalt-r .hamburger-inner:before{
    transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.hamburger--arrowalt-r .hamburger-inner:after{
    transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}
.hamburger--arrowalt-r.is-active .hamburger-inner:before{
    top:0;
    transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)
}
.hamburger--arrowalt-r.is-active .hamburger-inner:after{
    bottom:0;
    transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)
}
.hamburger--arrowturn.is-active .hamburger-inner{
    transform:rotate(-180deg)
}
.hamburger--arrowturn.is-active .hamburger-inner:before{
    transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}
.hamburger--arrowturn.is-active .hamburger-inner:after{
    transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}
.hamburger--arrowturn-r.is-active .hamburger-inner{
    transform:rotate(-180deg)
}
.hamburger--arrowturn-r.is-active .hamburger-inner:before{
    transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
}
.hamburger--arrowturn-r.is-active .hamburger-inner:after{
    transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}
.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{
    transition-property:none
}
.hamburger--boring.is-active .hamburger-inner{
    transform:rotate(45deg)
}
.hamburger--boring.is-active .hamburger-inner:before{
    top:0;
    opacity:0
}
.hamburger--boring.is-active .hamburger-inner:after{
    bottom:0;
    transform:rotate(-90deg)
}
.hamburger--collapse .hamburger-inner{
    top:auto;
    bottom:0;
    transition-delay:.13s;
    transition-timing-function:cubic-bezier(.55,.055,.675,.19);
    transition-duration:.13s
}
.hamburger--collapse .hamburger-inner:after{
    top:-20px;
    transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
}
.hamburger--collapse .hamburger-inner:before{
    transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--collapse.is-active .hamburger-inner{
    transition-delay:.22s;
    transition-timing-function:cubic-bezier(.215,.61,.355,1);
    transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--collapse.is-active .hamburger-inner:after{
    top:0;
    transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
    opacity:0
}
.hamburger--collapse.is-active .hamburger-inner:before{
    top:0;
    transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
    transform:rotate(-90deg)
}
.hamburger--collapse-r .hamburger-inner{
    top:auto;
    bottom:0;
    transition-delay:.13s;
    transition-timing-function:cubic-bezier(.55,.055,.675,.19);
    transition-duration:.13s
}
.hamburger--collapse-r .hamburger-inner:after{
    top:-20px;
    transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
}
.hamburger--collapse-r .hamburger-inner:before{
    transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--collapse-r.is-active .hamburger-inner{
    transition-delay:.22s;
    transition-timing-function:cubic-bezier(.215,.61,.355,1);
    transform:translate3d(0,-10px,0) rotate(45deg)
}
.hamburger--collapse-r.is-active .hamburger-inner:after{
    top:0;
    transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
    opacity:0
}
.hamburger--collapse-r.is-active .hamburger-inner:before{
    top:0;
    transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
    transform:rotate(90deg)
}
.hamburger--elastic .hamburger-inner{
    top:2px;
    transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);
    transition-duration:.275s
}
.hamburger--elastic .hamburger-inner:before{
    top:10px;
    transition:opacity .125s ease .275s
}
.hamburger--elastic .hamburger-inner:after{
    top:20px;
    transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)
}
.hamburger--elastic.is-active .hamburger-inner{
    transition-delay:75ms;
    transform:translate3d(0,10px,0) rotate(135deg)
}
.hamburger--elastic.is-active .hamburger-inner:before{
    transition-delay:0s;
    opacity:0
}
.hamburger--elastic.is-active .hamburger-inner:after{
    transition-delay:75ms;
    transform:translate3d(0,-20px,0) rotate(-270deg)
}
.hamburger--elastic-r .hamburger-inner{
    top:2px;
    transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);
    transition-duration:.275s
}
.hamburger--elastic-r .hamburger-inner:before{
    top:10px;
    transition:opacity .125s ease .275s
}
.hamburger--elastic-r .hamburger-inner:after{
    top:20px;
    transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)
}
.hamburger--elastic-r.is-active .hamburger-inner{
    transition-delay:75ms;
    transform:translate3d(0,10px,0) rotate(-135deg)
}
.hamburger--elastic-r.is-active .hamburger-inner:before{
    transition-delay:0s;
    opacity:0
}
.hamburger--elastic-r.is-active .hamburger-inner:after{
    transition-delay:75ms;
    transform:translate3d(0,-20px,0) rotate(270deg)
}
.hamburger--emphatic{
    overflow:hidden
}
.hamburger--emphatic .hamburger-inner{
    transition:background-color .125s ease-in .175s
}
.hamburger--emphatic .hamburger-inner:before{
    left:0;
    transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
}
.hamburger--emphatic .hamburger-inner:after{
    top:10px;
    right:0;
    transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
}
.hamburger--emphatic.is-active .hamburger-inner{
    transition-delay:0s;
    transition-timing-function:ease-out;
    background-color:transparent!important
}
.hamburger--emphatic.is-active .hamburger-inner:before{
    top:-80px;
    left:-80px;
    transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    transform:translate3d(80px,80px,0) rotate(45deg)
}
.hamburger--emphatic.is-active .hamburger-inner:after{
    top:-80px;
    right:-80px;
    transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    transform:translate3d(-80px,80px,0) rotate(-45deg)
}
.hamburger--emphatic-r{
    overflow:hidden
}
.hamburger--emphatic-r .hamburger-inner{
    transition:background-color .125s ease-in .175s
}
.hamburger--emphatic-r .hamburger-inner:before{
    left:0;
    transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
}
.hamburger--emphatic-r .hamburger-inner:after{
    top:10px;
    right:0;
    transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
}
.hamburger--emphatic-r.is-active .hamburger-inner{
    transition-delay:0s;
    transition-timing-function:ease-out;
    background-color:transparent!important
}
.hamburger--emphatic-r.is-active .hamburger-inner:before{
    top:80px;
    left:-80px;
    transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    transform:translate3d(80px,-80px,0) rotate(-45deg)
}
.hamburger--emphatic-r.is-active .hamburger-inner:after{
    top:80px;
    right:-80px;
    transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    transform:translate3d(-80px,-80px,0) rotate(45deg)
}
.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{
    transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear
}
.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{
    transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;
    opacity:0
}
.hamburger--minus.is-active .hamburger-inner:before{
    top:0
}
.hamburger--minus.is-active .hamburger-inner:after{
    bottom:0
}
.hamburger--slider .hamburger-inner{
    top:2px
}
.hamburger--slider .hamburger-inner:before{
    top:10px;
    transition-timing-function:ease;
    transition-duration:.15s;
    transition-property:transform,opacity
}
.hamburger--slider .hamburger-inner:after{
    top:20px
}
.hamburger--slider.is-active .hamburger-inner{
    transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--slider.is-active .hamburger-inner:before{
    transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);
    opacity:0
}
.hamburger--slider.is-active .hamburger-inner:after{
    transform:translate3d(0,-20px,0) rotate(-90deg)
}
.hamburger--slider-r .hamburger-inner{
    top:2px
}
.hamburger--slider-r .hamburger-inner:before{
    top:10px;
    transition-timing-function:ease;
    transition-duration:.15s;
    transition-property:transform,opacity
}
.hamburger--slider-r .hamburger-inner:after{
    top:20px
}
.hamburger--slider-r.is-active .hamburger-inner{
    transform:translate3d(0,10px,0) rotate(-45deg)
}
.hamburger--slider-r.is-active .hamburger-inner:before{
    transform:rotate(45deg) translate3d(5.71429px,-6px,0);
    opacity:0
}
.hamburger--slider-r.is-active .hamburger-inner:after{
    transform:translate3d(0,-20px,0) rotate(90deg)
}
.hamburger--spin .hamburger-inner{
    transition-timing-function:cubic-bezier(.55,.055,.675,.19);
    transition-duration:.22s
}
.hamburger--spin .hamburger-inner:before{
    transition:top .1s ease-in .25s,opacity .1s ease-in
}
.hamburger--spin .hamburger-inner:after{
    transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin.is-active .hamburger-inner{
    transition-delay:.12s;
    transition-timing-function:cubic-bezier(.215,.61,.355,1);
    transform:rotate(225deg)
}
.hamburger--spin.is-active .hamburger-inner:before{
    top:0;
    transition:top .1s ease-out,opacity .1s ease-out .12s;
    opacity:0
}
.hamburger--spin.is-active .hamburger-inner:after{
    bottom:0;
    transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transform:rotate(-90deg)
}
.hamburger--spin-r .hamburger-inner{
    transition-timing-function:cubic-bezier(.55,.055,.675,.19);
    transition-duration:.22s
}
.hamburger--spin-r .hamburger-inner:before{
    transition:top .1s ease-in .25s,opacity .1s ease-in
}
.hamburger--spin-r .hamburger-inner:after{
    transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin-r.is-active .hamburger-inner{
    transition-delay:.12s;
    transition-timing-function:cubic-bezier(.215,.61,.355,1);
    transform:rotate(-225deg)
}
.hamburger--spin-r.is-active .hamburger-inner:before{
    top:0;
    transition:top .1s ease-out,opacity .1s ease-out .12s;
    opacity:0
}
.hamburger--spin-r.is-active .hamburger-inner:after{
    bottom:0;
    transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transform:rotate(90deg)
}
.hamburger--spring .hamburger-inner{
    top:2px;
    transition:background-color 0s linear .13s
}
.hamburger--spring .hamburger-inner:before{
    top:10px;
    transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spring .hamburger-inner:after{
    top:20px;
    transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spring.is-active .hamburger-inner{
    transition-delay:.22s;
    background-color:transparent!important
}
.hamburger--spring.is-active .hamburger-inner:before{
    top:0;
    transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--spring.is-active .hamburger-inner:after{
    top:0;
    transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    transform:translate3d(0,10px,0) rotate(-45deg)
}
.hamburger--spring-r .hamburger-inner{
    top:auto;
    bottom:0;
    transition-delay:0s;
    transition-timing-function:cubic-bezier(.55,.055,.675,.19);
    transition-duration:.13s
}
.hamburger--spring-r .hamburger-inner:after{
    top:-20px;
    transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear
}
.hamburger--spring-r .hamburger-inner:before{
    transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spring-r.is-active .hamburger-inner{
    transition-delay:.22s;
    transition-timing-function:cubic-bezier(.215,.61,.355,1);
    transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--spring-r.is-active .hamburger-inner:after{
    top:0;
    transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;
    opacity:0
}
.hamburger--spring-r.is-active .hamburger-inner:before{
    top:0;
    transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    transform:rotate(90deg)
}
.hamburger--stand .hamburger-inner{
    transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms
}
.hamburger--stand .hamburger-inner:before{
    transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}
.hamburger--stand .hamburger-inner:after{
    transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}
.hamburger--stand.is-active .hamburger-inner{
    transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;
    transform:rotate(90deg);
    background-color:transparent!important
}
.hamburger--stand.is-active .hamburger-inner:before{
    top:0;
    transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    transform:rotate(-45deg)
}
.hamburger--stand.is-active .hamburger-inner:after{
    bottom:0;
    transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    transform:rotate(45deg)
}
.hamburger--stand-r .hamburger-inner{
    transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms
}
.hamburger--stand-r .hamburger-inner:before{
    transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}
.hamburger--stand-r .hamburger-inner:after{
    transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s
}
.hamburger--stand-r.is-active .hamburger-inner{
    transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;
    transform:rotate(-90deg);
    background-color:transparent!important
}
.hamburger--stand-r.is-active .hamburger-inner:before{
    top:0;
    transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    transform:rotate(-45deg)
}
.hamburger--stand-r.is-active .hamburger-inner:after{
    bottom:0;
    transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    transform:rotate(45deg)
}
.hamburger--squeeze .hamburger-inner{
    transition-timing-function:cubic-bezier(.55,.055,.675,.19);
    transition-duration:75ms
}
.hamburger--squeeze .hamburger-inner:before{
    transition:top 75ms ease .12s,opacity 75ms ease
}
.hamburger--squeeze .hamburger-inner:after{
    transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)
}
.hamburger--squeeze.is-active .hamburger-inner{
    transition-delay:.12s;
    transition-timing-function:cubic-bezier(.215,.61,.355,1);
    transform:rotate(45deg)
}
.hamburger--squeeze.is-active .hamburger-inner:before{
    top:0;
    transition:top 75ms ease,opacity 75ms ease .12s;
    opacity:0
}
.hamburger--squeeze.is-active .hamburger-inner:after{
    bottom:0;
    transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transform:rotate(-90deg)
}
.hamburger--vortex .hamburger-inner{
    transition-timing-function:cubic-bezier(.19,1,.22,1);
    transition-duration:.2s
}
.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{
    transition-delay:.1s;
    transition-timing-function:linear;
    transition-duration:0s
}
.hamburger--vortex .hamburger-inner:before{
    transition-property:top,opacity
}
.hamburger--vortex .hamburger-inner:after{
    transition-property:bottom,transform
}
.hamburger--vortex.is-active .hamburger-inner{
    transition-timing-function:cubic-bezier(.19,1,.22,1);
    transform:rotate(765deg)
}
.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{
    transition-delay:0s
}
.hamburger--vortex.is-active .hamburger-inner:before{
    top:0;
    opacity:0
}
.hamburger--vortex.is-active .hamburger-inner:after{
    bottom:0;
    transform:rotate(90deg)
}
.hamburger--vortex-r .hamburger-inner{
    transition-timing-function:cubic-bezier(.19,1,.22,1);
    transition-duration:.2s
}
.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{
    transition-delay:.1s;
    transition-timing-function:linear;
    transition-duration:0s
}
.hamburger--vortex-r .hamburger-inner:before{
    transition-property:top,opacity
}
.hamburger--vortex-r .hamburger-inner:after{
    transition-property:bottom,transform
}
.hamburger--vortex-r.is-active .hamburger-inner{
    transition-timing-function:cubic-bezier(.19,1,.22,1);
    transform:rotate(-765deg)
}
.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{
    transition-delay:0s
}
.hamburger--vortex-r.is-active .hamburger-inner:before{
    top:0;
    opacity:0
}
.hamburger--vortex-r.is-active .hamburger-inner:after{
    bottom:0;
    transform:rotate(-90deg)
}
*,*::after,*::before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.cd-title{
    position:relative;
    height:160px;
    line-height:230px;
    text-align:center
}
.cd-title h1{
    font-size:2.4rem;
    font-weight:700
}
@media only screen and (min-width:768px){
    .cd-title{
        line-height:250px
    }
}
@media only screen and (min-width:1170px){
    .cd-title{
        height:200px;
        line-height:300px
    }
    .cd-title h1{
        font-size:3rem
    }
}
.cd-intro{
    width:90%;
    max-width:768px;
    text-align:center
}
.cd-intro{
    margin:4em auto
}
@media only screen and (min-width:768px){
    .cd-intro{
        margin:5em auto
    }
}
@media only screen and (min-width:1170px){
    .cd-intro{
        margin:6em auto
    }
}
.cd-words-wrapper{
    display:inline-block;
    position:relative;
    text-align:left
}
.cd-words-wrapper b{
    display:inline-block;
    position:absolute;
    white-space:nowrap;
    left:0;
    top:0
}
.cd-words-wrapper b.is-visible{
    position:relative
}
.no-js .cd-words-wrapper b{
    opacity:0
}
.no-js .cd-words-wrapper b.is-visible{
    opacity:1
}
.cd-headline.rotate-1 .cd-words-wrapper{
    -webkit-perspective:300px;
    -moz-perspective:300px;
    perspective:300px
}
.cd-headline.rotate-1 b{
    opacity:0;
    -webkit-transform-origin:50% 100%;
    -moz-transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    -o-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-transform:rotateX(180deg);
    -moz-transform:rotateX(180deg);
    -ms-transform:rotateX(180deg);
    -o-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.cd-headline.rotate-1 b.is-visible{
    opacity:1;
    -webkit-transform:rotateX(0deg);
    -moz-transform:rotateX(0deg);
    -ms-transform:rotateX(0deg);
    -o-transform:rotateX(0deg);
    transform:rotateX(0deg);
    -webkit-animation:cd-rotate-1-in 1.2s;
    -moz-animation:cd-rotate-1-in 1.2s;
    animation:cd-rotate-1-in 1.2s
}
.cd-headline.rotate-1 b.is-hidden{
    -webkit-transform:rotateX(180deg);
    -moz-transform:rotateX(180deg);
    -ms-transform:rotateX(180deg);
    -o-transform:rotateX(180deg);
    transform:rotateX(180deg);
    -webkit-animation:cd-rotate-1-out 1.2s;
    -moz-animation:cd-rotate-1-out 1.2s;
    animation:cd-rotate-1-out 1.2s
}
@-webkit-keyframes cd-rotate-1-in{
    0%{
        -webkit-transform:rotateX(180deg);
        opacity:0
    }
    35%{
        -webkit-transform:rotateX(120deg);
        opacity:0
    }
    65%{
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(360deg);
        opacity:1
    }
}
@-moz-keyframes cd-rotate-1-in{
    0%{
        -moz-transform:rotateX(180deg);
        opacity:0
    }
    35%{
        -moz-transform:rotateX(120deg);
        opacity:0
    }
    65%{
        opacity:0
    }
    100%{
        -moz-transform:rotateX(360deg);
        opacity:1
    }
}
@keyframes cd-rotate-1-in{
    0%{
        -webkit-transform:rotateX(180deg);
        -moz-transform:rotateX(180deg);
        -ms-transform:rotateX(180deg);
        -o-transform:rotateX(180deg);
        transform:rotateX(180deg);
        opacity:0
    }
    35%{
        -webkit-transform:rotateX(120deg);
        -moz-transform:rotateX(120deg);
        -ms-transform:rotateX(120deg);
        -o-transform:rotateX(120deg);
        transform:rotateX(120deg);
        opacity:0
    }
    65%{
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(360deg);
        -moz-transform:rotateX(360deg);
        -ms-transform:rotateX(360deg);
        -o-transform:rotateX(360deg);
        transform:rotateX(360deg);
        opacity:1
    }
}
@-webkit-keyframes cd-rotate-1-out{
    0%{
        -webkit-transform:rotateX(0deg);
        opacity:1
    }
    35%{
        -webkit-transform:rotateX(-40deg);
        opacity:1
    }
    65%{
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(180deg);
        opacity:0
    }
}
@-moz-keyframes cd-rotate-1-out{
    0%{
        -moz-transform:rotateX(0deg);
        opacity:1
    }
    35%{
        -moz-transform:rotateX(-40deg);
        opacity:1
    }
    65%{
        opacity:0
    }
    100%{
        -moz-transform:rotateX(180deg);
        opacity:0
    }
}
@keyframes cd-rotate-1-out{
    0%{
        -webkit-transform:rotateX(0deg);
        -moz-transform:rotateX(0deg);
        -ms-transform:rotateX(0deg);
        -o-transform:rotateX(0deg);
        transform:rotateX(0deg);
        opacity:1
    }
    35%{
        -webkit-transform:rotateX(-40deg);
        -moz-transform:rotateX(-40deg);
        -ms-transform:rotateX(-40deg);
        -o-transform:rotateX(-40deg);
        transform:rotateX(-40deg);
        opacity:1
    }
    65%{
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(180deg);
        -moz-transform:rotateX(180deg);
        -ms-transform:rotateX(180deg);
        -o-transform:rotateX(180deg);
        transform:rotateX(180deg);
        opacity:0
    }
}
.cd-headline.type .cd-words-wrapper{
    vertical-align:top;
    overflow:hidden
}
.cd-headline.type .cd-words-wrapper::after{
    content:'';
    position:absolute;
    right:0;
    top:50%;
    bottom:auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:90%;
    width:1px;
    background-color:#aebcb9
}
.cd-headline.type .cd-words-wrapper.waiting::after{
    -webkit-animation:cd-pulse 1s infinite;
    -moz-animation:cd-pulse 1s infinite;
    animation:cd-pulse 1s infinite
}
.cd-headline.type .cd-words-wrapper.selected{
    background-color:#aebcb9
}
.cd-headline.type .cd-words-wrapper.selected::after{
    visibility:hidden
}
.cd-headline.type .cd-words-wrapper.selected b{
    color:#0d0d0d
}
.cd-headline.type b{
    visibility:hidden
}
.cd-headline.type b.is-visible{
    visibility:visible
}
.cd-headline.type i{
    position:absolute;
    visibility:hidden
}
.cd-headline.type i.in{
    position:relative;
    visibility:visible
}
@-webkit-keyframes cd-pulse{
    0%{
        -webkit-transform:translateY(-50%) scale(1);
        opacity:1
    }
    40%{
        -webkit-transform:translateY(-50%) scale(.9);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(-50%) scale(0);
        opacity:0
    }
}
@-moz-keyframes cd-pulse{
    0%{
        -moz-transform:translateY(-50%) scale(1);
        opacity:1
    }
    40%{
        -moz-transform:translateY(-50%) scale(.9);
        opacity:0
    }
    100%{
        -moz-transform:translateY(-50%) scale(0);
        opacity:0
    }
}
@keyframes cd-pulse{
    0%{
        -webkit-transform:translateY(-50%) scale(1);
        -moz-transform:translateY(-50%) scale(1);
        -ms-transform:translateY(-50%) scale(1);
        -o-transform:translateY(-50%) scale(1);
        transform:translateY(-50%) scale(1);
        opacity:1
    }
    40%{
        -webkit-transform:translateY(-50%) scale(.9);
        -moz-transform:translateY(-50%) scale(.9);
        -ms-transform:translateY(-50%) scale(.9);
        -o-transform:translateY(-50%) scale(.9);
        transform:translateY(-50%) scale(.9);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(-50%) scale(0);
        -moz-transform:translateY(-50%) scale(0);
        -ms-transform:translateY(-50%) scale(0);
        -o-transform:translateY(-50%) scale(0);
        transform:translateY(-50%) scale(0);
        opacity:0
    }
}
.cd-headline.rotate-2 .cd-words-wrapper{
    -webkit-perspective:300px;
    -moz-perspective:300px;
    perspective:300px
}
.cd-headline.rotate-2 i,.cd-headline.rotate-2 em{
    display:inline-block;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.cd-headline.rotate-2 b{
    opacity:0
}
.cd-headline.rotate-2 i{
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transform:translateZ(-20px) rotateX(90deg);
    -moz-transform:translateZ(-20px) rotateX(90deg);
    -ms-transform:translateZ(-20px) rotateX(90deg);
    -o-transform:translateZ(-20px) rotateX(90deg);
    transform:translateZ(-20px) rotateX(90deg);
    opacity:0
}
.is-visible .cd-headline.rotate-2 i{
    opacity:1
}
.cd-headline.rotate-2 i.in{
    -webkit-animation:cd-rotate-2-in .4s forwards;
    -moz-animation:cd-rotate-2-in .4s forwards;
    animation:cd-rotate-2-in .4s forwards
}
.cd-headline.rotate-2 i.out{
    -webkit-animation:cd-rotate-2-out .4s forwards;
    -moz-animation:cd-rotate-2-out .4s forwards;
    animation:cd-rotate-2-out .4s forwards
}
.cd-headline.rotate-2 em{
    -webkit-transform:translateZ(20px);
    -moz-transform:translateZ(20px);
    -ms-transform:translateZ(20px);
    -o-transform:translateZ(20px);
    transform:translateZ(20px)
}
.no-csstransitions .cd-headline.rotate-2 i{
    -webkit-transform:rotateX(0deg);
    -moz-transform:rotateX(0deg);
    -ms-transform:rotateX(0deg);
    -o-transform:rotateX(0deg);
    transform:rotateX(0deg);
    opacity:0
}
.no-csstransitions .cd-headline.rotate-2 i em{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.no-csstransitions .cd-headline.rotate-2 .is-visible i{
    opacity:1
}
@-webkit-keyframes cd-rotate-2-in{
    0%{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(90deg)
    }
    60%{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(-10deg)
    }
    100%{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(0deg)
    }
}
@-moz-keyframes cd-rotate-2-in{
    0%{
        opacity:0;
        -moz-transform:translateZ(-20px) rotateX(90deg)
    }
    60%{
        opacity:1;
        -moz-transform:translateZ(-20px) rotateX(-10deg)
    }
    100%{
        opacity:1;
        -moz-transform:translateZ(-20px) rotateX(0deg)
    }
}
@keyframes cd-rotate-2-in{
    0%{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(90deg);
        -moz-transform:translateZ(-20px) rotateX(90deg);
        -ms-transform:translateZ(-20px) rotateX(90deg);
        -o-transform:translateZ(-20px) rotateX(90deg);
        transform:translateZ(-20px) rotateX(90deg)
    }
    60%{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(-10deg);
        -moz-transform:translateZ(-20px) rotateX(-10deg);
        -ms-transform:translateZ(-20px) rotateX(-10deg);
        -o-transform:translateZ(-20px) rotateX(-10deg);
        transform:translateZ(-20px) rotateX(-10deg)
    }
    100%{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(0deg);
        -moz-transform:translateZ(-20px) rotateX(0deg);
        -ms-transform:translateZ(-20px) rotateX(0deg);
        -o-transform:translateZ(-20px) rotateX(0deg);
        transform:translateZ(-20px) rotateX(0deg)
    }
}
@-webkit-keyframes cd-rotate-2-out{
    0%{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(0)
    }
    60%{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(-100deg)
    }
    100%{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(-90deg)
    }
}
@-moz-keyframes cd-rotate-2-out{
    0%{
        opacity:1;
        -moz-transform:translateZ(-20px) rotateX(0)
    }
    60%{
        opacity:0;
        -moz-transform:translateZ(-20px) rotateX(-100deg)
    }
    100%{
        opacity:0;
        -moz-transform:translateZ(-20px) rotateX(-90deg)
    }
}
@keyframes cd-rotate-2-out{
    0%{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(0);
        -moz-transform:translateZ(-20px) rotateX(0);
        -ms-transform:translateZ(-20px) rotateX(0);
        -o-transform:translateZ(-20px) rotateX(0);
        transform:translateZ(-20px) rotateX(0)
    }
    60%{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(-100deg);
        -moz-transform:translateZ(-20px) rotateX(-100deg);
        -ms-transform:translateZ(-20px) rotateX(-100deg);
        -o-transform:translateZ(-20px) rotateX(-100deg);
        transform:translateZ(-20px) rotateX(-100deg)
    }
    100%{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(-90deg);
        -moz-transform:translateZ(-20px) rotateX(-90deg);
        -ms-transform:translateZ(-20px) rotateX(-90deg);
        -o-transform:translateZ(-20px) rotateX(-90deg);
        transform:translateZ(-20px) rotateX(-90deg)
    }
}
.cd-headline.loading-bar span{
    display:inline-block;
    padding:.2em 0
}
.cd-headline.loading-bar .cd-words-wrapper{
    overflow:hidden;
    vertical-align:top
}
.cd-headline.loading-bar .cd-words-wrapper::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    height:3px;
    width:0;
    background:#0096a7;
    z-index:2;
    -webkit-transition:width .3s -.1s;
    -moz-transition:width .3s -.1s;
    transition:width .3s -.1s
}
/*.cd-headline.loading-bar .cd-words-wrapper.is-loading::after{
    width:100%;
    -webkit-transition:width 3s;
    -moz-transition:width 3s;
    transition:width 3s
}*/
.cd-headline.loading-bar b{
    top:.2em;
    opacity:0;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    transition:opacity .3s
}
.cd-headline.loading-bar b.is-visible{
    opacity:1;
    top:0
}
.cd-headline.slide span{
    display:inline-block;
    padding:.2em 0
}
.cd-headline.slide .cd-words-wrapper{
    overflow:hidden;
    vertical-align:top
}
.cd-headline.slide b{
    opacity:0;
    top:.2em
}
.cd-headline.slide b.is-visible{
    top:0;
    opacity:1;
    -webkit-animation:slide-in .6s;
    -moz-animation:slide-in .6s;
    animation:slide-in .6s
}
.cd-headline.slide b.is-hidden{
    -webkit-animation:slide-out .6s;
    -moz-animation:slide-out .6s;
    animation:slide-out .6s
}
@-webkit-keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(-100%)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(20%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes slide-in{
    0%{
        opacity:0;
        -moz-transform:translateY(-100%)
    }
    60%{
        opacity:1;
        -moz-transform:translateY(20%)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(-100%);
        -moz-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        -o-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(20%);
        -moz-transform:translateY(20%);
        -ms-transform:translateY(20%);
        -o-transform:translateY(20%);
        transform:translateY(20%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes slide-out{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    60%{
        opacity:0;
        -webkit-transform:translateY(120%)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(100%)
    }
}
@-moz-keyframes slide-out{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    60%{
        opacity:0;
        -moz-transform:translateY(120%)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(100%)
    }
}
@keyframes slide-out{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    60%{
        opacity:0;
        -webkit-transform:translateY(120%);
        -moz-transform:translateY(120%);
        -ms-transform:translateY(120%);
        -o-transform:translateY(120%);
        transform:translateY(120%)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(100%);
        -moz-transform:translateY(100%);
        -ms-transform:translateY(100%);
        -o-transform:translateY(100%);
        transform:translateY(100%)
    }
}
.cd-headline.clip span{
    display:inline-block;
    padding:.2em 0
}
.cd-headline.clip .cd-words-wrapper{
    overflow:hidden;
    vertical-align:top
}
.cd-headline.clip .cd-words-wrapper::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:2px;
    height:100%;
    background-color:#aebcb9
}
.cd-headline.clip b{
    opacity:0
}
.cd-headline.clip b.is-visible{
    opacity:1
}
.cd-headline.zoom .cd-words-wrapper{
    -webkit-perspective:300px;
    -moz-perspective:300px;
    perspective:300px
}
.cd-headline.zoom b{
    opacity:0
}
.cd-headline.zoom b.is-visible{
    opacity:1;
    -webkit-animation:zoom-in .8s;
    -moz-animation:zoom-in .8s;
    animation:zoom-in .8s
}
.cd-headline.zoom b.is-hidden{
    -webkit-animation:zoom-out .8s;
    -moz-animation:zoom-out .8s;
    animation:zoom-out .8s
}
@-webkit-keyframes zoom-in{
    0%{
        opacity:0;
        -webkit-transform:translateZ(100px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateZ(0)
    }
}
@-moz-keyframes zoom-in{
    0%{
        opacity:0;
        -moz-transform:translateZ(100px)
    }
    100%{
        opacity:1;
        -moz-transform:translateZ(0)
    }
}
@keyframes zoom-in{
    0%{
        opacity:0;
        -webkit-transform:translateZ(100px);
        -moz-transform:translateZ(100px);
        -ms-transform:translateZ(100px);
        -o-transform:translateZ(100px);
        transform:translateZ(100px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateZ(0);
        -moz-transform:translateZ(0);
        -ms-transform:translateZ(0);
        -o-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@-webkit-keyframes zoom-out{
    0%{
        opacity:1;
        -webkit-transform:translateZ(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateZ(-100px)
    }
}
@-moz-keyframes zoom-out{
    0%{
        opacity:1;
        -moz-transform:translateZ(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateZ(-100px)
    }
}
@keyframes zoom-out{
    0%{
        opacity:1;
        -webkit-transform:translateZ(0);
        -moz-transform:translateZ(0);
        -ms-transform:translateZ(0);
        -o-transform:translateZ(0);
        transform:translateZ(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateZ(-100px);
        -moz-transform:translateZ(-100px);
        -ms-transform:translateZ(-100px);
        -o-transform:translateZ(-100px);
        transform:translateZ(-100px)
    }
}
.cd-headline.rotate-3 .cd-words-wrapper{
    -webkit-perspective:300px;
    -moz-perspective:300px;
    perspective:300px
}
.cd-headline.rotate-3 b{
    opacity:0
}
.cd-headline.rotate-3 i{
    display:inline-block;
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.is-visible .cd-headline.rotate-3 i{
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);
    transform:rotateY(0deg)
}
.cd-headline.rotate-3 i.in{
    -webkit-animation:cd-rotate-3-in .6s forwards;
    -moz-animation:cd-rotate-3-in .6s forwards;
    animation:cd-rotate-3-in .6s forwards
}
.cd-headline.rotate-3 i.out{
    -webkit-animation:cd-rotate-3-out .6s forwards;
    -moz-animation:cd-rotate-3-out .6s forwards;
    animation:cd-rotate-3-out .6s forwards
}
.no-csstransitions .cd-headline.rotate-3 i{
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);
    transform:rotateY(0deg);
    opacity:0
}
.no-csstransitions .cd-headline.rotate-3 .is-visible i{
    opacity:1
}
@-webkit-keyframes cd-rotate-3-in{
    0%{
        -webkit-transform:rotateY(180deg)
    }
    100%{
        -webkit-transform:rotateY(0deg)
    }
}
@-moz-keyframes cd-rotate-3-in{
    0%{
        -moz-transform:rotateY(180deg)
    }
    100%{
        -moz-transform:rotateY(0deg)
    }
}
@keyframes cd-rotate-3-in{
    0%{
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        -ms-transform:rotateY(180deg);
        -o-transform:rotateY(180deg);
        transform:rotateY(180deg)
    }
    100%{
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
}
@-webkit-keyframes cd-rotate-3-out{
    0%{
        -webkit-transform:rotateY(0)
    }
    100%{
        -webkit-transform:rotateY(-180deg)
    }
}
@-moz-keyframes cd-rotate-3-out{
    0%{
        -moz-transform:rotateY(0)
    }
    100%{
        -moz-transform:rotateY(-180deg)
    }
}
@keyframes cd-rotate-3-out{
    0%{
        -webkit-transform:rotateY(0);
        -moz-transform:rotateY(0);
        -ms-transform:rotateY(0);
        -o-transform:rotateY(0);
        transform:rotateY(0)
    }
    100%{
        -webkit-transform:rotateY(-180deg);
        -moz-transform:rotateY(-180deg);
        -ms-transform:rotateY(-180deg);
        -o-transform:rotateY(-180deg);
        transform:rotateY(-180deg)
    }
}
.cd-headline.scale b{
    opacity:0
}
.cd-headline.scale i{
    display:inline-block;
    opacity:0;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0)
}
.is-visible .cd-headline.scale i{
    opacity:1
}
.cd-headline.scale i.in{
    -webkit-animation:scale-up .6s forwards;
    -moz-animation:scale-up .6s forwards;
    animation:scale-up .6s forwards
}
.cd-headline.scale i.out{
    -webkit-animation:scale-down .6s forwards;
    -moz-animation:scale-down .6s forwards;
    animation:scale-down .6s forwards
}
.no-csstransitions .cd-headline.scale i{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    opacity:0
}
.no-csstransitions .cd-headline.scale .is-visible i{
    opacity:1
}
@-webkit-keyframes scale-up{
    0%{
        -webkit-transform:scale(0);
        opacity:0
    }
    60%{
        -webkit-transform:scale(1.2);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        opacity:1
    }
}
@-moz-keyframes scale-up{
    0%{
        -moz-transform:scale(0);
        opacity:0
    }
    60%{
        -moz-transform:scale(1.2);
        opacity:1
    }
    100%{
        -moz-transform:scale(1);
        opacity:1
    }
}
@keyframes scale-up{
    0%{
        -webkit-transform:scale(0);
        -moz-transform:scale(0);
        -ms-transform:scale(0);
        -o-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    60%{
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@-webkit-keyframes scale-down{
    0%{
        -webkit-transform:scale(1);
        opacity:1
    }
    60%{
        -webkit-transform:scale(0);
        opacity:0
    }
}
@-moz-keyframes scale-down{
    0%{
        -moz-transform:scale(1);
        opacity:1
    }
    60%{
        -moz-transform:scale(0);
        opacity:0
    }
}
@keyframes scale-down{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    60%{
        -webkit-transform:scale(0);
        -moz-transform:scale(0);
        -ms-transform:scale(0);
        -o-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
}
.cd-headline.push b{
    opacity:0
}
.cd-headline.push b.is-visible{
    opacity:1;
    -webkit-animation:push-in .6s;
    -moz-animation:push-in .6s;
    animation:push-in .6s
}
.cd-headline.push b.is-hidden{
    -webkit-animation:push-out .6s;
    -moz-animation:push-out .6s;
    animation:push-out .6s
}
@-webkit-keyframes push-in{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(10%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes push-in{
    0%{
        opacity:0;
        -moz-transform:translateX(-100%)
    }
    60%{
        opacity:1;
        -moz-transform:translateX(10%)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@keyframes push-in{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%);
        -moz-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
        -o-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(10%);
        -moz-transform:translateX(10%);
        -ms-transform:translateX(10%);
        -o-transform:translateX(10%);
        transform:translateX(10%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }
}
@-webkit-keyframes push-out{
    0%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
    60%{
        opacity:0;
        -webkit-transform:translateX(110%)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(100%)
    }
}
@-moz-keyframes push-out{
    0%{
        opacity:1;
        -moz-transform:translateX(0)
    }
    60%{
        opacity:0;
        -moz-transform:translateX(110%)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(100%)
    }
}
@keyframes push-out{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }
    60%{
        opacity:0;
        -webkit-transform:translateX(110%);
        -moz-transform:translateX(110%);
        -ms-transform:translateX(110%);
        -o-transform:translateX(110%);
        transform:translateX(110%)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(100%);
        -moz-transform:translateX(100%);
        -ms-transform:translateX(100%);
        -o-transform:translateX(100%);
        transform:translateX(100%)
    }
}
.owl-carousel,.owl-carousel .owl-item{
    -webkit-tap-highlight-color:transparent;
    position:relative
}
.owl-carousel{
    display:none;
    width:100%;
    z-index:1
}
.owl-carousel .owl-stage{
    position:relative;
    -ms-touch-action:pan-Y;
    -moz-backface-visibility:hidden
}
.owl-carousel .owl-stage:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.owl-carousel .owl-stage-outer{
    position:relative;
    overflow:hidden;
    -webkit-transform:translate3d(0,0,0)
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0)
}
.owl-carousel .owl-item{
    min-height:1px;
    float:left;
    -webkit-backface-visibility:hidden;
    -webkit-touch-callout:none
}
.owl-carousel .owl-item img{
    width:auto
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{
    display:none
}
.no-js .owl-carousel,.owl-carousel.owl-loaded{
    display:block
}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{
    cursor:pointer;
    cursor:hand;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.owl-carousel.owl-loading{
    opacity:0;
    display:block
}
.owl-carousel.owl-hidden{
    opacity:0
}
.owl-carousel.owl-refresh .owl-item{
    visibility:hidden
}
.owl-carousel.owl-drag .owl-item{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.owl-carousel.owl-grab{
    cursor:move;
    cursor:grab
}
.owl-carousel.owl-rtl{
    direction:rtl
}
.owl-carousel.owl-rtl .owl-item{
    float:right
}
.owl-carousel .animated{
    animation-duration:1s;
    animation-fill-mode:both
}
.owl-carousel .owl-animated-in{
    z-index:0
}
.owl-carousel .owl-animated-out{
    z-index:1
}
.owl-carousel .fadeOut{
    animation-name:fadeOut
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.owl-height{
    transition:height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy{
    opacity:0;
    transition:opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy{
    transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper{
    position:relative;
    height:100%;
    background:#000
}
.owl-carousel .owl-video-play-icon{
    position:absolute;
    height:80px;
    width:80px;
    left:50%;
    top:50%;
    margin-left:-40px;
    margin-top:-40px;
    background:url(owl.video.play.png) no-repeat;
    cursor:pointer;
    z-index:1;
    -webkit-backface-visibility:hidden;
    transition:transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover{
    -ms-transform:scale(1.3,1.3);
    transform:scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{
    display:none
}
.owl-carousel .owl-video-tn{
    opacity:0;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    transition:opacity .4s ease
}
.owl-carousel .owl-video-frame{
    position:relative;
    z-index:1;
    height:100%;
    width:100%
}
.owl-theme .owl-dots,.owl-theme .owl-nav{
    text-align:center;
    -webkit-tap-highlight-color:transparent
}
.owl-theme .owl-nav{
    margin-top:10px
}
.owl-theme .owl-nav [class*=owl-]{
    color:#FFFFFF;
    font-size:14px;
    margin:5px;
    padding:4px 7px;
    background:#d6d6d6;
    display:inline-block;
    cursor:pointer;
    border-radius:3px
}
.owl-theme .owl-nav [class*=owl-]:hover{
    background:#869791;
    color:#FFFFFF;
    text-decoration:none
}
.owl-theme .owl-nav .disabled{
    opacity:.5;
    cursor:default
}
.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:10px
}
.owl-theme .owl-dots .owl-dot{
    display:inline-block;
    zoom:1
}
.owl-theme .owl-dots .owl-dot span{
    width:10px;
    height:10px;
    margin:5px 7px;
    background:#d6d6d6;
    display:block;
    -webkit-backface-visibility:visible;
    transition:opacity .2s ease;
    border-radius:30px
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background:#869791
}