@charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 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(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)} 70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-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(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)} 70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-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:.5} } @keyframes flash { 50%,from,to{opacity:1} 25%,75%{opacity:.5} } .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.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)} 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.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)} 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(0.75,1.25,1);transform:scale3d(0.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(0.75,1.25,1);transform:scale3d(0.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:translateX(0,0,0);transform:translateX(0,0,0)} 8%,41%{transform:translateX(-10px);-webkit-transform:translateX(-10px)} 25%,58%{transform:translateX(10px);-webkit-transform:translateX(10px)} 75%{transform:translateX(-5px);-webkit-transform:translateX(-5px)} 92%{transform:translateX(5px);-webkit-transform:translateX(5px)} 0%,100%{transform:translateX(0);-webkit-transform:translateX(0px)} } @keyframes shake { from,to{-webkit-transform:translateX(0,0,0);transform:translateX(0,0,0)} 8%,41%{transform:translateX(-10px);-webkit-transform:translateX(-10px)} 25%,58%{transform:translateX(10px);-webkit-transform:translateX(10px)} 75%{transform:translateX(-5px);-webkit-transform:translateX(-5px)} 92%{transform:translateX(5px);-webkit-transform:translateX(5px)} 0%,100%{transform:translateX(0);-webkit-transform:translateX(0px)} } .shake{-webkit-animation-name:shake;animation-name:shake} @-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(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.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(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.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(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.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(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.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(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.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(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.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(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.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(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.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(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.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(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.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(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.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(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.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(-100%,0,0);transform:translate3d(-100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInLeft { from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,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(100%,0,0);transform:translate3d(100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInRight { from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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 fadeInNot { from{opacity:1} to{opacity:1} } @keyframes fadeInNot { from{opacity:1} to{opacity:1} } .fadeInNot{-webkit-animation-name:fadeInNot;animation-name:fadeInNot} @-webkit-keyframes fadeOutNot { from{opacity:1} to{opacity:1} } @keyframes fadeOutNot { from{opacity:1} to{opacity:1} } .fadeOutNot{-webkit-animation-name:fadeOutNot;animation-name:fadeOutNot} @-webkit-keyframes expandImage { from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 20%{-webkit-transform:scale3d(1.10,1.10,1.10);transform:scale3d(1.10,1.10,1.10)} to{-webkit-transform:scale3d(1.10,1.10,1.10);transform:scale3d(1.10,1.10,1.10)} } @keyframes expandImage { from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 20%{-webkit-transform:scale3d(1.10,1.10,1.10);transform:scale3d(1.10,1.10,1.10)} to{-webkit-transform:scale3d(1.10,1.10,1.10);transform:scale3d(1.10,1.10,1.10)} }