@charset "UTF-8";



/* slick slider */
.slick-slider{
position:relative;
display:block;
box-sizing:border-box;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-touch-callout:none;
-khtml-user-select:none;
-ms-touch-action:pan-y;
touch-action:pan-y;
-webkit-tap-highlight-color:transparent;
background:#000
}

.slick-list{
position:relative;
display:block;
overflow:hidden;

}

.slick-list:focus{
outline:0
}

.slick-list.dragging{
cursor:pointer;
cursor:hand
}

.slick-slider .slick-list,.slick-slider .slick-track{
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

.slick-track{
position:relative;
top:0;
left:0;
display:block;
margin-left:auto;
margin-right:auto;
width:autoimportant
}

.slick-track:after,.slick-track:before{
display:table;
content:''
}

.slick-track:after{
clear:both
}

.slick-loading .slick-track{
visibility:hidden
}

.slick-slide{
display:none;
float:left;
height:100%;
min-height:1px
}

[dir=rtl] .slick-slide{
float:right
}

.slick-slide.slick-loading img{
display:none
}

.slick-slide.dragging img{
pointer-events:none
}

.slick-initialized .slick-slide{
display:block
}

.slick-loading .slick-slide{
visibility:hidden
}

.slick-vertical .slick-slide{
display:block;
height:auto;
border:1px solid transparent
}

.slick-arrow.slick-hidden{
display:none
}






/**
 * Swiper 6.0.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 7, 2020
 */

@font-face{
font-family:swiper-icons;
src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
font-weight:400;
font-style:normal
}

:root{
--swiper-theme-color:#007aff
}

.swiper-container{
margin-left:auto;
margin-right:auto;
position:relative;
overflow:hidden;
list-style:none;
padding:0;
z-index:1
}

.swiper-container-vertical>.swiper-wrapper{
flex-direction:column
}

.swiper-wrapper{
position:relative;
width:100%;
height:100%;
z-index:1;
display:flex;
transition-property:transform;
box-sizing:content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper{
transform:translate3d(0px,0,0)
}

.swiper-container-multirow>.swiper-wrapper{
flex-wrap:wrap
}

.swiper-container-multirow-column>.swiper-wrapper{
flex-wrap:wrap;
flex-direction:column
}

.swiper-container-free-mode>.swiper-wrapper{
transition-timing-function:ease-out;
margin:0 auto
}

.swiper-slide{
flex-shrink:0;
width:100%;
height:100%;
position:relative;
transition-property:transform
}

.swiper-slide-invisible-blank{
visibility:hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
height:auto
}

.swiper-container-autoheight .swiper-wrapper{
align-items:flex-start;
transition-property:transform,height
}

.swiper-container-3d{
perspective:1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{
transform-style:preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
pointer-events:none;
z-index:10
}

.swiper-container-3d .swiper-slide-shadow-left{
background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right{
background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top{
background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom{
background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-css-mode>.swiper-wrapper{
overflow:auto;
scrollbar-width:none;
-ms-overflow-style:none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{
display:none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{
scroll-snap-align:start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{
scroll-snap-type:x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{
scroll-snap-type:y mandatory
}

:root{
--swiper-navigation-size:44px
}

.swiper-button-next,.swiper-button-prev{
position:absolute;
top:50%;
width:calc(var(--swiper-navigation-size)/ 44 * 27);
height:var(--swiper-navigation-size);
margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);
z-index:10;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
color:var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
opacity:.35;
cursor:auto;
pointer-events:none
}

.swiper-button-next:after,.swiper-button-prev:after{
font-family:swiper-icons;
font-size:var(--swiper-navigation-size);
text-transform:none!important;
letter-spacing:0;
text-transform:none;
font-variant:initial;
line-height:1
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
left:10px;
right:auto
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{
content:'prev'
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
right:10px;
left:auto
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{
content:'next'
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{
--swiper-navigation-color:#ffffff
}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{
--swiper-navigation-color:#000000
}

.swiper-button-lock{
display:none
}

.swiper-pagination{
position:absolute;
text-align:center;
transition:.3s opacity;
transform:translate3d(0,0,0);
z-index:10
}

.swiper-pagination.swiper-pagination-hidden{
opacity:0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
bottom:10px;
left:0;
width:100%
}

.swiper-pagination-bullets-dynamic{
overflow:hidden;
font-size:0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
transform:scale(.33);
position:relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
transform:scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
transform:scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
transform:scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
transform:scale(.33)
}

.swiper-pagination-bullet{
width:8px;
height:8px;
display:inline-block;
border-radius:100%;
background:#000;
opacity:.2
}

button.swiper-pagination-bullet{
border:none;
margin:0;
padding:0;
box-shadow:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}

.swiper-pagination-clickable .swiper-pagination-bullet{
cursor:pointer
}

.swiper-pagination-bullet-active{
opacity:1;
background:var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets{
right:10px;
top:50%;
transform:translate3d(0px,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
margin:6px 0;
display:block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
top:50%;
transform:translateY(-50%);
width:8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
display:inline-block;
transition:.2s transform,.2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
left:50%;
transform:translateX(-50%);
white-space:nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
transition:.2s transform,.2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
transition:.2s transform,.2s right
}

.swiper-pagination-progressbar{
background:rgba(0,0,0,.25);
position:absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
background:var(--swiper-pagination-color,var(--swiper-theme-color));
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
transform:scale(0);
transform-origin:left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
transform-origin:right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
width:100%;
height:4px;
left:0;
top:0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{
width:4px;
height:100%;
left:0;
top:0
}

.swiper-pagination-white{
--swiper-pagination-color:#ffffff
}

.swiper-pagination-black{
--swiper-pagination-color:#000000
}

.swiper-pagination-lock{
display:none
}

.swiper-scrollbar{
border-radius:10px;
position:relative;
-ms-touch-action:none;
background:rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar{
position:absolute;
left:1%;
bottom:3px;
z-index:50;
height:5px;
width:98%
}

.swiper-container-vertical>.swiper-scrollbar{
position:absolute;
right:3px;
top:1%;
z-index:50;
width:5px;
height:98%
}

.swiper-scrollbar-drag{
height:100%;
width:100%;
position:relative;
background:rgba(0,0,0,.5);
border-radius:10px;
left:0;
top:0
}

.swiper-scrollbar-cursor-drag{
cursor:move
}

.swiper-scrollbar-lock{
display:none
}

.swiper-zoom-container{
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
text-align:center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
max-width:100%;
max-height:100%;
object-fit:contain
}

.swiper-slide-zoomed{
cursor:move
}

.swiper-lazy-preloader{
width:42px;
height:42px;
position:absolute;
left:50%;
top:50%;
margin-left:-21px;
margin-top:-21px;
z-index:10;
transform-origin:50%;
animation:swiper-preloader-spin 1s infinite linear;
box-sizing:border-box;
border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
border-radius:50%;
border-top-color:transparent
}

.swiper-lazy-preloader-white{
--swiper-preloader-color:#fff
}

.swiper-lazy-preloader-black{
--swiper-preloader-color:#000
}

@keyframes swiper-preloader-spin{
100%{
transform:rotate(360deg)
}


}

.swiper-container .swiper-notification{
position:absolute;
left:0;
top:0;
pointer-events:none;
opacity:0;
z-index:-1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide{
transition-timing-function:ease-out
}

.swiper-container-fade .swiper-slide{
pointer-events:none;
transition-property:opacity
}

.swiper-container-fade .swiper-slide .swiper-slide{
pointer-events:none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{
pointer-events:auto
}

.swiper-container-cube{
overflow:visible
}

.swiper-container-cube .swiper-slide{
pointer-events:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
z-index:1;
visibility:hidden;
transform-origin:0 0;
width:100%;
height:100%
}

.swiper-container-cube .swiper-slide .swiper-slide{
pointer-events:none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide{
transform-origin:100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{
pointer-events:auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{
pointer-events:auto;
visibility:visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{
z-index:0;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}

.swiper-container-cube .swiper-cube-shadow{
position:absolute;
left:0;
bottom:0px;
width:100%;
height:100%;
background:#000;
opacity:.6;
-webkit-filter:blur(50px);
filter:blur(50px);
z-index:0
}

.swiper-container-flip{
overflow:visible
}

.swiper-container-flip .swiper-slide{
pointer-events:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
z-index:1
}

.swiper-container-flip .swiper-slide .swiper-slide{
pointer-events:none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{
pointer-events:auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{
z-index:0;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}






/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */.animated{
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}

.animated.infinite{
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}

.animated.hinge{
-webkit-animation-duration:2s;
animation-duration:2s
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{
-webkit-animation-duration:.75s;
animation-duration:.75s
}

@-webkit-keyframes bounce{
20%,53%,80%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1);
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

40%,43%{
-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
animation-timing-function:cubic-bezier(.755,.05,.855,.06);
-webkit-transform:translate3d(0,-30px,0);
transform:translate3d(0,-30px,0)
}

70%{
-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
animation-timing-function:cubic-bezier(.755,.05,.855,.06);
-webkit-transform:translate3d(0,-15px,0);
transform:translate3d(0,-15px,0)
}

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


}

@keyframes bounce{
20%,53%,80%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1);
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

40%,43%{
-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
animation-timing-function:cubic-bezier(.755,.05,.855,.06);
-webkit-transform:translate3d(0,-30px,0);
transform:translate3d(0,-30px,0)
}

70%{
-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
animation-timing-function:cubic-bezier(.755,.05,.855,.06);
-webkit-transform:translate3d(0,-15px,0);
transform:translate3d(0,-15px,0)
}

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


}

.bounce{
-webkit-animation-name:bounce;
animation-name:bounce;
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}

@-webkit-keyframes flash{
50%,from,to{
opacity:1
}

25%,75%{
opacity:0
}


}

@keyframes flash{
50%,from,to{
opacity:1
}

25%,75%{
opacity:0
}


}

.flash{
-webkit-animation-name:flash;
animation-name:flash
}

@-webkit-keyframes pulse{
from{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}

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

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


}

@keyframes pulse{
from{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}

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

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


}

.pulse{
-webkit-animation-name:pulse;
animation-name:pulse
}

@-webkit-keyframes rubberBand{
from{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}

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

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

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

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

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

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


}

@keyframes rubberBand{
from{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}

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

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

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

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

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

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


}

.rubberBand{
-webkit-animation-name:rubberBand;
animation-name:rubberBand
}

@-webkit-keyframes shake{
from,to{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

10%,30%,50%,70%,90%{
-webkit-transform:translate3d(-10px,0,0);
transform:translate3d(-10px,0,0)
}

20%,40%,60%,80%{
-webkit-transform:translate3d(10px,0,0);
transform:translate3d(10px,0,0)
}


}

@keyframes shake{
from,to{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

10%,30%,50%,70%,90%{
-webkit-transform:translate3d(-10px,0,0);
transform:translate3d(-10px,0,0)
}

20%,40%,60%,80%{
-webkit-transform:translate3d(10px,0,0);
transform:translate3d(10px,0,0)
}


}

.shake{
-webkit-animation-name:shake;
animation-name:shake
}

@-webkit-keyframes headShake{
0%{
-webkit-transform:translateX(0);
transform:translateX(0)
}

6.5%{
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}

18.5%{
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}

31.5%{
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}

43.5%{
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}

50%{
-webkit-transform:translateX(0);
transform:translateX(0)
}


}

@keyframes headShake{
0%{
-webkit-transform:translateX(0);
transform:translateX(0)
}

6.5%{
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}

18.5%{
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}

31.5%{
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}

43.5%{
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}

50%{
-webkit-transform:translateX(0);
transform:translateX(0)
}


}

.headShake{
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
-webkit-animation-name:headShake;
animation-name:headShake
}

@-webkit-keyframes swing{
20%{
-webkit-transform:rotate3d(0,0,1,15deg);
transform:rotate3d(0,0,1,15deg)
}

40%{
-webkit-transform:rotate3d(0,0,1,-10deg);
transform:rotate3d(0,0,1,-10deg)
}

60%{
-webkit-transform:rotate3d(0,0,1,5deg);
transform:rotate3d(0,0,1,5deg)
}

80%{
-webkit-transform:rotate3d(0,0,1,-5deg);
transform:rotate3d(0,0,1,-5deg)
}

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


}

@keyframes swing{
20%{
-webkit-transform:rotate3d(0,0,1,15deg);
transform:rotate3d(0,0,1,15deg)
}

40%{
-webkit-transform:rotate3d(0,0,1,-10deg);
transform:rotate3d(0,0,1,-10deg)
}

60%{
-webkit-transform:rotate3d(0,0,1,5deg);
transform:rotate3d(0,0,1,5deg)
}

80%{
-webkit-transform:rotate3d(0,0,1,-5deg);
transform:rotate3d(0,0,1,-5deg)
}

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


}

.swing{
-webkit-transform-origin:top center;
transform-origin:top center;
-webkit-animation-name:swing;
animation-name:swing
}

@-webkit-keyframes tada{
from{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}

10%,20%{
-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
}

30%,50%,70%,90%{
-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
}

40%,60%,80%{
-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
}

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


}

@keyframes tada{
from{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}

10%,20%{
-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
}

30%,50%,70%,90%{
-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
}

40%,60%,80%{
-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
}

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


}

.tada{
-webkit-animation-name:tada;
animation-name:tada
}

@-webkit-keyframes wobble{
from{
-webkit-transform:none;
transform:none
}

15%{
-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
}

30%{
-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
}

45%{
-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
}

60%{
-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
}

75%{
-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
}

to{
-webkit-transform:none;
transform:none
}


}

@keyframes wobble{
from{
-webkit-transform:none;
transform:none
}

15%{
-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
}

30%{
-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
}

45%{
-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
}

60%{
-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
}

75%{
-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
}

to{
-webkit-transform:none;
transform:none
}


}

.wobble{
-webkit-animation-name:wobble;
animation-name:wobble
}

@-webkit-keyframes jello{
11.1%,from,to{
-webkit-transform:none;
transform:none
}

22.2%{
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}

33.3%{
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}

44.4%{
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}

55.5%{
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}

66.6%{
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}

77.7%{
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}

88.8%{
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}


}

@keyframes jello{
11.1%,from,to{
-webkit-transform:none;
transform:none
}

22.2%{
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}

33.3%{
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}

44.4%{
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}

55.5%{
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}

66.6%{
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}

77.7%{
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}

88.8%{
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}


}

.jello{
-webkit-animation-name:jello;
animation-name:jello;
-webkit-transform-origin:center;
transform-origin:center
}

@-webkit-keyframes bounceIn{
20%,40%,60%,80%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}

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

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

40%{
-webkit-transform:scale3d(.9,.9,.9);
transform:scale3d(.9,.9,.9)
}

60%{
opacity:1;
-webkit-transform:scale3d(1.03,1.03,1.03);
transform:scale3d(1.03,1.03,1.03)
}

80%{
-webkit-transform:scale3d(.97,.97,.97);
transform:scale3d(.97,.97,.97)
}

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


}

@keyframes bounceIn{
20%,40%,60%,80%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}

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

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

40%{
-webkit-transform:scale3d(.9,.9,.9);
transform:scale3d(.9,.9,.9)
}

60%{
opacity:1;
-webkit-transform:scale3d(1.03,1.03,1.03);
transform:scale3d(1.03,1.03,1.03)
}

80%{
-webkit-transform:scale3d(.97,.97,.97);
transform:scale3d(.97,.97,.97)
}

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


}

.bounceIn{
-webkit-animation-name:bounceIn;
animation-name:bounceIn
}

@-webkit-keyframes bounceInDown{
60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}

0%{
opacity:0;
-webkit-transform:translate3d(0,-3000px,0);
transform:translate3d(0,-3000px,0)
}

60%{
opacity:1;
-webkit-transform:translate3d(0,25px,0);
transform:translate3d(0,25px,0)
}

75%{
-webkit-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)
}

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

to{
-webkit-transform:none;
transform:none
}


}

@keyframes bounceInDown{
60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}

0%{
opacity:0;
-webkit-transform:translate3d(0,-3000px,0);
transform:translate3d(0,-3000px,0)
}

60%{
opacity:1;
-webkit-transform:translate3d(0,25px,0);
transform:translate3d(0,25px,0)
}

75%{
-webkit-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)
}

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

to{
-webkit-transform:none;
transform:none
}


}

.bounceInDown{
-webkit-animation-name:bounceInDown;
animation-name:bounceInDown
}

@-webkit-keyframes bounceInLeft{
60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}

0%{
opacity:0;
-webkit-transform:translate3d(-3000px,0,0);
transform:translate3d(-3000px,0,0)
}

60%{
opacity:1;
-webkit-transform:translate3d(25px,0,0);
transform:translate3d(25px,0,0)
}

75%{
-webkit-transform:translate3d(-10px,0,0);
transform:translate3d(-10px,0,0)
}

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

to{
-webkit-transform:none;
transform:none
}


}

@keyframes bounceInLeft{
60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}

0%{
opacity:0;
-webkit-transform:translate3d(-3000px,0,0);
transform:translate3d(-3000px,0,0)
}

60%{
opacity:1;
-webkit-transform:translate3d(25px,0,0);
transform:translate3d(25px,0,0)
}

75%{
-webkit-transform:translate3d(-10px,0,0);
transform:translate3d(-10px,0,0)
}

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

to{
-webkit-transform:none;
transform:none
}


}

.bounceInLeft{
-webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft
}

@-webkit-keyframes bounceInRight{
60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}

from{
opacity:0;
-webkit-transform:translate3d(3000px,0,0);
transform:translate3d(3000px,0,0)
}

60%{
opacity:1;
-webkit-transform:translate3d(-25px,0,0);
transform:translate3d(-25px,0,0)
}

75%{
-webkit-transform:translate3d(10px,0,0);
transform:translate3d(10px,0,0)
}

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

to{
-webkit-transform:none;
transform:none
}


}

@keyframes bounceInRight{
60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}

from{
opacity:0;
-webkit-transform:translate3d(3000px,0,0);
transform:translate3d(3000px,0,0)
}

60%{
opacity:1;
-webkit-transform:translate3d(-25px,0,0);
transform:translate3d(-25px,0,0)
}

75%{
-webkit-transform:translate3d(10px,0,0);
transform:translate3d(10px,0,0)
}

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

to{
-webkit-transform:none;
transform:none
}


}

.bounceInRight{
-webkit-animation-name:bounceInRight;
animation-name:bounceInRight
}

@-webkit-keyframes bounceInUp{
60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}

from{
opacity:0;
-webkit-transform:translate3d(0,3000px,0);
transform:translate3d(0,3000px,0)
}

60%{
opacity:1;
-webkit-transform:translate3d(0,-20px,0);
transform:translate3d(0,-20px,0)
}

75%{
-webkit-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}

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

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


}

@keyframes bounceInUp{
60%,75%,90%,from,to{
-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
animation-timing-function:cubic-bezier(.215,.61,.355,1)
}

from{
opacity:0;
-webkit-transform:translate3d(0,3000px,0);
transform:translate3d(0,3000px,0)
}

60%{
opacity:1;
-webkit-transform:translate3d(0,-20px,0);
transform:translate3d(0,-20px,0)
}

75%{
-webkit-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}

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

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


}

.bounceInUp{
-webkit-animation-name:bounceInUp;
animation-name:bounceInUp
}

@-webkit-keyframes bounceOut{
20%{
-webkit-transform:scale3d(.9,.9,.9);
transform:scale3d(.9,.9,.9)
}

50%,55%{
opacity:1;
-webkit-transform:scale3d(1.1,1.1,1.1);
transform:scale3d(1.1,1.1,1.1)
}

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


}

@keyframes bounceOut{
20%{
-webkit-transform:scale3d(.9,.9,.9);
transform:scale3d(.9,.9,.9)
}

50%,55%{
opacity:1;
-webkit-transform:scale3d(1.1,1.1,1.1);
transform:scale3d(1.1,1.1,1.1)
}

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


}

.bounceOut{
-webkit-animation-name:bounceOut;
animation-name:bounceOut
}

@-webkit-keyframes bounceOutDown{
20%{
-webkit-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}

40%,45%{
opacity:1;
-webkit-transform:translate3d(0,-20px,0);
transform:translate3d(0,-20px,0)
}

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


}

@keyframes bounceOutDown{
20%{
-webkit-transform:translate3d(0,10px,0);
transform:translate3d(0,10px,0)
}

40%,45%{
opacity:1;
-webkit-transform:translate3d(0,-20px,0);
transform:translate3d(0,-20px,0)
}

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


}

.bounceOutDown{
-webkit-animation-name:bounceOutDown;
animation-name:bounceOutDown
}

@-webkit-keyframes bounceOutLeft{
20%{
opacity:1;
-webkit-transform:translate3d(20px,0,0);
transform:translate3d(20px,0,0)
}

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


}

@keyframes bounceOutLeft{
20%{
opacity:1;
-webkit-transform:translate3d(20px,0,0);
transform:translate3d(20px,0,0)
}

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


}

.bounceOutLeft{
-webkit-animation-name:bounceOutLeft;
animation-name:bounceOutLeft
}

@-webkit-keyframes bounceOutRight{
20%{
opacity:1;
-webkit-transform:translate3d(-20px,0,0);
transform:translate3d(-20px,0,0)
}

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


}

@keyframes bounceOutRight{
20%{
opacity:1;
-webkit-transform:translate3d(-20px,0,0);
transform:translate3d(-20px,0,0)
}

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


}

.bounceOutRight{
-webkit-animation-name:bounceOutRight;
animation-name:bounceOutRight
}

@-webkit-keyframes bounceOutUp{
20%{
-webkit-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)
}

40%,45%{
opacity:1;
-webkit-transform:translate3d(0,20px,0);
transform:translate3d(0,20px,0)
}

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


}

@keyframes bounceOutUp{
20%{
-webkit-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)
}

40%,45%{
opacity:1;
-webkit-transform:translate3d(0,20px,0);
transform:translate3d(0,20px,0)
}

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


}

.bounceOutUp{
-webkit-animation-name:bounceOutUp;
animation-name:bounceOutUp
}

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

to{
opacity:1
}


}

@keyframes fadeIn{
from{
opacity:0
}

to{
opacity:1
}


}

.fadeIn{
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}

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

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

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

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

.fadeInDown{
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown
}

@-webkit-keyframes fadeInDownBig{
from{
opacity:0;
-webkit-transform:translate3d(0,-2000px,0);
transform:translate3d(0,-2000px,0)
}

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

@keyframes fadeInDownBig{
from{
opacity:0;
-webkit-transform:translate3d(0,-2000px,0);
transform:translate3d(0,-2000px,0)
}

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

.fadeInDownBig{
-webkit-animation-name:fadeInDownBig;
animation-name:fadeInDownBig
}

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

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

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

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

.fadeInLeft{
-webkit-animation-name:fadeInLeft;
animation-name:fadeInLeft
}

@-webkit-keyframes fadeInLeftBig{
from{
opacity:0;
-webkit-transform:translate3d(-2000px,0,0);
transform:translate3d(-2000px,0,0)
}

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

@keyframes fadeInLeftBig{
from{
opacity:0;
-webkit-transform:translate3d(-2000px,0,0);
transform:translate3d(-2000px,0,0)
}

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

.fadeInLeftBig{
-webkit-animation-name:fadeInLeftBig;
animation-name:fadeInLeftBig
}

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

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

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

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

.fadeInRight{
-webkit-animation-name:fadeInRight;
animation-name:fadeInRight
}

@-webkit-keyframes fadeInRightBig{
from{
opacity:0;
-webkit-transform:translate3d(2000px,0,0);
transform:translate3d(2000px,0,0)
}

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

@keyframes fadeInRightBig{
from{
opacity:0;
-webkit-transform:translate3d(2000px,0,0);
transform:translate3d(2000px,0,0)
}

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

.fadeInRightBig{
-webkit-animation-name:fadeInRightBig;
animation-name:fadeInRightBig
}

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

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

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

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

.fadeInUp{
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp
}

@-webkit-keyframes fadeInUpBig{
from{
opacity:0;
-webkit-transform:translate3d(0,2000px,0);
transform:translate3d(0,2000px,0)
}

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

@keyframes fadeInUpBig{
from{
opacity:0;
-webkit-transform:translate3d(0,2000px,0);
transform:translate3d(0,2000px,0)
}

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

.fadeInUpBig{
-webkit-animation-name:fadeInUpBig;
animation-name:fadeInUpBig
}

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

to{
opacity:0
}


}

@keyframes fadeOut{
from{
opacity:1
}

to{
opacity:0
}


}

.fadeOut{
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}

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

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


}

@keyframes fadeOutDown{
from{
opacity:1
}

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


}

.fadeOutDown{
-webkit-animation-name:fadeOutDown;
animation-name:fadeOutDown
}

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

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


}

@keyframes fadeOutDownBig{
from{
opacity:1
}

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


}

.fadeOutDownBig{
-webkit-animation-name:fadeOutDownBig;
animation-name:fadeOutDownBig
}

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

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


}

@keyframes fadeOutLeft{
from{
opacity:1
}

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


}

.fadeOutLeft{
-webkit-animation-name:fadeOutLeft;
animation-name:fadeOutLeft
}

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

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


}

@keyframes fadeOutLeftBig{
from{
opacity:1
}

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


}

.fadeOutLeftBig{
-webkit-animation-name:fadeOutLeftBig;
animation-name:fadeOutLeftBig
}

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

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


}

@keyframes fadeOutRight{
from{
opacity:1
}

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


}

.fadeOutRight{
-webkit-animation-name:fadeOutRight;
animation-name:fadeOutRight
}

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

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


}

@keyframes fadeOutRightBig{
from{
opacity:1
}

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


}

.fadeOutRightBig{
-webkit-animation-name:fadeOutRightBig;
animation-name:fadeOutRightBig
}

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

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


}

@keyframes fadeOutUp{
from{
opacity:1
}

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


}

.fadeOutUp{
-webkit-animation-name:fadeOutUp;
animation-name:fadeOutUp
}

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

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


}

@keyframes fadeOutUpBig{
from{
opacity:1
}

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


}

.fadeOutUpBig{
-webkit-animation-name:fadeOutUpBig;
animation-name:fadeOutUpBig
}

@-webkit-keyframes flip{
from{
-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);
transform:perspective(400px) rotate3d(0,1,0,-360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}

40%{
-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}

50%{
-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}

80%{
-webkit-transform:perspective(400px) scale3d(.95,.95,.95);
transform:perspective(400px) scale3d(.95,.95,.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}

to{
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}


}

@keyframes flip{
from{
-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);
transform:perspective(400px) rotate3d(0,1,0,-360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}

40%{
-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}

50%{
-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}

80%{
-webkit-transform:perspective(400px) scale3d(.95,.95,.95);
transform:perspective(400px) scale3d(.95,.95,.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}

to{
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}


}

.animated.flip{
-webkit-backface-visibility:visible;
backface-visibility:visible;
-webkit-animation-name:flip;
animation-name:flip
}

@-webkit-keyframes flipInX{
from{
-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
transform:perspective(400px) rotate3d(1,0,0,90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}

40%{
-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
transform:perspective(400px) rotate3d(1,0,0,-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}

60%{
-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
transform:perspective(400px) rotate3d(1,0,0,10deg);
opacity:1
}

80%{
-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
transform:perspective(400px) rotate3d(1,0,0,-5deg)
}

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


}

@keyframes flipInX{
from{
-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
transform:perspective(400px) rotate3d(1,0,0,90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}

40%{
-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
transform:perspective(400px) rotate3d(1,0,0,-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}

60%{
-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
transform:perspective(400px) rotate3d(1,0,0,10deg);
opacity:1
}

80%{
-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
transform:perspective(400px) rotate3d(1,0,0,-5deg)
}

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


}

.flipInX{
-webkit-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipInX;
animation-name:flipInX
}

@-webkit-keyframes flipInY{
from{
-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
transform:perspective(400px) rotate3d(0,1,0,90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}

40%{
-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
transform:perspective(400px) rotate3d(0,1,0,-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}

60%{
-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
transform:perspective(400px) rotate3d(0,1,0,10deg);
opacity:1
}

80%{
-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
transform:perspective(400px) rotate3d(0,1,0,-5deg)
}

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


}

@keyframes flipInY{
from{
-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
transform:perspective(400px) rotate3d(0,1,0,90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}

40%{
-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
transform:perspective(400px) rotate3d(0,1,0,-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}

60%{
-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
transform:perspective(400px) rotate3d(0,1,0,10deg);
opacity:1
}

80%{
-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
transform:perspective(400px) rotate3d(0,1,0,-5deg)
}

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


}

.flipInY{
-webkit-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipInY;
animation-name:flipInY
}

@-webkit-keyframes flipOutX{
from{
-webkit-transform:perspective(400px);
transform:perspective(400px)
}

30%{
-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
transform:perspective(400px) rotate3d(1,0,0,-20deg);
opacity:1
}

to{
-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
transform:perspective(400px) rotate3d(1,0,0,90deg);
opacity:0
}


}

@keyframes flipOutX{
from{
-webkit-transform:perspective(400px);
transform:perspective(400px)
}

30%{
-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
transform:perspective(400px) rotate3d(1,0,0,-20deg);
opacity:1
}

to{
-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
transform:perspective(400px) rotate3d(1,0,0,90deg);
opacity:0
}


}

.flipOutX{
-webkit-animation-name:flipOutX;
animation-name:flipOutX;
-webkit-backface-visibility:visible!important;
backface-visibility:visible!important
}

@-webkit-keyframes flipOutY{
from{
-webkit-transform:perspective(400px);
transform:perspective(400px)
}

30%{
-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);
transform:perspective(400px) rotate3d(0,1,0,-15deg);
opacity:1
}

to{
-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
transform:perspective(400px) rotate3d(0,1,0,90deg);
opacity:0
}


}

@keyframes flipOutY{
from{
-webkit-transform:perspective(400px);
transform:perspective(400px)
}

30%{
-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);
transform:perspective(400px) rotate3d(0,1,0,-15deg);
opacity:1
}

to{
-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
transform:perspective(400px) rotate3d(0,1,0,90deg);
opacity:0
}


}

.flipOutY{
-webkit-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipOutY;
animation-name:flipOutY
}

@-webkit-keyframes lightSpeedIn{
from{
-webkit-transform:translate3d(100%,0,0) skewX(-30deg);
transform:translate3d(100%,0,0) skewX(-30deg);
opacity:0
}

60%{
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}

80%{
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}

to{
-webkit-transform:none;
transform:none;
opacity:1
}


}

@keyframes lightSpeedIn{
from{
-webkit-transform:translate3d(100%,0,0) skewX(-30deg);
transform:translate3d(100%,0,0) skewX(-30deg);
opacity:0
}

60%{
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}

80%{
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}

to{
-webkit-transform:none;
transform:none;
opacity:1
}


}

.lightSpeedIn{
-webkit-animation-name:lightSpeedIn;
animation-name:lightSpeedIn;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}

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

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


}

@keyframes lightSpeedOut{
from{
opacity:1
}

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


}

.lightSpeedOut{
-webkit-animation-name:lightSpeedOut;
animation-name:lightSpeedOut;
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}

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

to{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}


}

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

to{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}


}

.rotateIn{
-webkit-animation-name:rotateIn;
animation-name:rotateIn
}

@-webkit-keyframes rotateInDownLeft{
from{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,-45deg);
transform:rotate3d(0,0,1,-45deg);
opacity:0
}

to{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}


}

@keyframes rotateInDownLeft{
from{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,-45deg);
transform:rotate3d(0,0,1,-45deg);
opacity:0
}

to{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}


}

.rotateInDownLeft{
-webkit-animation-name:rotateInDownLeft;
animation-name:rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight{
from{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,45deg);
transform:rotate3d(0,0,1,45deg);
opacity:0
}

to{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}


}

@keyframes rotateInDownRight{
from{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,45deg);
transform:rotate3d(0,0,1,45deg);
opacity:0
}

to{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}


}

.rotateInDownRight{
-webkit-animation-name:rotateInDownRight;
animation-name:rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft{
from{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,45deg);
transform:rotate3d(0,0,1,45deg);
opacity:0
}

to{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}


}

@keyframes rotateInUpLeft{
from{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,45deg);
transform:rotate3d(0,0,1,45deg);
opacity:0
}

to{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}


}

.rotateInUpLeft{
-webkit-animation-name:rotateInUpLeft;
animation-name:rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight{
from{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,-90deg);
transform:rotate3d(0,0,1,-90deg);
opacity:0
}

to{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}


}

@keyframes rotateInUpRight{
from{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,-90deg);
transform:rotate3d(0,0,1,-90deg);
opacity:0
}

to{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}


}

.rotateInUpRight{
-webkit-animation-name:rotateInUpRight;
animation-name:rotateInUpRight
}

@-webkit-keyframes rotateOut{
from{
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}

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


}

@keyframes rotateOut{
from{
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}

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


}

.rotateOut{
-webkit-animation-name:rotateOut;
animation-name:rotateOut
}

@-webkit-keyframes rotateOutDownLeft{
from{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}

to{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,45deg);
transform:rotate3d(0,0,1,45deg);
opacity:0
}


}

@keyframes rotateOutDownLeft{
from{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}

to{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,45deg);
transform:rotate3d(0,0,1,45deg);
opacity:0
}


}

.rotateOutDownLeft{
-webkit-animation-name:rotateOutDownLeft;
animation-name:rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight{
from{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}

to{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,-45deg);
transform:rotate3d(0,0,1,-45deg);
opacity:0
}


}

@keyframes rotateOutDownRight{
from{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}

to{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,-45deg);
transform:rotate3d(0,0,1,-45deg);
opacity:0
}


}

.rotateOutDownRight{
-webkit-animation-name:rotateOutDownRight;
animation-name:rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft{
from{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}

to{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,-45deg);
transform:rotate3d(0,0,1,-45deg);
opacity:0
}


}

@keyframes rotateOutUpLeft{
from{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}

to{
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0,0,1,-45deg);
transform:rotate3d(0,0,1,-45deg);
opacity:0
}


}

.rotateOutUpLeft{
-webkit-animation-name:rotateOutUpLeft;
animation-name:rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight{
from{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}

to{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,90deg);
transform:rotate3d(0,0,1,90deg);
opacity:0
}


}

@keyframes rotateOutUpRight{
from{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}

to{
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0,0,1,90deg);
transform:rotate3d(0,0,1,90deg);
opacity:0
}


}

.rotateOutUpRight{
-webkit-animation-name:rotateOutUpRight;
animation-name:rotateOutUpRight
}

@-webkit-keyframes hinge{
0%{
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}

20%,60%{
-webkit-transform:rotate3d(0,0,1,80deg);
transform:rotate3d(0,0,1,80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}

40%,80%{
-webkit-transform:rotate3d(0,0,1,60deg);
transform:rotate3d(0,0,1,60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}

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


}

@keyframes hinge{
0%{
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}

20%,60%{
-webkit-transform:rotate3d(0,0,1,80deg);
transform:rotate3d(0,0,1,80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}

40%,80%{
-webkit-transform:rotate3d(0,0,1,60deg);
transform:rotate3d(0,0,1,60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}

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


}

.hinge{
-webkit-animation-name:hinge;
animation-name:hinge
}

@-webkit-keyframes rollIn{
from{
opacity:0;
-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
}

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

@keyframes rollIn{
from{
opacity:0;
-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
}

to{
opacity:1;
-webkit-transform:none;
transform:none
}


}

.rollIn{
-webkit-animation-name:rollIn;
animation-name:rollIn
}

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

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


}

@keyframes rollOut{
from{
opacity:1
}

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


}

.rollOut{
-webkit-animation-name:rollOut;
animation-name:rollOut
}

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

50%{
opacity:1
}


}

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

50%{
opacity:1
}


}

.zoomIn{
-webkit-animation-name:zoomIn;
animation-name:zoomIn
}

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

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


}

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

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


}

.zoomInDown{
-webkit-animation-name:zoomInDown;
animation-name:zoomInDown
}

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

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


}

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

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


}

.zoomInLeft{
-webkit-animation-name:zoomInLeft;
animation-name:zoomInLeft
}

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

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


}

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

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


}

.zoomInRight{
-webkit-animation-name:zoomInRight;
animation-name:zoomInRight
}

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

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


}

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

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


}

.zoomInUp{
-webkit-animation-name:zoomInUp;
animation-name:zoomInUp
}

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

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

to{
opacity:0
}


}

@keyframes zoomOut{
from{
opacity:1
}

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

to{
opacity:0
}


}

.zoomOut{
-webkit-animation-name:zoomOut;
animation-name:zoomOut
}

@-webkit-keyframes zoomOutDown{
40%{
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}

to{
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
animation-timing-function:cubic-bezier(.175,.885,.32,1)
}


}

@keyframes zoomOutDown{
40%{
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}

to{
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
animation-timing-function:cubic-bezier(.175,.885,.32,1)
}


}

.zoomOutDown{
-webkit-animation-name:zoomOutDown;
animation-name:zoomOutDown
}

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

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


}

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

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


}

.zoomOutLeft{
-webkit-animation-name:zoomOutLeft;
animation-name:zoomOutLeft
}

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

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


}

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

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


}

.zoomOutRight{
-webkit-animation-name:zoomOutRight;
animation-name:zoomOutRight
}

@-webkit-keyframes zoomOutUp{
40%{
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}

to{
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
animation-timing-function:cubic-bezier(.175,.885,.32,1)
}


}

@keyframes zoomOutUp{
40%{
opacity:1;
-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}

to{
opacity:0;
-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
animation-timing-function:cubic-bezier(.175,.885,.32,1)
}


}

.zoomOutUp{
-webkit-animation-name:zoomOutUp;
animation-name:zoomOutUp
}

@-webkit-keyframes slideInDown{
from{
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0);
visibility:visible
}

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


}

@keyframes slideInDown{
from{
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0);
visibility:visible
}

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


}

.slideInDown{
-webkit-animation-name:slideInDown;
animation-name:slideInDown
}

@-webkit-keyframes slideInLeft{
from{
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0);
visibility:visible
}

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


}

@keyframes slideInLeft{
from{
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0);
visibility:visible
}

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


}

.slideInLeft{
-webkit-animation-name:slideInLeft;
animation-name:slideInLeft
}

@-webkit-keyframes slideInRight{
from{
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);
visibility:visible
}

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


}

@keyframes slideInRight{
from{
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);
visibility:visible
}

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


}

.slideInRight{
-webkit-animation-name:slideInRight;
animation-name:slideInRight
}

@-webkit-keyframes slideInUp{
from{
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0);
visibility:visible
}

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


}

@keyframes slideInUp{
from{
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0);
visibility:visible
}

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


}

.slideInUp{
-webkit-animation-name:slideInUp;
animation-name:slideInUp
}

@-webkit-keyframes slideOutDown{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

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


}

@keyframes slideOutDown{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

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


}

.slideOutDown{
-webkit-animation-name:slideOutDown;
animation-name:slideOutDown
}

@-webkit-keyframes slideOutLeft{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

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


}

@keyframes slideOutLeft{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

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


}

.slideOutLeft{
-webkit-animation-name:slideOutLeft;
animation-name:slideOutLeft
}

@-webkit-keyframes slideOutRight{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

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


}

@keyframes slideOutRight{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

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


}

.slideOutRight{
-webkit-animation-name:slideOutRight;
animation-name:slideOutRight
}

@-webkit-keyframes slideOutUp{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

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


}

@keyframes slideOutUp{
from{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

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


}

.slideOutUp{
-webkit-animation-name:slideOutUp;
animation-name:slideOutUp
}

@-webkit-keyframes blurFadeIn{
0%{
opacity:0;
transform:scale(1.3)
}

50%{
opacity:.5
}

100%{
opacity:1;
transform:scale(1)
}


}

@keyframes blurFadeIn{
0%{
opacity:0;
transform:scale(1.3)
}

50%{
opacity:.5
}

100%{
opacity:1;
transform:scale(1)
}


}

.blurFadeIn{
-webkit-animation-name:blurFadeIn;
animation-name:blurFadeIn
}

@-webkit-keyframes blurFadeInDown{
0%{
opacity:0;
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
transform:translateY(-10px)
}

100%{
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}


}

@keyframes blurFadeInDown{
0%{
opacity:0;
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
transform:translateY(-10px)
}

100%{
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}


}

.blurFadeInDown{
-webkit-animation-name:blurFadeInDown;
animation-name:blurFadeInDown
}

@-webkit-keyframes passing{
0%{
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
opacity:0
}

50%{
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}

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


}

@keyframes passing{
0%{
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
opacity:0
}

50%{
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
opacity:1
}

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


}

@-webkit-keyframes passing-reverse{
0%{
-webkit-transform:translateX(50%);
transform:translateX(50%);
opacity:0
}

50%{
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}

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


}

@keyframes passing-reverse{
0%{
-webkit-transform:translateX(50%);
-ms-transform:translateX(50%);
transform:translateX(50%);
opacity:0
}

50%{
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
opacity:1
}

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


}